araxes studio — design & development

This was a more personal project, as it is the website of my own web design & development studio.

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.

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.

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.

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.

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.

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.