Sistemi di illustrazione del marchio: disegnare una forte identità visiva

Pubblicato: 2022-03-10
Riassunto rapido ↬ Le illustrazioni del marchio sono un modo adattabile ed efficace per costruire il marchio visivo di un'azienda. In questo articolo, Yihui Liu delinea il suo processo per lo sviluppo di un forte sistema di illustrazione del marchio. Il suo approccio è stato perfezionato in 10 anni di studio ed esperienza professionale in Cina e in Europa e trae esempi dal suo ultimo lavoro come Lead Designer presso Spacebase.

Nella marea di contenuti online, le aziende vivono o muoiono in base alla loro immagine di marca. L'immagine del marchio deve esprimere il messaggio dell'azienda e connettersi con gli utenti, che dovrebbero riconoscerlo immediatamente su diversi media, anche lontano dal sito Web dell'azienda e dai contenuti di marketing. Un'immagine forte del marchio è come un'ancora, che aiuta a garantire l'attaccamento degli utenti e a correggere le associazioni di valore.

L'immagine del marchio è in genere costruita da diversi elementi visivi: loghi, tavolozza dei colori, un carattere particolare. Accanto a questi, le illustrazioni sono un altro potente mezzo di comunicazione visiva che è sempre più richiesto per l'interfaccia utente online.

Come mai? Perché le illustrazioni introducono elementi narrativi nel contenuto visivo e consentono di esprimere emozioni più sottili o situazioni più complesse. L'inclusione di figure umane rende le idee attive e accessibili, spesso in modo spensierato o stravagante. Le illustrazioni si allontanano dal realismo e ti permettono di costruire il mondo come lo vede il marchio .

Questo è un pezzo importante nel più ampio puzzle delle campagne online. Il design digitale, utilizzando i vettori, predilige immagini pulite e audaci che si traducono bene in illustrazioni distintive del marchio. Piuttosto che progetti monouso, queste illustrazioni online vengono utilizzate come parte di sistemi visivi completi. Le immagini in un sistema di illustrazione condividono uno stato d'animo o uno stile unificante, che le rende identificabili con l'immagine e il messaggio più ampi del marchio, anche se rappresentano aspetti diversi di un prodotto o servizio.

I sistemi di illustrazione aumentano la gamma e la profondità dei messaggi che un'azienda comunica visivamente su se stessa, dalle dichiarazioni di missione al supporto pratico del prodotto, rafforzando nel contempo l'immagine del marchio.

Altro dopo il salto! Continua a leggere sotto ↓

Processo di progettazione

Quindi, come dovresti progettare un efficace sistema di illustrazione del marchio? Ti accompagno attraverso il mio processo di progettazione, con esempi della recente revisione che abbiamo intrapreso presso Spacebase.

Ricerca il marchio

La prima cosa è la prima: conosci il marchio per cui disegnerai. Questo potrebbe sembrare ovvio, ma non sottovalutare il lavoro coinvolto. Anche se pensi di avere già una conoscenza pratica, vale la pena investire tempo per rinfrescare o approfondire la tua comprensione del marchio.

Scava nella cultura dietro l'azienda e i suoi prodotti o servizi. Qual è il loro messaggio principale, quali forme assume la loro identità visiva esistente e qual è la direzione in cui l'azienda vuole crescere?

Indagare a fondo all'inizio ti farà risparmiare mal di testa e vicoli ciechi in seguito.

Comprendere le esigenze degli stakeholder

Oltre a fare le tue ricerche, dovrai parlare con lo stakeholder. Questa connessione è fondamentale per il successo del tuo progetto, quindi coinvolgili presto e tienili aggiornati con il processo.

Ottieni risposte alle domande chiave sul design: dove appariranno le illustrazioni e cosa devono esprimere? Su che tipo di situazioni ed emozioni potrebbero giocare? Quali sono i parametri tecnici entro i quali devi lavorare?

In questa fase, le parti interessate potrebbero non essere molto chiare su ciò che vogliono. Tuttavia, dovresti ascoltare attentamente i loro input e considerare le loro aspettative in relazione agli obiettivi dell'azienda e alla loro più ampia immagine del marchio.

