Brand Illustration 101: Visualizzazione della narrativa

Pubblicato: 2022-03-11

L'illustrazione ti dà le ali!

Ricordi quei vecchi spot pubblicitari della Red Bull dei primi anni 2000? Quelli animati in cui personaggi disegnati liberamente con grandi nasi sbuffavano da una lattina magra, crescevano le ali e svolazzavano allegramente su, su e via? Certo che lo fai. Lo stile e l'umorismo erano inconfondibili e divennero essenziali per il messaggio della Red Bull. In molti modi, quelle pubblicità sciocche erano un precursore di una pratica in rapida crescita nel mondo odierno del branding.

Animazione classica delle ali di Red Bull
Red Bull, Piccione. Kastner & Partner

Che cos'è un sistema di illustrazione del marchio?

Un marchio è una promessa. I designer di marchi aiutano le aziende a raggiungere le persone realizzando attentamente questa promessa con parole, loghi, colori e tipografia. L'illustrazione viene sempre più utilizzata per esprimere il valore del marchio, soprattutto sul web. Per essere chiari, le aziende stanno andando oltre la commissione di illustrazioni una tantum che mettono in evidenza punti di discussione isolati sui loro siti web. Al giorno d'oggi, stanno investendo molto tempo e risorse in ampi sistemi di illustrazione del marchio.

Mappa dell'illustrazione del marchio Uber
Il nuovo marchio e design di Uber

Un sistema di illustrazione del marchio è una raccolta di immagini con un'atmosfera e uno stile coerenti che chiariscono la promessa di un marchio, spesso con un cenno all'esperienza umana (umorismo, speranza, ironia, ecc.).

È importante notare che, a meno che non vi sia una strategia specifica che affermi diversamente, l'illustrazione dovrebbe essere una parte complementare del quadro generale di un marchio.

Se il messaggio e l'identità visiva di un marchio sono strutturati e seri, un sistema di illustrazione sciolto e giocoso può creare confusione, soprattutto se non c'è un chiaro intento dietro la scelta di stile.

Perché è utile un sistema di illustrazione del marchio?

L'illustrazione ha la capacità di reimmaginare la realtà in un modo che è familiare ma deliziosamente non comune, il che la rende particolarmente utile quando un'idea è difficile da spiegare. È un modo efficace per eliminare le distrazioni e mettere in relazione rapidamente emozioni complesse. Ma perché progettare un sistema di illustrazioni di marca? Perché non creare singole immagini secondo necessità, ognuna con il proprio stile distinto?

La prima risposta è la lingua. Un sistema di illustrazione è un modo per arricchire il linguaggio visivo di un marchio e dire cose più sfumate che un logo, una combinazione di colori, un carattere tipografico o persino le parole non possono trasmettere da soli.

La seconda risposta è la coerenza. Un branding coerente (cioè, fare promesse) crea aspettative che un'azienda deve soddisfare e le persone premiano le aspettative soddisfatte con la lealtà.

Un sistema di illustrazione del marchio offre a un'azienda la possibilità di sviluppare la propria storia del marchio con coerenza su più piattaforme (web, stampa, social, ecc.).

Iscriviti al blog di design Toptal e ricevi il nostro eBook

In che modo i marchi leader implementano con successo i sistemi di illustrazione?

Diamo un'occhiata a come tre grandi marchi utilizzano i sistemi di illustrazione come parte della loro strategia di costruzione del marchio per portare vita, energia ed emozione a prodotti utili ma per lo più utilitaristici.

lento

Slack è una "piattaforma online che connette i team con le app, i servizi e le risorse di cui hanno bisogno per portare a termine il lavoro". Di recente, il sito web di Slack ha subito una riprogettazione ed è riemerso in splendide illustrazioni dai colori vivaci che ritraggono millennial elegantemente vestiti che svolgono con gioia compiti d'ufficio come controllare i messaggi, condividere file e inviare note.

Illustrazione del sito web di Slack Brand di Alice Lee
Slancio, Alice Lee

Alice Lee è l'illustratrice di talento dietro queste immagini e fa un ottimo lavoro spiegando la sua visione per il sistema di illustrazione del marchio che ha creato: "Adoro far emergere la giocosità e il calore di concetti" seri "come la collaborazione aziendale - con una tavolozza limitata, un sacco di movimento energico e una rottura compositiva della griglia.

Illustrazione del sito web di Slack Brand di Alice Lee
Slancio, Alice Lee

Shopify

Shopify è una piattaforma di eCommerce che fornisce alle persone una suite di strumenti per aiutare a vendere prodotti e gestire un'attività online. Il marchio dell'azienda pone l'accento sulla facilità d'uso del loro prodotto, dalla creazione di una vetrina di marca alla gestione dell'inventario e alla riscossione dei pagamenti.

