Come il grande design alimenta il viaggio dell'acquirente

Perché il design è importante? Sembra ovvio che lo faccia. Ci dedichiamo molto tempo, cercando di fare in modo che tutto ciò su cui stiamo lavorando "sembra buono".

Ma riconosci quanto conta? E c'è di più da progettare oltre a "avere un bell'aspetto?"

La funzione del design di marketing

Senza vagare tra le erbacce, dove finiamo per parlare del perché un tostapane sembra un tostapane, rispondiamo a questa domanda semplicemente in termini di marketing. Perché il design è importante nel marketing?

Direi che il design svolge tre funzioni principali nel mondo del marketing:

• Il design è una guida. Il design guida le persone interessate, o forse solo potenzialmente interessate, alla tua azienda lungo il percorso per stabilire una connessione con te. Un ottimo design chiarisce quali sono le informazioni importanti e guida l'utente su ciò che vorresti che facessero. Il design di una pagina web aiuta a mostrare all'utente dove fare clic e come navigare. Il design di un pulsante dovrebbe dire "Sono un pulsante, fai clic su di me".
• Il design è un ambasciatore. Il tuo design rappresenta la tua azienda. Il tuo logo, il tuo sito web, un'e-mail... queste cose sono spesso le prime cose che un potenziale cliente vede quando viene a conoscenza della tua azienda per la prima volta. In qualità di ambasciatore, il grande design ti distingue dalla concorrenza. Definisce il tuo stile visivo. Comunica le cose che rendono unica la tua azienda. Crea anche fiducia. Le persone si fidano istintivamente di un sito Web moderno e ben progettato più di uno scadente aggiornato l'ultima volta nel 2006.
• Il design è un venditore. Il design può effettivamente svolgere parte del lavoro di spostamento delle persone attraverso il percorso dell'acquirente. Il design aiuta a far progredire i potenziali clienti, dalla consapevolezza alla considerazione fino alla decisione. Forma una connessione che guida le vendite. Un ottimo design per il marketing inbound si rivolge direttamente ai tuoi acquirenti. Accende l'interesse e sposta i potenziali clienti lungo il percorso dell'acquirente mantenendo tale interesse ed evidenziando i fattori chiave di differenziazione.

Le tre C del grande design

Allora, cosa rende fantastico il design? Abbiamo detto prima che è più che un bell'aspetto. La risposta più semplice che mi viene in mente: "cosa rende fantastico il design?" è composto da tre parole, che per magica coincidenza iniziano tutte con la lettera C.

• Il grande design è chiaro . Sappiamo che una delle funzioni del design è guidare il tuo pubblico dove vuoi che vada, non solo da una pagina all'altra di un sito web, ma anche guidando gli occhi verso le informazioni importanti. Un buon design lo fa in modo efficace essendo il più chiaro possibile. Non vuoi che i tuoi clienti o potenziali clienti indovinino dove fare clic o perdano un importante takeaway. Quindi vogliamo che il design sia chiaro.
• Il grande design è pulito . Riduci il tuo messaggio ai suoi componenti essenziali. Ciò significa ridurre al minimo il conteggio delle parole nel contenuto scritto, ma significa anche ridurre al minimo il contenuto del design. Taglia il grasso e mantieni il tuo design snello.
• Il grande design è coerente . Definisci il tuo marchio attraverso l'uso coerente del tuo logo, della tua tavolozza dei colori, dei tuoi caratteri e dello stile delle tue illustrazioni, icone o fotografie. La coerenza può essere una forte forza per trascinare un acquirente nel suo viaggio.

Entriamo più in profondità in ciascuno di questi e guardiamo esempi di ciò di cui stiamo parlando per ciascuna di queste tre chiavi per un grande design.

{{cta('020a0931-6bf3-4f13-ab71-d8ec980446a9')}}

Esempi di design poco chiaro

Forse è meglio definire cos'è un design chiaro osservando alcuni esempi di design poco chiaro . Lo possiamo vedere nella nostra vita di tutti i giorni ...

Quale pulsante scendere? Puoi indovinare e hai un tiro 50/50, ma non dovresti indovinare. Il progettista di questi pulsanti non ha pensato all'interfaccia utente. Assicurati che il design renda cose del genere più facili da capire, non più difficili.

Ecco un sito web per ... beh, un'azienda che fa ... qualcosa. Non posso dirlo guardando questo. Il trucco di questo sito Web è che per leggere il messaggio, devi passare il mouse sopra il filtro blu in alto a sinistra. Quindi, puoi vedere che dice:

Oh. Eh .

