I designed a former portfolio website concept. It has a lot of animations.
I tried to recreate a lot of animations and microinteractions that I just adore
The process was pretty long. I just saw a lot of Awwwards-winning websites and I just loved the minimal design and the flow of the website. That being said I started creating each animation.
A part of the animations are:
Menu link move on hover
Fade-In of all elements
The reveal of the responsive menu and the endless marquee with an image showing
Parallax on the hero image
Distorsion transition on the "About Me" image
Text Rotation
"Contact Me" typewriter & more
There is also a "Projects" page with horizontal scroll and a Project page that has locomotive scroll effect. The routing of the pages was done using Node.JS with Express.JS.