In Spacebase, l'obiettivo era rendere la piattaforma di prenotazione online più accessibile e umana. Ho riflettuto a fondo sul rapporto tra le sale riunioni e le persone che le utilizzano. Volevamo catturare il messaggio del marchio di uscire dai normali spazi di lavoro, in nuovi ed eccitanti, in un modo semplice, conveniente e di supporto. I design dovevano apparire amichevoli, moderni e semplici.

Organizza l'ispirazione

Una moodboard è essenziale per fare i conti con gli input che ricevi e organizzare le tue idee. Raccogli immagini da concorrenti o aziende del settore con qualità simili al tuo obiettivo previsto e poi compilale in una risorsa. Guardare ciò che ti ispira può essere una guida al tono generale che vuoi ottenere e suggerire la strada per una prima iterazione. Questo è anche materiale utile da mostrare agli stakeholder, in quanto dà loro un'idea della direzione che prenderanno le illustrazioni prima che inizi il lavoro di creazione dei concetti.

Alcune delle illustrazioni del marchio che mi hanno ispirato. (Grande anteprima)

Per il design di Spacebase, sono stato particolarmente ispirato dalle illustrazioni di Airbnb, IBM e Shopify. Il design semplice delle persone e degli spazi mi ha davvero colpito, ed ero interessato a come le tavolozze di colori tenui mantenessero focalizzate le illustrazioni, senza sovraccaricare gli elementi pittorici. Producono un'impressione di calma, calore e inclusività.

Creazione del concetto

Dopo la ricerca e il moodboard, inizio a disegnare su Adobe Illustrator. A volte utilizzo una tavoletta Wacom, ma principalmente mi attengo al mouse con lo strumento Penna. Uso le forme per creare una struttura di base e uso lo strumento Penna per aggiungere dettagli e migliorare il contorno di base.

Disegnare sullo schermo. (Grande anteprima)

Tieni presente che le immagini che progetti devono essere coerenti per formare un sistema uniforme, non formare scene autonome. Quindi, anche se questa è la prima iterazione, punta a dare alle illustrazioni un sapore distintivo che sarai in grado di replicare su diversi design in futuro. Questo potrebbe non accadere all'inizio, ma orientarsi verso una logica interna per le illustrazioni del marchio e mirare a essere coerenti con questo nelle tue decisioni.

Con le illustrazioni di Spacebase, ci siamo concentrati sui personaggi umani e sulla combinazione di colori come modi per mantenere le immagini in linea con altri elementi visivi del marchio.

L'evoluzione del banner email per le conferme di prenotazione. (Grande anteprima)

Ho iniziato a disegnare i personaggi umani con contorni di base, per avere un'idea delle emozioni che avrebbero rappresentato e di come avrebbero abitato gli spazi interni. Volevo linee fluide per dare loro profili dinamici e suggerire movimento. Volevo anche evitare tutto ciò che sembrava troppo pesante: leggere e amichevoli erano le parole chiave. Anche la diversità era importante per me, poiché Spacebase è un'azienda internazionale e voglio sempre che gli spettatori delle illustrazioni si vedano.

Accanto alle figure umane, volevo che gli oggetti e gli ambienti avessero uno stile distinto: astratto, futuristico e all'avanguardia. Volevamo mostrare interni luminosi, belli, coinvolgenti gli utenti nella dinamica spaziale e con oggetti che suggerissero un ambiente di lavoro professionale idealizzato. Allo stesso tempo, questi non dovevano distrarre l'attenzione. Spacebase è incentrato sull'ispirazione delle sale riunioni, ma il loro marchio riguarda maggiormente le persone che utilizzano questi spazi. Ci sono volute molte iterazioni per ottenere il risultato giusto.

Esplorare diverse linee e tavolozze di colori. (Grande anteprima)

