Frame
Iniziamo costruendo una comprensione condivisa di cosa deve fare il progetto. Non come dovrebbe apparire, ma quale problema risolve, per chi, e come sappiamo se ha funzionato. Include un questionario di brief strutturato e un audit dei competitor. L'output e un documento di brief firmato.
- Questionario brief
- Audit visivo competitor
- Obiettivi e target conversione
- Definizione del pubblico
- Documento brief firmato
Sketch
Prima che inizi qualsiasi design visivo, wireframing. Ogni progetto riceve almeno un wireframe che condividiamo prima di aggiungere colore, tipografia o immagini. I wireframe vengono rivisti e approvati prima di passare al design ad alta fedelta.
- Wireframe desktop
- Varianti wireframe mobile
- Architettura informazioni
- Call revisione wireframe
- Documento wireframe approvato
Build
Design ad alta fedelta in Figma. La struttura wireframe approvata riceve il trattamento visivo completo: tipografia, sistema cromatico, immagini, spaziatura e dettagli di interazione. Prima desktop, poi mobile. Revisioni tramite link prototipo interattivo.
- Applicazione sistema visivo
- Design desktop + mobile
- Prototipo Figma interattivo
- Round revisione per pacchetto
- Approvazione design finale
Ship
Quando il design e approvato, prepariamo tutto per la consegna. File sorgente Figma completo, tutti gli asset esportati in piu formati e un documento di specifica developer. Per i pacchetti Studio Pro e Complete, include un video di walkthrough.
- Export file sorgente Figma
- Export asset (SVG, PNG, WebP)
- Documento specifica developer
- Video walkthrough (Complete+)
- Inizio finestra di supporto