Voglio dire, è carino, vero? Ma si sono un po' superati in astuzia, vero? L'hanno fatto in modo che l'utente debba passare alcuni secondi a guardarlo cercando di capire se dovrebbero essere in grado di leggerlo o se hanno un'emicrania oculare in arrivo. Quindi, devono capire di passare il mouse su una determinata area per rivelare il messaggio.

Tutti così possono dire: "Oh. Eh . ”

Questo è tutto ciò che gli utenti diranno, giusto? "Oh. Eh." Ma ti garantisco che i designer di Bolden si sono dati il ​​cinque quando hanno inventato questo.

Non lasciare che il tuo web designer, o il designer che è in te, diventi troppo intelligente per il tuo bene. Essere intelligenti va bene, ma avrebbero dovuto trovare un modo per essere intelligenti mentre comunicavano il loro messaggio istantaneamente e chiaramente.

Ho guardato questa foto e ho letto tutto questo e ancora non l'ho capito. Un'ora di parcheggio durante il giorno, ma cosa succede dopo le 6? non lo so .

Quindi abbiamo indicazioni specifiche per lunedì e domenica, quindi torniamo al venerdì e al sabato. E gli altri giorni? Immagino che sia a questo che serve il segno in alto, ma non ne sono sicuro.

dovrei essere sicuro. E qualcuno è sicuro. Ti garantisco che le biglietterie di questa strada sanno quando possono multare le auto, ogni minuto. Qualcuno che sa quali sono le regole su questa strada sicuramente avrebbe potuto utilizzare un design più chiaro per comunicarlo.

Cosa potrebbe esserci di meglio? Immagina una tabella con i giorni della settimana in alto e le ore del giorno in basso. I blocchi colorati ti dicono quando puoi parcheggiare. Se sei nel verde, sei a posto! Un segno del genere sarebbe chiaro, facile da capire e occuperebbe meno della metà dello spazio di questo segno, usando solo una frazione delle parole.

Il design chiaro comunica quasi sempre nel modo più semplice possibile.

E questo porta alla nostra prossima C: Clean. Quindi ancora una volta proviamo a definirlo guardando esempi del contrario.

Riceviamo tutti cose del genere per posta ogni giorno. qualcuno li guarda davvero? Immagino che qualcuno lo faccia o non li farebbe. Proprio come immagino che qualcuno là fuori acquisti roba da e-mail di spam e chiamate automatiche . Chiunque lo stia facendo sta rovinando la vita a tutti gli altri. Ma sto divagando ...

Quindi qui, non sappiamo davvero cosa guardare, vero? I miei occhi non riescono a fissarsi su nessuna cosa, quindi si velano. Questo è un esempio estremo, ma è una potenziale trappola in tutto ciò che progettiamo. Riducilo a un messaggio. Comunica quel messaggio in modo efficace. Questo è un design pulito.

Questa homepage del sito Web è un esempio molto meno estremo, ma è comunque un caso in cui sarebbe meglio un pulitore. L'intensa immagine di sfondo, con tutti i suoi colori e texture, ha reso il titolo principale praticamente illeggibile. Forse ancora peggio, quella che dovrebbe essere la principale call to action è ancora più nascosta! (Vedi quel piccolo "Acquista ora" accanto alla freccia lì?) Un design più pulito assicurerebbe che questi messaggi importanti non vadano persi.

Qui abbiamo uno sfondo di marmo completamente sbagliato, loghi strani – uno di questi 3 volte! – e ogni carattere e colore primario brillante disponibile per il designer. Mettiamolo tra virgolette spaventose. "Progettista."

Quindi non devo dirti cosa c'è che non va qui. Sembra semplicemente terribile. Ci vuole uno sforzo serio solo per capire a cosa serve . Parte del design pulito sta creando una gerarchia dei tuoi messaggi.

Pensa in termini di ciò che il tuo pubblico vuole sapere. Per prima cosa vorranno sapere di cosa stiamo parlando? Il primo messaggio dovrebbe essere "Primo Pennington Hamfest annuale". Dovrebbe essere molto più importante di tutto il resto.

Poi il pubblico chiede "OK, cos'è?" Quindi dovrebbe essere il secondo in ordine di importanza, ma invece penso che la risposta sia nascosta qui nell'angolo: "Ham Radio Swapmeet ". Prima che qualcuno là fuori si ecciti, mi dispiace, te lo sei perso. Sono passati diversi anni.

Informazioni del genere - tempo e luogo - dovrebbero essere il terzo livello di rilievo. E così via.

Puoi utilizzare il design per guidare il tuo pubblico attraverso ciò che vuole sapere: "Il Pennington Hamfest è uno scambio di radioamatori ed è il 2 giugno 2012". Il design pulito non interferisce con questo, lo rende più veloce e più facile.

