View the site
Next projectVoeux 2023
- Client project

Hugo PINNA

Visuel Starting point du projet Hugo PINNA
Visuel Starting point du projet Hugo PINNA
Visuel Starting point du projet Hugo PINNA
Visuel The challenge du projet Hugo PINNA
Visuel The challenge du projet Hugo PINNA
Visuel The challenge du projet Hugo PINNA
Visuel Process & Decisions du projet Hugo PINNA
Visuel Process & Decisions du projet Hugo PINNA
Visuel Process & Decisions du projet Hugo PINNA
Visuel Execution du projet Hugo PINNA
Visuel Execution du projet Hugo PINNA
Visuel Execution du projet Hugo PINNA

Détails du projet

Starting point

The brief: a site that shows all of his work, follows a precise art direction and looks like no other designer's portfolio.

Visuel 1 Starting point du projet Hugo PINNAVisuel 2 Starting point du projet Hugo PINNAVisuel 3 Starting point du projet Hugo PINNA

The challenge

This portfolio had to reflect Hugo's image, and also stand out visually and technically. In graphic design, competition is strong and every detail can matter.

Visuel 1 The challenge du projet Hugo PINNAVisuel 2 The challenge du projet Hugo PINNAVisuel 3 The challenge du projet Hugo PINNA

Process & Decisions

Since the site had to stand out technically, we had to go further than simple animation timings on a few hovers. That meant thinking up original, creative mechanics that, above all, made sense within the overall idea.

Visuel 1 Process & Decisions du projet Hugo PINNAVisuel 2 Process & Decisions du projet Hugo PINNAVisuel 3 Process & Decisions du projet Hugo PINNA

Execution

The project was built with React. I quickly brought in GSAP to handle every scroll event.
Then performance quickly became a question.

That is when I added Lottie to show a loading screen.

To make content moderation easier, I chose Firebase's headless CMS, FireCMS.

Visuel 1 Execution du projet Hugo PINNAVisuel 2 Execution du projet Hugo PINNAVisuel 3 Execution du projet Hugo PINNA

A project like this one?

Try me for 3 days at a fixed price on a component or a pitch prototype: not invoiced if the result doesn't work for you. Reply within 72h.

See offers and rates