Hugo PINNA
Site internet
Animation
React
Gsap
Lottie
Détails du projet
Starting point
Hugo Pinna est un ami, camarade de classe et freelance. Nous avons également été collègues pendant nos deux premières années d’alternance. C’est à ce moment-là que la proposition de ce portfolio est née. Une demande créative et ambitieuse qui m’a immédiatement séduit.
The challenge
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.
Process & Decisions
Puisque nous étions techniquement différents de la concurrence, nous nous devions d'aller plus loin que de simples timing 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.
Execution
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".
