Voir le site
Aperçu principal du projet Hugo PINNA
- Hugo PINNA

Hugo PINNA

Site internet

Animation

React

Gsap

Lottie

Visuel Histoire du projet Hugo PINNA
Visuel Histoire du projet Hugo PINNA
Visuel Histoire du projet Hugo PINNA
Visuel Pourquoi du projet Hugo PINNA
Visuel Pourquoi du projet Hugo PINNA
Visuel Pourquoi du projet Hugo PINNA
Visuel Comment du projet Hugo PINNA
Visuel Comment du projet Hugo PINNA
Visuel Comment du projet Hugo PINNA
Visuel Quoi du projet Hugo PINNA
Visuel Quoi du projet Hugo PINNA
Visuel Quoi du projet Hugo PINNA

Détails du projet

Histoire

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.

Pourquoi

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.

Comment

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.

Quoi

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".