Questo non è progettato in modo pulito, ma fornisce anche un bel passaggio alla nostra prossima "C" perché non lo è affatto ...

Coerente. Questa è la nostra ultima “C” di cui parleremo, poi vedremo come applicare queste tre “C” di grande design al percorso dell'acquirente.

Quindi diamo un'occhiata all'immagine sopra dall'angolo di coerenza.

Come ho detto, ci sono molti caratteri in corso. Tutti i pesi diversi, tutti i colori diversi, alcuni in corsivo e altri no, alcuni delineati, alcuni con un'ombra esterna. Non c'è assolutamente alcuna coerenza qui. È come se ogni pezzo di testo fosse stato “disegnato” in modo completamente indipendente da tutto il resto, poi fosse stato lasciato tutto insieme sulla pagina.

Dovrebbe esserci un aspetto coerente stabilito, quindi tutto il design dovrebbe derivare da piccole variazioni su quell'aspetto.

Le regole del buon design

In ogni progetto, dovrebbero esserci un paio di livelli di coerenza. Il livello più alto e generale è la coerenza del marchio che si applica a tutto ciò che l'azienda fa. Creare coerenza significa essenzialmente creare regole. La coerenza di base del tuo marchio consisterà, almeno, in questi insiemi di regole:

• Logo. Ogni azienda che ha un logo dovrebbe avere regole su come utilizzare quel logo. Non allungarlo, non lasciare parti di esso, non metterci dietro una brutta esplosione di stelle, cose del genere.
• Caratteri. Nella progettazione di stampa, di solito dico che dovresti scegliere solo due caratteri. Per molte applicazioni online, è davvero meglio sceglierne una. Quindi puoi utilizzare dimensioni e pesi diversi di quel carattere. La scelta di una famiglia di caratteri contribuisce notevolmente a stabilire un aspetto coerente e consentire un po' più di creatività altrove.
• Palette dei colori. Se non l'hai già fatto, dovresti stabilire delle linee guida sui colori per il tuo marchio: rendile parte del tuo marchio. Ci sono molte risorse che ti aiuteranno a scegliere una tavolozza di colori che funzionano bene insieme, a seconda della sensazione che vuoi trasmettere o dell'atmosfera che vuoi creare.

Quindi con progetti specifici, ad esempio un'offerta di marketing inbound, creerai coerenza anche all'interno di quello. Tenendo presente la coerenza del tuo marchio, per ogni progetto, dovresti...

• Decidi un tema.
• Crea un look basato su quel tema.
• E imposta uno stile per le immagini e come le usi. Ciò può significare selezionare un insieme di icone che condividono un aspetto coerente o attenersi a un determinato stile fotografico.

Esempi di grande design di marketing

Ora diamo un'occhiata a un esempio di tutte le cose di cui abbiamo parlato, in azione. Esamineremo la campagna che abbiamo creato per un fumetto di inbound marketing che abbiamo creato presso madison/miles media (agenzia di web design). Abbiamo passato anni a lavorare su questo libro, quindi volevamo davvero creare una campagna attorno ad esso che funzionasse.

Come abbiamo creato una campagna di offerte inbound che utilizzava il design per spingere l'acquirente nel suo viaggio?

Iniziamo con il nostro pulsante di invito all'azione:

Ora esaminiamo e assicuriamoci che soddisfi i nostri criteri per un ottimo design. Primo, è chiaro? Il messaggio è semplice e chiaro: “Scopri il marketing inbound in modo divertente. Ottieni il tuo fumetto gratuito. E il design non interferisce con questo. In effetti, cerca di rendere il messaggio ancora più chiaro, enfatizzando il nostro argomento principale, l'inbound marketing, colorandolo con il nostro colore oro. Inoltre, abbiamo "prendi il tuo fumetto gratuito" in una scatola, quindi sembra un pulsante. Ricorda, in un design chiaro stiamo cercando di guidare il potenziale cliente nella nostra direzione. Rendere l'intera immagine CTA simile a un pulsante o creare un elemento simile a un pulsante all'interno dell'immagine aiuta a guidare il potenziale cliente dicendo "fai clic qui".

È pulito? Abbiamo limitato i nostri elementi: abbiamo il nostro personaggio principale, del testo semplice e diretto e un'immagine del fumetto. Tutto questo è in cima a uno sfondo del fumetto. Dà un certo interesse visivo, ma non interferisce affatto con gli altri elementi.

