Aller au contenu
Logotype VAP en lettres 3D chromées sur fond noir

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.

Deux écrans mobiles du site VAP Studio, dont la page de la collaboration avec le RC Lens

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.

Page d'accueil du site VAP Studio sur desktop, avec les lettres 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

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
Découvrir le site

Commentaires

    Ajouter un commentaire

    Merci ! Votre commentaire sera publié après validation.

    L’envoi n’a pas abouti. Vérifiez les champs et réessayez.

    VAP Studio2025
    Retour