Case study · Sistema di marca digitale
Ventrevo
Sistema di marca digitale / Web design e sviluppo
Un sistema di marca digitale costruito per crescere: componenti, pattern di contenuto e regole d'interfaccia progettati una volta e riutilizzati in tutto il sito.
Vedi il sito onlinePanoramica
- Marchio
- Ventrevo
- Focus
- Sistema di marca digitale
- Servizi
- Web design e sviluppo
- Ruolo
- Design system e sviluppo
Sfida
Un sito interamente su misura invecchia in fretta. Ogni nuova pagina inventa la propria impaginazione e in un anno il marchio non sembra più un marchio solo.
Il lavoro doveva produrre un sistema su cui altri potessero continuare a costruire, senza un designer a ogni aggiunta.
Approccio
01
Definire le primitive
Scala tipografica, spaziature, colore e raggi sono stati fissati per primi, così ogni componente eredita le stesse decisioni invece di riprenderle.
02
Progettare per componenti
Le pagine si compongono da un insieme definito di sezioni e schede, il che mantiene il ritmo e accelera le nuove pagine.
03
Pattern di contenuto
Ogni sezione ha un ruolo chiaro e una forma di contenuto definita, così il testo entra nel design e non il contrario.
04
Design e sviluppo in un unico ciclo
Il sistema è stato costruito mentre veniva progettato: ciò che è specificato è ciò che viene consegnato, stati, responsive e movimento inclusi.
Consegnato
- — Fondamenta del sistema di marca digitale
- — Libreria di componenti e sezioni
- — Template di pagina composti dal sistema
- — Stati dell'interfaccia e comportamento del movimento
- — Sviluppo front-end e implementazione responsive
Risultato
Ventrevo ha un sistema di marca digitale documentato: primitive, componenti, sezioni, stati e movimento definiti una volta e riutilizzati.
Il sito ventrevo.com è composto a partire da quel sistema, così si possono produrre nuove pagine senza che un designer ne specifichi ognuna da zero.