Design Mode
Usa un brief testuale per scegliere prima una direzione visiva, poi crea un'app funzionante a partire da quella direzione approvata.
Design Mode è il percorso di creazione design-first di Verdent per nuove app con un'interfaccia visibile. Usalo quando hai un'idea espressa a parole, ma non hai ancora un design, uno screenshot, una guida di stile o un piano completo delle pagine.
Invece di passare direttamente al codice, Design Mode ti aiuta a decidere prima come dovrebbe apparire e comportarsi il prodotto, poi trasforma la direzione approvata in un'app funzionante.
Quando usare Design Mode
Usa Design Mode quando vuoi creare una nuova UI di prodotto a partire da un brief testuale, ad esempio:
- un'app full-stack
- un frontend web o una landing page
- un'app mobile
- un'idea di prodotto da 0 a 1 in cui la direzione visiva non è ancora decisa
Quando saltarlo
Salta Design Mode quando:
- il progetto è una banale utility a schermata singola, come un modulo di base o una piccolissima app giocattolo
- hai già un brief di design completo con una direzione stilistica concreta, una palette, un sistema tipografico e un elenco di pagine o schermate
- hai già file di design, mockup, screenshot o una guida di stile da seguire direttamente
- vuoi esplicitamente saltare il design e passare direttamente al codice
Se il tuo brief è già abbastanza specifico, Verdent può usarlo come direzione scelta e procedere direttamente verso la pianificazione delle pagine e il lavoro di build.
Come funziona Design Mode
Descrivi il prodotto
Inizia con un brief in linguaggio semplice: cosa vuoi realizzare, a chi è rivolto, cosa deve fare e qualsiasi riferimento di mood o stile che hai già.
Scegli una direzione visiva
Verdent esplora direzioni di design distinte così puoi scegliere l'aspetto e il feeling prima che venga scritto il codice.
Pianifica le pagine o le schermate
Per prodotti multi-pagina, full-stack o più complessi, Verdent trasforma la direzione scelta in un piano di pagine o schermate e in una specifica di prodotto in linguaggio semplice.
Costruisci a partire dalla direzione approvata
Una volta chiarita la direzione, Verdent ripristina il design in un'app funzionante e mantiene le decisioni successive legate al design e alla specifica approvati.
Anteprima e continua
Rivedi l'app in anteprima, poi continua con il lavoro sul backend, i test o ulteriori iterazioni secondo necessità.
Come usare Design Mode in Verdent Desktop
Quando avvii un nuovo prodotto in Manager, descrivi l'app che vuoi realizzare. Se non hai ancora una direzione di design concreta, apri Design Mode e Verdent ti aiuterà a scegliere una direzione visiva prima di procedere alla build.
Puoi mantenere il brief semplice, ma rendilo abbastanza specifico da guidare le decisioni di design:
- cos'è il prodotto
- chi lo userà
- il compito principale in cui dovrebbe aiutare
- le pagine, le schermate o gli stati di cui sai già di aver bisogno
Esempi di brief
Landing page
Crea una landing page per un'app di finanza personale rivolta ai freelance. Deve trasmettere calma, affidabilità e uno stile editoriale, con una hero, sezioni sulle funzionalità, prezzi e FAQ.
App multi-schermata
Crea un habit tracker mobile-first per persone in ripresa dal burnout. Deve trasmettere delicatezza e concretezza, con onboarding, check-in giornaliero, vista dei progressi e impostazioni.
Consigli per risultati migliori
- Indica a chi è rivolto il prodotto.
- Descrivi la sensazione che vuoi trasmettere, non solo l'elenco delle funzionalità.
- Menziona le pagine o le schermate già note, se le hai.
- Condividi riferimenti o vincoli fin da subito, se sono importanti.
- Indica cosa evitare se sai già cosa risulterebbe sbagliato.
- Per prodotti complessi, aspettati di dover confermare l'elenco delle pagine e la specifica di prodotto prima che la build completa prosegua.