Illustrazioni del sito web del marchio Shopify di Meg Robichaud
Marchio e design di Shopify

Con una visione rilassata della forma umana e linee vagamente disegnate, il team di illustrazioni di Shopify è riuscito a sviluppare uno stile casual ma visivamente dinamico, semplice ma sofisticato. Questo equilibrio è interessante perché riflette il punto cruciale della promessa del marchio: "Perfetto sia per i principianti che per gli esperti".

Illustrazioni del sito web del marchio Shopify di Meg Robichaud
Marchio e design di Shopify

Dropbox

Dropbox è un servizio di file hosting in cui gli utenti possono archiviare e condividere informazioni e collaborare a progetti. Quando si tratta di illustrazione del marchio, il team di Dropbox ha una ricca storia decennale di sperimentazione. Hanno esplorato una vasta gamma di tecniche e lavorato con un elenco di illustratori talentuosi ma in continua evoluzione. In tutto questo, sono riusciti a perfezionare ciò che funziona e a riunire i loro sforzi creativi in ​​uno stile di illustrazione coeso, ma in evoluzione.

Illustrazioni del sito web del marchio Dropbox di Justin Tran
Marchio e design di Dropbox

All'inizio di ottobre 2017, Dropbox ha presentato un ambizioso rebranding che include un approccio rinnovato al proprio sistema di illustrazione del marchio. Il nuovo stile utilizza segni gestuali in grafite e forme e trame grezze e dai motivi luminosi nel tentativo di attingere alla scintilla e alla spontaneità della collaborazione creativa.

Illustrazioni del sito web del marchio Dropbox di Justin Tran
Marchio e design di Dropbox

Come si fa a creare un sistema di illustrazione del marchio?

Se non hai mai lavorato su un sistema di illustrazione del marchio, o se non sei soddisfatto dei risultati, ecco un elenco di considerazioni chiave che porteranno maggiore chiarezza al tuo prossimo progetto di design del marchio.

1. Conosci il marchio.

  • Questo è ovvio ma non dovrebbe essere trascurato. Se non conosci il marchio, è improbabile che le illustrazioni che crei risuonino con il pubblico su cui stai cercando di influenzare. Conoscere il marchio va più in profondità della conoscenza dell'identità visiva. Devi conoscere la promessa. Chi vuole essere il marchio? Come vogliono essere percepiti? Chi stanno cercando di raggiungere?
  • Conoscere il marchio non è poi così complicato. Se sai leggere, prendere appunti, porre domande e utilizzare un motore di ricerca, troverai tutto ciò di cui hai bisogno.

Guida allo stile del marchio Dropbox, parte della loro strategia di costruzione del marchio
Illustrazione del marchio Dropbox

2. Comprendere che tipo di illustrazioni sono necessarie e come verranno utilizzate.

  • Il tuo cliente ha bisogno di illustrazioni spot? Illustrazioni di icone? Illustrazioni a cornice intera?
  • Le illustrazioni sono per un sito web? Per un'app? Tutti e due?
  • Le illustrazioni verranno utilizzate per la stampa? Per l'imballaggio? E i grandi formati?
  • Ci sono dimensioni o proporzioni ideali all'interno delle quali dovrebbero rientrare le illustrazioni? Dovrebbero essere ancora leggibili in dimensioni super piccole?

Diversi tipi di illustrazioni
Illustrazioni di: Aleksandar Savic, Nermin Muminovic, Timothy J. Reynolds

3. Tempo di budget per un'ampia ricerca visiva.

  • Non farti corto all'inizio del progetto. Devi dedicare tempo allo studio visivo di molte immagini. Guarda il lavoro di altri illustratori, foto vecchie e nuove, opere d'arte, libri per bambini, riviste e vita reale.
  • Durante la ricerca, tieni un registro degli schizzi. Questi sono schizzi grezzi e inediti. Falli svelti e falli in abbondanza.

Il moodboard del team di illustrazione del marchio Shopify come parte della strategia di costruzione del marchio
Scheda dell'umore del team di illustrazione di Shopify

4. Punta a uno stile distinto ma flessibile.

  • Il sistema di illustrazione che crei dovrebbe avere uno stile che lo renda speciale. Dovrebbe evocare emozioni che lo rendono memorabile. Ma idealmente, le immagini che crei risiederanno perfettamente insieme a testo, fotografie e altri elementi grafici senza sopraffare o confondere il messaggio presentato.

Illustrazioni del marchio Shopify e icone del sito Web di Meg Robichaud
Icone del marchio Shopify

