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

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

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.

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

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 en tête ?

Je lis tous mes messages. Je réponds sous 72h.