Étude de cas · Système de marque digital
Ventrevo
Système de marque digital / Design et développement web
Un système de marque digital pensé pour durer : composants, modèles de contenu et règles d'interface conçus une fois, puis réutilisés sur tout le site.
Voir le site en ligneAperçu
- Marque
- Ventrevo
- Focus
- Système de marque digital
- Services
- Design et développement web
- Rôle
- Système de design et développement
Enjeu
Un site entièrement sur mesure vieillit vite. Chaque nouvelle page invente sa propre mise en page et, un an plus tard, la marque ne ressemble plus à une seule marque.
Le travail devait produire un système sur lequel d'autres puissent construire ensuite, sans un designer à chaque ajout.
Approche
01
Définir les primitives
Échelle typographique, espacement, couleur et rayons ont été fixés d'abord, pour que chaque composant hérite des mêmes décisions au lieu de les reprendre.
02
Concevoir par composants
Les pages s'assemblent à partir d'un ensemble défini de sections et de cartes, ce qui maintient le rythme et accélère la production de nouvelles pages.
03
Modèles de contenu
Chaque section a un rôle clair et une forme de contenu définie : le texte entre dans le design, et non l'inverse.
04
Design et développement en un seul cycle
Le système a été construit au fil de sa conception : ce qui est spécifié est ce qui est livré, états, responsive et mouvement compris.
Livré
- — Fondations du système de marque digital
- — Bibliothèque de composants et de sections
- — Gabarits de page assemblés depuis le système
- — États d'interface et comportement de mouvement
- — Développement front-end et intégration responsive
Résultat
Ventrevo dispose d'un système de marque digital documenté : primitives, composants, sections, états et mouvement définis une fois et réutilisés.
Le site ventrevo.com est assemblé à partir de ce système, ce qui permet de produire de nouvelles pages sans qu'un designer spécifie chacune d'elles depuis zéro.