5. Considerare la creazione di un elenco di criteri/regole che tutte le illustrazioni devono soddisfare.

  • Se hai problemi a creare una raccolta unificata di illustrazioni, stabilisci alcune semplici regole per te stesso. Questi possono essere arbitrari o legati in modo univoco all'identità visiva del marchio. Ecco un rapido elenco di esempi per iniziare:

    • Userò solo Conte Crayons.
    • Ogni illustrazione deve includere un cerchio, un quadrato e un triangolo.
    • Disegnerò facce solo da un profilo laterale.
    • Nessuna illustrazione può avere più di due colori.

6. Non sottovalutare l'importanza del colore.

  • Una strategia per il colore all'interno del tuo sistema di illustrazione del marchio deve essere considerata sin dalle prime fasi della ricerca visiva.
  • Ecco un collegamento a un nuovo affascinante studio chiamato Branded in Memory che chiedeva alle persone di ricreare dieci loghi iconici dalla memoria. Lo studio ha rilevato che l'80% delle persone era in grado di ricordare le corrette combinazioni di colori del marchio, mentre le forme e altri elementi visivi si sono rivelati molto più difficili da ricordare.

Sistema di illustrazione pubblicitaria per Kuoni Travel Website France di Malika Favre
Kuoni, Malika Favre

Altri suggerimenti utili

1. Creare un luogo o un mondo per il sistema di illustrazione.

  • A volte, un progetto arriva e il brief è vago, o l'identità del marchio di un'azienda è un po' scarsa o il testo del suo sito Web è confuso. Quando queste cose accadono, può essere difficile immaginare come creerai un sistema di illustrazione del marchio significativo e completamente sviluppato.
  • Prima di toccare carta e matita, sii audace e fai più domande sul progetto. Non stai chiedendo idee al tuo cliente, stai chiedendo loro di aiutarti a capire meglio cosa fanno e perché è importante.
  • Prendi i pensieri, le parole e le frasi che comprendi più chiaramente e immagina un piccolo posto felice, forse una città, in cui il marchio del tuo cliente possiede, opera e supervisiona tutto. Immagina come il marchio si integra con ogni parte della vita e migliora le cose, quindi cattura le vignette mentali con schizzi in miniatura.
  • Creare un luogo o un mondo è un ottimo modo per garantire una sensazione coerente su un gran numero di illustrazioni e collegare esperienze umane positive con prodotti e servizi verso i quali le persone potrebbero altrimenti provare apatia.

2. Se possibile, lavora in formato vettoriale.

  • Non forzare questo su nessun progetto, ma se si adatta alla visione e la grafica raster non aggiunge un impatto significativo, vai al vettore.
  • Perché farlo? La modifica è più veloce. Il ridimensionamento è più semplice (nessuna pixelizzazione). Il colore è più flessibile. Le dimensioni dei file sono generalmente più piccole. Inoltre, i designer privi di capacità di disegno a mano possono aggiungere più facilmente risorse nuove e coerenti man mano che il sistema si evolve.

3. Fai attenzione a non creare un personaggio che involontariamente diventi una mascotte.

  • Le mascotte non sono male, ma un personaggio che oscura fortemente altre parti dell'umore e del messaggio di un marchio è controproducente e confonde.
  • Non rifuggire dai personaggi con "personaggio". Assicurati solo che tutte le illustrazioni del tuo marchio abbiano una misura di equilibrio e unità che le renda complementari l'una all'altra e al marchio nel suo insieme.

Cosa rende significativo un sistema di illustrazione del marchio?

Un'ultima parola di incoraggiamento: gioia e intuizione sono i migliori amici dell'illustratore del marchio. Il branding è uno di quei campi in cui le persone a volte si prendono molto sul serio e dicono cose come "Tutte le nostre decisioni di progettazione devono essere basate sui dati" o "Questa non è arte. Stiamo cercando di risolvere i problemi". Non lasciare che la tua dolcezza sia aspra.

Per designer e illustratori professionisti, è un dato di fatto che ogni elemento realizzato per un progetto deve vibrare con il marchio. Ma in sostanza, un sistema di illustrazione del marchio è una raccolta di disegni, quindi divertiti! Essere divertente. Essere creativo. Sii umano.

Dovrebbe esserci una ragione e una logica dietro l'aspetto delle illustrazioni presentate a un cliente? Sì. Ma non pensare troppo a ogni piccola decisione creativa. Il percorso verso un sistema di illustrazione del marchio che sia significativo e duraturo è lastricato di esperienza, istinto, una solida conoscenza del marchio e un buon duro lavoro vecchio stile.

• • •

Ulteriori letture sul blog di Toptal Design:

  • eCommerce UX: una panoramica delle migliori pratiche (con infografica)
  • L'importanza del design incentrato sull'uomo nel design del prodotto
  • I migliori portfolio di designer UX: casi di studio ed esempi stimolanti
  • Principi euristici per interfacce mobili
  • Design anticipatorio: come creare esperienze utente magiche