Voir le site
Projet suivantVoeux 2023
- Projet client

Hugo PINNA

Visuel Point de départ du projet Hugo PINNA
Visuel Point de départ du projet Hugo PINNA
Visuel Point de départ du projet Hugo PINNA
Visuel La problématique du projet Hugo PINNA
Visuel La problématique du projet Hugo PINNA
Visuel La problématique du projet Hugo PINNA
Visuel Conception du projet Hugo PINNA
Visuel Conception du projet Hugo PINNA
Visuel Conception du projet Hugo PINNA
Visuel Mise en œuvre du projet Hugo PINNA
Visuel Mise en œuvre du projet Hugo PINNA
Visuel Mise en œuvre du projet Hugo PINNA

Détails du projet

Point de départ

Le brief : un site qui montre l'ensemble de son travail, respecte une direction artistique précise et ne ressemble à aucun autre portfolio de designer.

Visuel 1 Point de départ du projet Hugo PINNAVisuel 2 Point de départ du projet Hugo PINNAVisuel 3 Point de départ du projet Hugo PINNA

La problématique

Ce portfolio devait refléter l'image d'Hugo, mais également se démarquer visuellement et techniquement. Dans le monde du design graphique, la concurrence est forte et chaque détail peut avoir son importance.

Visuel 1 La problématique du projet Hugo PINNAVisuel 2 La problématique du projet Hugo PINNAVisuel 3 La problématique du projet Hugo PINNA

Conception

Puisque le site devait se démarquer techniquement, nous nous devions d'aller plus loin que de simples timings d'animation sur quelques survols. Il a fallu penser à des mécaniques originales, créatives et surtout qui avaient du sens dans l'idée générale.

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

Mise en œuvre

Pour cela, le projet s'est construit avec React. J'ai rapidement intégré GSAP pour la gestion de tous les événements au scroll.
Ensuite, la question de la performance s'est rapidement posée.

C'est alors que j'ai intégré Lottie pour afficher un écran de chargement.

Pour faciliter la modération du contenu, j'ai choisi le CMS headless de Firebase, « FireCMS ».

Visuel 1 Mise en œuvre du projet Hugo PINNAVisuel 2 Mise en œuvre du projet Hugo PINNAVisuel 3 Mise en œuvre du projet Hugo PINNA

Un projet comme celui-ci ?

Essayez-moi 3 jours au forfait sur un composant ou un prototype de pitch : non facturé si le résultat ne convient pas. Réponse sous 72 h.

Voir les offres et les tarifs