This was a more personal project, as it is the website of my own web design & development studio.
Design
This phase took the longest, as I wanted everything to look just perfect. This took place in the same app where the building is done: Framer. This was possible due to their new Design Pages feature, and it saved a lot of time.
Development
It was straight to the point and quite linear, with some difficulties here and there due to the complex animations. But everything turned out perfectly.
The animations are quite unique and immersive, and I'm very happy with them.
The 3 floating cards
It's a perfect animation as it is fully immersive but in the same time quite light for the performance. Actually, super light. It's more of an illusion, rather than an animation. It took more CSS than JavaScript to make it.
Horizontal scrolling
This is also implemented in order to make the experience as immersive as possible. It was essential to take care of two things:
The actual animation
The look of the cards
If one of those wouldn't be right, all of it would go south.
SEO
On-page SEO is perfect.
aligned all of the h-tags correctly
implemented alt descriptions
aria labels.
Moreover, I made sure that most of the text has enough contrast.
The website doens't need to have tab index on place.
Performance
It's great! The website has incredible results, using 2 of the most popular website speed tests:
Google Lighthouse
Pingdom.
Moreover, it was tested on multiple devices and the practical conclusions were the same: the website is very fast and everything loads as expected.