Étude de cas
Site du studio
Un terrain de jeu devenu carte de visite.
Informations clés
- Client
- Wend Studio
- Rôle
- Designer & développeur
- Année
- 2023
- Durée
- 2 mois
- Stack
- Next.jsFramer MotionThree.jsNetlify
01
Contexte et problème
Wend Studio avait besoin d'une vitrine à la hauteur de ses ambitions : un site qui démontre — plutôt qu'il n'affirme — la maîtrise du design d'interaction et de la performance web.
Le problème
Les templates de portfolio se ressemblent tous ; le studio devait se démarquer sans sacrifier l'accessibilité ni les Core Web Vitals — le piège classique des sites créatifs.
02
La solution
Un design system complet — tokens, verre, ambiances de scroll — puis un site immersif : scènes Three.js légères, animations pilotées au scroll, thème clair/sombre et bilinguisme natifs. Chaque effet respecte prefers-reduced-motion.
Fonctionnalités clés
Ambiances de scroll
Le fond et l'accent de la page transitionnent au fil des sections.
Scènes 3D sobres
Three.js sous budget de performance strict, avec repli élégant.
Design system documenté
Tokens, verre et composants signature réutilisés sur tout le site.
Accessible par défaut
Reduced motion, contrastes AA et navigation clavier de bout en bout.
03
Galerie
Un aperçu des écrans livrés — du parcours principal aux détails d'interface.
04
Résultats et chiffres
Ce que le projet a changé, mesuré sur la durée.
100/100 au score Lighthouse performance
L'immersion ne se paie pas en Core Web Vitals.
0,8 s de LCP sur mobile
Scènes 3D et animations sous budget de performance strict.
+160 % de prises de contact
Le site démontre le savoir-faire au lieu de le décrire.
Travaillons ensemble
Un produit à lancer, une plateforme à fiabiliser, une équipe à renforcer ? Parlons-en.