Design UI/UX e identità di brand a Cipro
Progettiamo le interfacce su cui gira un prodotto e l'identità con cui un brand viene riconosciuto, UI/UX basata sulla ricerca e sistemi di brand costruiti per questo mercato. Le stesse regole e lo stesso rigore, costruiti per te.
Costruiamo design UI/UX e identità di brand come un'unica disciplina a Cipro: ricerca e sistemi di interfaccia per i prodotti, e i marchi, i colori e le regole tipografiche che portano un brand su tutto ciò che tocca. Un unico team porta avanti entrambi, così l'interfaccia di un prodotto e l'identità di un brand parlano con la stessa voce.
La prova è il sistema dietro la pagina che hai davanti. Un'unica palette usata con disciplina, una scala tipografica portata avanti in ogni titolo e paragrafo, e un linguaggio dei componenti costruito per questo brand invece che preso da un kit. Lo stesso rigore entra in ogni interfaccia e identità che progettiamo per un cliente.
Specimen sheet for this page's own design system: a Sora type scale at 54, 40 and 16 pixels; the accent colour 52A1D1 shown as accent text on a dark chip and the body colour shown as body text on a canvas chip; and a spacing ruler at 4, 8, 12, 16 and 24 pixels. Annotated "same system, every page".
Da dove nasce il debito di design
La maggior parte dei brand e dei prodotti perde il proprio design un po' alla volta, in piccole decisioni prese ciascuna per conto proprio: un pulsante costruito in tre modi diversi perché il primo era sepolto nei file, un logo appoggiato su uno sfondo con cui stona, un blu che scivola verso cinque blu leggermente diversi nel corso di un anno di screenshot e slide. Ogni scelta è piccola. Insieme, si sommano.
Il costo emerge più avanti: le nuove pagine richiedono più tempo per essere rilasciate perché ogni nuova mano deve riscoprire ciò che era già stato deciso, e i clienti notano l'incoerenza prima ancora di saperla spiegare. Iniziamo scrivendo le regole che il brand o il prodotto possiede già a metà, poi costruiamo le parti ancora mancanti.
Interfacce, identità, e i sistemi che tengono insieme entrambe
Tre discipline correlate, che di solito lavorano insieme.
Design di prodotto e UI/UX
Interfacce per prodotti web e mobile: ricerca, flussi utente e schermate progettate e testate prima che una sola riga di codice di produzione dipenda da esse.
Identità di brand e design del logo
Il marchio, il trattamento del nome, le scelte di colore e tipografia che rendono un brand riconoscibile, costruiti come un sistema che un piccolo team può applicare con coerenza.
Design system
Le regole documentate dietro entrambi: componenti, spaziatura, colore e tipografia, così una decisione viene presa una volta sola e riusata su ogni nuova schermata da lì in poi.
Dalla ricerca alle schermate testate
La stessa struttura guida un progetto di logo e il redesign di un prodotto, calibrata sul brief.
- 01
Ricerca
Osserviamo gli utenti, il brand così com'è oggi, e il settore in cui compete, prima di disegnare qualsiasi cosa. Le ipotesi vengono messe per iscritto e verificate sul pubblico reale.
- 02
Flussi
Schermate e percorsi mappati prima come wireframe, così la struttura di un prodotto o la logica di un sistema di identità viene concordata prima ancora di avere un solo colore o un solo carattere.
- 03
Sistema
L'identità o l'interfaccia diventa un sistema: tipografia, colore, componenti, e le regole che la mantengono coerente man mano che il brand o il prodotto cresce.
- 04
Test e consegna
Schermate o applicazioni reali testate con un uso reale, poi i file sorgente, i font e la documentazione vengono consegnati, tuoi da gestire.
Cosa contiene davvero un sistema di brand o di interfaccia
Il marchio visibile è la parte più piccola. Le regole che ci sono dietro sono ciò che mantiene un brand o un prodotto fedele a se stesso anche un anno dopo.
Il marchio
Un logo costruito per funzionare sia sul formato di un biglietto da visita sia su uno schermo da stadio, in un solo colore e a colori pieni, con spazio di rispetto e dimensione minima specificati.
Tipografia
Un abbinamento di caratteri e una scala, così un titolo e una didascalia mantengono sempre la stessa relazione tra loro, su ogni pagina che chiunque costruirà in seguito.
Colore
Una palette con un ruolo definito per ogni colore, primario, accento e neutro, applicata allo stesso modo su ogni superficie.
Voce e motion
Come suona il brand in una frase e come si muove un'interfaccia, specificati così entrambi restano coerenti tra ogni membro del team che li tocca.
Il sistema dietro questa pagina è la prova
Guarda la pagina che stai leggendo. Un'unica palette portata avanti con disciplina su superfici scure e chiare, una scala tipografica che regge dal titolo dell'hero fino a una didascalia, e un linguaggio dei componenti disegnato per questo brand a partire da una pagina bianca. L'abbiamo progettato noi stessi, allo stesso modo in cui progettiamo per un cliente.
Si vede anche nei dettagli più piccoli: le cinque persone illustrate dietro le firme dei nostri Insights condividono uno stesso stile di proporzioni, colore e spessore del tratto, un piccolo sistema di identità a sé stante, costruito nello stesso modo del brand più ampio che lo circonda.
Cassini
Apollo
Voyager
Juno
HuygensFive bylines for our Insights blog, one shared style of proportion, colour and line weight.
Domande, con risposte chiare
Cosa comporta un incarico di UI/UX o identità di brand?
Segue ricerca, flussi, sistema, poi schermate testate: conosciamo gli utenti e il brand, mappiamo la struttura, costruiamo il sistema di tipografia, colore e componenti, poi lo testiamo e lo consegniamo documentato e pronto perché tu lo gestisca.
Quanti round di revisione sono inclusi?
Definiamo i round di revisione nel brief prima che inizi il lavoro, così restano concordati invece che aperti a oltranza. La maggior parte dei progetti prevede due round di revisione strutturati: uno sul sistema, uno sulle schermate o gli asset applicati.
I file sorgente saranno di nostra proprietà?
Sì. I file Figma, i font (o una licenza per usarli) e la documentazione del design system sono tuoi alla consegna, così il tuo team può aprirli, modificarli ed estenderli fin dal primo giorno.
Quanto tempo richiede un progetto di identità di brand o UI/UX?
Un logo e un sistema di identità richiedono di solito settimane. Un sistema UI/UX completo per un prodotto richiede più tempo, a seconda di quante schermate e flussi rientrano nell'ambito. Diamo una tempistica reale una volta definito l'ambito del brief.
Cosa è incluso in un pacchetto di brand?
Il marchio nelle sue varianti, un sistema di colore e tipografia, le regole d'uso, e i template di cui un piccolo team ha bisogno giorno per giorno, non un semplice file del logo.
Potete lavorare su un brand che già abbiamo, o costruite solo brand nuovi?
Entrambi. Rinnovare o sistematizzare un brand esistente è un lavoro comune: troviamo ciò che già funziona, lo mettiamo per iscritto come regole, e sistemiamo le parti che si sono perse per strada.
È diverso dal vostro servizio di sviluppo web?
È una disciplina distinta, e le due spesso procedono insieme sullo stesso progetto. Questa pagina copre il lavoro di design in sé: ricerca, interfacce e sistemi di brand. Costruire e rilasciare il sito o il prodotto che gira su di essi è sviluppo web, dove il design dell'interfaccia fa già parte di ogni sviluppo.
Dicci cosa ha bisogno di un sistema. Portaci un prodotto che ha bisogno di un'interfaccia, un brand che ha bisogno di un marchio, o un'identità che si è persa per strada rispetto alla presentazione da cui era partita. Ti mostreremo il piano prima che tu ti impegni. .
Prenotate una call o inviate il brief, come preferite. Rispondiamo entro un giorno lavorativo.