Les lettres de VAP, modélisées, texturées et animées sous Spline : un métal liquide et brillant qui donne au studio une signature immédiatement reconnaissable.
Sur mobile, chaque projet garde la même énergie, comme ici la collaboration avec le RC Lens : grands titres, visuels plein écran et touches de 3D.
VAP Studio accompagne marques et créateurs de contenu en production vidéo
Dans le cadre de mon alternance au Studio9P, et sous la supervision du directeur de création, j'ai conçu les maquettes, l'expérience utilisateur (UX), le motion design et la 3D du site de VAP Studio, studio de création vidéo pour les créateur·rices de contenu et les marques. La direction artistique était portée par l'équipe du Studio OUAM : à partir de son univers, j'ai assuré tout le webdesign du site, de l'architecture des pages jusqu'aux plus petits détails d'interface.
Pour que le site bouge comme une vidéo, j'ai imaginé les animations des interactions et des micro-interactions, puis je les ai détaillées pour transmettre précisément mes intentions de motion design au développeur Clario Cadran, qui a intégré la quasi-totalité du site, en partie sous Webflow. J'ai aussi réalisé tous les assets 3D sous Spline : modélisation, texturing et animation. Et tout ça, ça fait un site rempli d'easter eggs, qui pop, qui claque, qui shine (exactement comme on les aime).
Le site s'articule autour de lettres 3D chromées et déformées qui composent le logotype VAP, un métal liquide et brillant sur un fond noir relevé de vert. Chaque page met en avant les vidéos du studio et ses collaborations avec les marques, comme celle avec le RC Lens : grands titres, visuels plein écran et touches de 3D, pensés autant pour le desktop que pour le mobile.
Le projet a reçu une Honorable Mention sur Awwwards et a été sélectionné par Muzli et MaxiBestOf : la reconnaissance d'un site où webdesign UX/UI, motion design et 3D Spline avancent ensemble.
Réalisé chez Studio9P, en alternance, sous la supervision du directeur de création
Reconnaissances
Périmètres
- Maquettes et webdesign (UI)
- Expérience utilisateur (UX)
- Motion design et micro-interactions
- Modélisation, texturing et animation 3D (Spline)
Crédits
- Studio OUAM Direction artistique
- Nicolas Alain UX/UI, motion design et 3D
- Clario Cadran Développement web
- Studio9P Direction de création
Commentaires
Aucun commentaire.
Le premier sera le vôtre ?
Ajouter un commentaire
Ajouter un commentaire
Merci ! Votre commentaire sera publié après validation.
Merci ! Votre commentaire sera publié après validation.
L’envoi n’a pas abouti. Vérifiez les champs et réessayez.