Color Before the Lines
Un'app per dipingere che parte da un acquerello finito. Come abbiamo progettato l'interazione principale, le impaginazioni per iPad e iPhone e la revisione del nostro stesso lavoro.
Leggi il caso studio: Color Before the LinesDesign che si può costruire. Design di prodotto e UX/UI per app, SaaS e siti web
Flussi, schermate e design system disegnati da un designer che scrive anche il codice: quello che approvi è quello che viene costruito.
Per chi è.
- Founder prima dell'MVP che vogliono dare forma al prodotto prima di scrivere codice.
- Team di prodotto con un prodotto cresciuto una schermata alla volta che ora ha bisogno di un sistema.
- Agenzie che cercano UX/UI o un design lead per un progetto di un cliente.
- Sviluppatori che hanno il codice funzionante e vogliono un'interfaccia che abbia senso.
Cosa ottieni.
Design che regge l'incontro con lo sviluppo, perché sviluppiamo anche noi.
Flussi dal compito vero
Partiamo da quello che le persone cercano di fare, poi mappiamo ogni passo, stato ed errore prima di disegnare le schermate.
Schermate a grandezza reale
iPhone, iPad, computer e le misure in mezzo, con contenuti veri al posto del testo finto.
Un sistema, non un mucchio di schermate
Colori, caratteri, spaziature e componenti come token che gli sviluppatori usano direttamente.
Prototipi da provare
Prototipi cliccabili o in codice da provare con le persone prima di impegnarsi nello sviluppo.
Revisioni oneste
Un audit di un prodotto esistente: cosa blocca le persone, in ordine di impatto, con una correzione per ogni punto.
Consegna che combacia con il codice
Le specifiche arrivano con stati, casi limite e animazioni che di solito gli sviluppatori devono indovinare.
Come si procede.
Cinque passi. Ognuno finisce con qualcosa da guardare, provare o da cui costruire.
Capire
Il prodotto, le persone che lo usano e il vincolo di business, da interviste o dati di utilizzo se ci sono.
Struttura
Flussi e struttura in wireframe, concordati prima di qualsiasi lavoro visivo.
Direzione
Un mondo visivo che nasce dal tuo prodotto e dalle persone che lo usano, mostrato in schermate vere.
Schermate e sistema
Ogni schermata e ogni stato, su un sistema di componenti con i suoi token.
Supporto allo sviluppo
Rispondiamo alle domande degli sviluppatori, rivediamo quello che costruiscono, o lo costruiamo noi.
Progettati e pubblicati.
Il lavoro di design dietro i nostri prodotti, dalla prima idea alla versione sullo store.
Progettati e costruiti da noi
- FreeboardInterfaccia per una previsione di cassa su dodici mesi, sul web e nel browserfreeboard.money
- RouterSyncUn'unica interfaccia a cartello su Mac, iPhone, Android e Windowsroutersync.com
- CardillonBiglietti d'auguri pop-up in 3D con un carilloncardillon.com
- Valerio DonfrancescoIl portfolio UX/UI del fondatore, per le agenzievaleriodonfrancesco.pro
Cosa fa il prezzo.
Il design si misura sul prodotto, non sulle ore. Queste sono le cose che cambiano l'ambito.
Ampiezza del prodotto
Un singolo flusso non è un'app intera. Misuriamo il lavoro in flussi e schermate, stati compresi.
Cosa esiste già
Marchio, ricerche, un prodotto attuale o il codice cambiano da dove partiamo e quanto rifacciamo.
Profondità del sistema
Pochi componenti riusabili, o un design system completo con la sua documentazione.
Fedeltà del prototipo
Le schermate cliccabili sono rapide; un prototipo in codice che si comporta come l'app richiede più tempo e si prova meglio.
Chi lo costruisce
Se sviluppiamo anche noi, la consegna è più leggera. Se sviluppa il tuo team, aggiungiamo specifiche e giri di revisione.
Il design può essere un progetto a sé o il primo passo di un'app o di un sito che costruiamo noi.
Domande
Lavorate con i nostri sviluppatori?
Sì. Consegniamo specifiche e token, partecipiamo alle revisioni e rispondiamo alle domande mentre costruiscono.
Potete guidare il design per un'agenzia?
Sì. Lavoriamo come designer UX/UI o design lead su progetti di agenzia, dalla scoperta alla consegna.
Inizia un design.
Raccontaci del prodotto e di dove si trova oggi. Leggiamo ogni messaggio e rispondiamo di persona.
Oppure scrivi a info@bytelegion.site