È coerente? Bene, questo è il primo pezzo che la maggior parte delle persone vedrà, quindi stiamo definendo l'aspetto per i pezzi successivi con cui essere coerenti. Ma stiamo già stabilendo la coerenza con il fumetto stesso inserendo il colore dorato da "WILD!" nel titolo, il font che abbiamo utilizzato per la parte “Drive Your Customers” del titolo e il font più tradizionale della copertina che abbiamo utilizzato per il sottotitolo. Questo è Benton Sans, che è il nostro principale font del marchio multimediale madison/miles. Lo usiamo per il pulsante "Ottieni il tuo fumetto gratuito".

Siamo anche un'agenzia di design di riviste cartacee, quindi vedrai il font del nostro marchio rappresentato nelle nostre diverse forme di marketing. Questo è molto importante per il nostro marchio. Un'azienda dovrebbe essere sempre riconoscibile, quindi ricordalo durante tutto il tuo percorso di progettazione.

Quindi, sì, siamo coerenti con l'aspetto consolidato della nostra azienda e dell'offerta stessa, e stiamo definendo alcune altre linee guida su come utilizzeremo gli elementi attraverso gli altri pezzi della nostra campagna.
Ecco un altro pulsante CTA.

Questo è stato progettato per essere utilizzato nelle e-mail. Ancora una volta, ci siamo assicurati che il design fosse...

• Chiaro. Messaggio semplice, consegnato in un modo che funzioni per guidare chiaramente il potenziale cliente sulla nostra strada.
• Pulire. Numero limitato di elementi, utilizzati in modo da valorizzare e non interferire con il messaggio.
• Coerente. Stessi caratteri, colori e immagini del nostro pezzo precedente. Abbiamo impostato il look e ci stiamo attenendo ad esso.

Ecco la pagina di destinazione.

Naturalmente, la pagina di destinazione è un pezzo molto importante perché è qui che si stabilisce la fiducia. Il potenziale cliente ti darà alcune informazioni e, soprattutto in questi giorni, ha bisogno di fidarsi di te. Seguire i nostri principi di progettazione "chiari, puliti, coerenti" è un ottimo modo per stabilire quella fiducia. Una pagina di destinazione ben progettata dice "Hai a che fare con professionisti qui".

È chiaro. Il titolo del nostro fumetto è grande e centrato sotto la grafica dell'eroe. È molto chiaro cosa ci si aspetta dal visitatore. Compila i tre campi del modulo e fai clic sul pulsante grande e facile da vedere. Vai tranquillo.

È molto pulito. Inizialmente avevamo uno sfondo azzurro su questo. Solo un bianco pulito ha finito per funzionare meglio. Niente di speciale qui, ma non è necessario. Abbiamo molti elementi visivamente interessanti solo con la nostra grafica a fumetti.

Ed è coerente con le CTA. Immagini dalle stesse fonti, l'unica cosa è che stiamo dando loro una sbirciatina all'interno del fumetto ora. Potresti notare che abbiamo introdotto anche un altro font, ma è il font secondario di madison/miles dal nostro sito Web, Playfair Display. Quindi ne stiamo introducendo un po' ora, ma mantenendo tutto coerente con gli sguardi consolidati. Abbiamo anche la barra verde in basso, che è il nostro madison/miles media green. Quindi, ancora una volta, introducendo solo alcuni dei nostri marchi in un modo molto sottile.

E ora arriviamo alla pagina di ringraziamento.

Ancora una volta, è chiaro. Pulsante grande per scaricare l'offerta di contenuti. Inviti all'azione secondari molto chiari che guidano il visitatore a imparare un po' di più su chi siamo. È pulito. Abbiamo mantenuto lo sfondo blu su questa pagina, per differenziarlo un po'. Ma è molto sottile e discreto. E, infine, è coerente. Stessi colori, caratteri e immagini.

Una delle speranze della pagina di ringraziamento è che il visitatore segua uno di questi collegamenti. Vogliamo che anche questa sia una transizione graduale. Quindi, se fanno clic per andare alla pagina Risorse sul nostro sito Web, sembra una continuazione del loro viaggio.

Poiché abbiamo utilizzato elementi come i caratteri e i colori del nostro marchio lungo il percorso, abbiamo stabilito la coerenza con il nostro marchio e fatto per una transizione graduale dalla nostra offerta al nostro sito principale. Niente di stridente o di confusione dal punto di vista del design, perché abbiamo portato la coerenza del marchio in modi sottili.

Quindi, utilizzando un design chiaro, pulito e coerente nel nostro marketing inbound, stiamo alimentando il percorso dell'acquirente. Usa questi stessi principi nel tuo design per portare i tuoi potenziali clienti lungo il loro percorso verso la creazione di una connessione con te.

madison/miles media è riconosciuta come una delle principali società di content marketing su DesignRush.{{cta('1395b35c-b222-49d6-8bdd-fb2e45b05459')}}