Dopo che gli schizzi sono stati perfezionati, ho pensato a una combinazione di colori. I colori sono potenti ed evocano reazioni istantanee, quindi per me era importante non sopraffare le illustrazioni. Volevo sfumature tenui per migliorare e completare le scene. La combinazione di colori dovrebbe anche riflettere la personalità del marchio e corrispondere agli altri elementi visivi. Per la combinazione di colori Spacebase, era importante rompere con la monocromia e stare lontano dai colori scialbi normalmente associati alle sale riunioni. Il loro colore principale del marchio è l'arancione, quindi l'ho bilanciato con toni pastello più freddi: viola, azzurro, grigio e giallo senape.

Risposta

Dopo la prima iterazione, ottieni tutto il feedback che puoi.

Chiaramente, devi parlare con le parti interessate principali per la loro opinione sul tuo design. Ma cerca anche di chiedere l'opinione di utenti o colleghi, se ne hai, specialmente di persone che non lavorano nel design. Le loro risposte possono guidarti verso i prossimi passi da compiere per migliorare le illustrazioni. Progetta per utenti target reali, piuttosto che per esigenze immaginarie.

Nel complesso, preferisco sentire le frustrazioni delle persone nel sentire le loro lodi. I riconoscimenti sono simpatici ma non molto utili. Conoscere i punti deboli degli utenti (o qualcosa che non ha senso per loro visivamente), indica dove concentrare la tua attenzione. Anche se non sono d'accordo con le tue idee, le parti interessate e i loro utenti devono amare il design. Il buon design è negli occhi dell'utente.

Una delle illustrazioni con cui ho lottato di più in Spacebase era il banner per le e-mail di cancellazione. I clienti li ricevono quando hanno cancellato la propria prenotazione o quando Spacebase ha dovuto cancellarla.

A nessuno piacciono le cattive notizie, quindi volevo che il design condividesse la loro delusione e suggerisse simpatia e comprensione. Le prime versioni erano troppo pesanti, però. I colleghi hanno detto che sembrava la fine del mondo, che era stato emesso un giudizio drastico. Ci è voluto molto tempo (e molte iterazioni) per muoversi in una direzione diversa.

Il design per la cancellazione della prenotazione ha richiesto molte iterazioni. (Grande anteprima)

Alla fine, abbiamo rimosso del tutto le figure umane. Questo era un modo per evitare che l'illustrazione diventasse troppo carica emotivamente e dandole un aspetto più neutro. L'ultima iterazione riduce al minimo il dramma: riconosce un problema attraverso rappresentazioni semi-astratte degli schermi, ma indica anche un futuro oltre la cancellazione.

Libreria di riferimento

Mentre crei le tue illustrazioni, è utile creare una libreria dei diversi elementi che hai già utilizzato. Ciò significa che puoi fare riferimento a loro in futuro e assicurarti di mantenere lo stile e sentirti coerente tra le diverse illustrazioni. Mantenere le tue illustrazioni coerenti è la chiave per l'efficacia complessiva del tuo sistema a lungo termine.

Libreria di immagini per figure umane. (Grande anteprima)
Libreria di immagini per oggetti. (Grande anteprima)

Ripetere

Preparati ad affrontare questo processo molte volte.

Abbiamo attraversato molte fasi per arrivare alle iterazioni finali. (Grande anteprima)

L'iterazione costante è la parte più importante per produrre un'identità visiva di successo. Continua a creare nuove versioni, ottenere feedback e redigere nuove iterazioni. Tutto è un prototipo e devi rimanere aperto alle modifiche per rendere il tuo marchio il più riconoscibile possibile per gli utenti . Tieni gli stakeholder aggiornati e coinvolti e preparati a svolte inaspettate: anche il design è un viaggio e ogni passo ti avvicina a un risultato eccezionale.

Finché ti immergi nella ricerca e nel feedback, andrai nella giusta direzione. Questo è ciò che trovo più gratificante del design: sono motivato dal processo in corso e quando sento di migliorare costantemente le cose, sono felice di fare quello che faccio.

Le illustrazioni del marchio Spacebase hanno contribuito a consolidare l'identità del marchio. (Grande anteprima)