Cât de grozav de design stimulează călătoria cumpărătorului

De ce contează designul? Pare de la sine înțeles că da. Petrecem mult timp pentru asta, încercând să facem ca orice lucru la care lucrăm „să arate bine”.

Dar recunoști cât de mult contează? Și există mai mult de proiectat decât doar „a arăta bine?”

Funcția designului de marketing

Fără să ne rătăcim în buruieni, unde ajungem să vorbim despre de ce un prăjitor de pâine arată ca un prăjitor de pâine, să răspundem la această întrebare pur și simplu în termeni de marketing. De ce contează designul în marketing?

Aș spune că designul îndeplinește trei funcții majore în lumea marketingului:

• Designul este un ghid. Design-ul îi ghidează pe oamenii care sunt interesați, sau poate doar potențial interesați, în compania dvs. pe calea către realizarea unei conexiuni cu dvs. Designul excelent arată clar care sunt informațiile importante și ghidează utilizatorul spre ceea ce ați dori să facă. Designul unei pagini web ajută utilizatorul să arate unde să facă clic și cum să navigheze. Designul unui buton ar trebui să spună „Sunt un buton, dă clic pe mine”.
• Designul este un ambasador. Designul dumneavoastră reprezintă compania dumneavoastră. Logo-ul dvs., site-ul dvs. web, un e-mail... aceste lucruri sunt adesea primele lucruri pe care un potențial client le vede atunci când află pentru prima dată despre compania dvs. În calitate de ambasador, designul grozav te diferențiază de concurență. Îți definește stilul vizual. Ea comunică lucrurile care vă fac compania unică. De asemenea, construiește încredere. Oamenii au încredere instinctiv într-un site web bine conceput și modern, mai mult decât într-unul prost actualizat ultima dată în 2006.
• Designul este agent de vânzări. Designul poate îndeplini de fapt o parte din munca de mutare a oamenilor prin călătoria cumpărătorului. Designul ajută la avansarea potențialilor, de la conștientizare la luare în considerare până la decizie. Formează o conexiune care stimulează vânzările. Designul excelent de inbound marketing se adresează direct clienților dvs. Aprinde interesul și mută clienții potențiali prin călătoria cumpărătorului, menținând acel interes și evidențiind diferențiatorii dvs. cheie.

Cele Trei C ale Designului Mare

Deci, ce face designul grozav? Am mai spus că este mai mult decât să arate bine. Cel mai simplu răspuns la care m-am putut gândi la „ce face designul grozav?” este format din trei cuvinte, care, prin coincidență magică, încep toate cu litera C.

• Designul grozav este clar . Știm că una dintre funcțiile designului este de a vă ghida publicul unde doriți să ajungă, nu doar de la o pagină la alta a unui site web, ci și îndrumând ochii către informațiile importante. Un design bun face acest lucru eficient, fiind cât mai clar posibil. Nu doriți ca clienții sau potențialii dvs. să ghicească unde să facă clic sau să piardă o concluzie importantă. Așa că vrem ca designul să fie clar.
• Designul grozav este curat . Reduceți mesajul la componentele sale esențiale. Aceasta înseamnă să mențineți la minimum numărul de cuvinte din conținutul dvs. scris, dar înseamnă și să mențineți conținutul de design la un nivel minim. Tăiați grăsimea și păstrați-vă designul slab.
• Designul grozav este consistent . Definiți-vă marca prin utilizarea consecventă a logo-ului, a paletei de culori, a fonturilor și a stilului ilustrațiilor, pictogramelor sau fotografiei. Consecvența poate fi o forță puternică pentru a trage un cumpărător prin călătoria lor.

Să intrăm în fiecare dintre acestea mai profund și să vedem exemple despre ceea ce vorbim pentru fiecare dintre aceste trei chei pentru un design excelent.

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

Exemple de design neclar

Poate că cel mai bine este să definiți ce este un design clar, uitându-vă la câteva exemple de design neclar . O putem vedea în viața de zi cu zi ...

Pe ce buton să cobori? Puteți ghici și aveți o lovitură de 50/50, dar nu ar trebui să ghiciți. Designerul acestor butoane nu s-a gândit la UI. Asigurați-vă că designul face ca lucrurile să fie mai ușor de înțeles, nu mai dificile.

Iată un site web pentru ... ei bine, o companie care face ... ceva. Nu pot spune uitându-mă la asta. Trucul acestui site este că pentru a citi mesajul, trebuie să treci cu mouse-ul peste filtrul albastru din stânga sus. Apoi, puteți vedea că scrie:

Oh. Hunh .

Adică, e drăguț, nu? Dar s-au depășit puțin pe ei înșiși, nu-i așa? Au făcut-o astfel încât utilizatorul să petreacă câteva secunde privindu-l încercând să-și dea seama dacă ar trebui să îl poată citi sau dacă are o migrenă oculară. Apoi, trebuie să-și dea seama să treacă cu mouse-ul pe o anumită zonă pentru a dezvălui mesajul.

Toate ca să poată spune: „Oh. Huh .”

Asta e tot ce vor spune utilizatorii, nu? "Oh. Huh.” Dar vă garantez că designerii de la Bolden s-au înțeles cu toții când au venit cu asta.

Nu lăsa designerul tău web, sau designerul din tine, să devină prea inteligent pentru binele tău. A fi inteligent este bine, dar ar fi trebuit să găsească o modalitate de a fi deștepți în timp ce își comunică mesajul instantaneu și clar.

M-am uitat la această poză și am citit toate acestea și tot nu am înțeles-o. O oră de parcare în timpul zilei, dar ce se întâmplă după ora 6? nu stiu .

Apoi avem indicații specifice pentru luni și duminică, apoi sărim înapoi la vineri și sâmbătă. Dar celelalte zile? Cred că pentru asta este semnul de sus, dar nu sunt sigur.

Ar trebui să fiu sigur. Și cineva este sigur. Vă garantez că agenții de bilete de pe această stradă știu când pot bilete mașini, până la minut. Cineva care știe care sunt regulile pe această stradă cu siguranță ar fi putut folosi un design mai clar pentru a-l comunica.

Ce ar putea fi mai bun? Imaginați-vă o masă cu zilele săptămânii în partea de sus și orele zilei în partea laterală. Blocurile cu coduri de culori vă spun când puteți parca. Dacă ești în verde, ești bine! Un astfel de semn ar fi clar, ușor de înțeles și ar ocupa mai puțin de jumătate din spațiul acestui semn, folosind doar o fracțiune din cuvinte.

Designul clar comunică aproape întotdeauna în cel mai simplu mod posibil.

Și asta duce la următorul nostru C: Clean. Deci, încă o dată, să încercăm din nou să-l definim uitându-ne la exemple de opus.

Cu toții primim astfel de lucruri prin poștă în fiecare zi. Chiar se uită cineva la ele? Bănuiesc că cineva le face sau nu le-ar face. La fel cum cred că cineva cumpără lucruri din e-mailuri spam și apeluri automate . Oricine face asta distruge viața tuturor. Dar mă abat ...

Deci aici, nu prea știm la ce să ne uităm, nu-i așa? Ochii mei nu se pot fixa pe nimic, așa că pur și simplu strălucesc. Acesta este un exemplu extrem, dar este o posibilă capcană în tot ceea ce proiectăm. Reduceți-l la un singur mesaj. Comunicați acest mesaj în mod eficient. Acesta este un design curat.

Această pagină de pornire a site-ului este un exemplu mult mai puțin extrem, dar este totuși un caz în care mai curat ar fi mai bine. Imaginea de fundal aglomerată, cu toată culoarea și textura ei, a făcut ca titlul principal să fie practic ilizibil. Poate și mai rău, ceea ce ar trebui să fie principalul îndemn la acțiune este și mai ascuns! (Vezi acel mic „Cumpără acum” de lângă săgeata de acolo?) Un design mai curat ar asigura că aceste mesaje importante nu se pierd.

Aici avem un fundal de marmură total greșit, logo-uri ciudate – una dintre ele de 3 ori! – și fiecare font și culoare primară strălucitoare care au fost disponibile designerului. Să punem asta în ghilimele înfricoșătoare. „Designer”.

Deci nu trebuie să vă spun ce este în neregulă aici. Pur și simplu arată groaznic. Este nevoie de un efort serios doar pentru a-ți da seama pentru ce este asta vreodată . O parte a designului curat este crearea unei ierarhii a mesajelor dvs.

Gândește-te în termeni a ceea ce publicul tău vrea să știe. Mai întâi vor dori să știe despre ce vorbim? Mesajul unu ar trebui să fie „Primul Pennington Hamfest anual”. Ar trebui să fie mult mai proeminent decât orice altceva.

Apoi publicul întreabă „OK, ce este asta?” Deci, acesta ar trebui să fie al doilea în ordinea importanței, dar în schimb cred că răspunsul este ascuns aici, în colț: „Ham Radio Swapmeet ”. Înainte ca cineva să se entuziasmeze, îmi pare rău, ai ratat-o. A fost acum câțiva ani.

Informații de genul acesta – timp și loc – ar trebui să fie al treilea nivel în proeminență. Si asa mai departe.

Puteți folosi designul pentru a vă ghida publicul prin ceea ce vrea să știe: „Pennington Hamfest este o întâlnire cu radioamatori și are loc pe 2 iunie 2012.” Designul curat nu împiedică acest lucru, ci îl face mai rapid și mai ușor.

Acesta nu este conceput curat, dar oferă și o trecere plăcută în următorul nostru „C”, deoarece, de asemenea, nu este deloc...

Consistent. Acesta este ultimul nostru „C” pe care îl vom discuta, apoi vom vedea cum să aplicăm aceste trei „C” de design grozav în călătoria cumpărătorului.

Deci, să ne uităm la imaginea de mai sus din unghiul de consistență.

După cum am spus, există o mulțime de fonturi acolo. Toate greutăți diferite, toate culori diferite, unele cu caractere cursive și altele nu, altele conturate, altele cu umbră. Nu există absolut nicio consistență aici. Este ca și cum fiecare bucată de text a fost „proiectată” complet independent de orice altceva, apoi a fost aruncată împreună pe pagină.

Ar trebui să existe un aspect consistent, apoi tot designul ar trebui să provină din variații minore ale acelui aspect.

Regulile unui design bun

Pe orice proiect, ar trebui să existe câteva niveluri de consistență. Nivelul superior, global, este coerența mărcii care se aplică la tot ceea ce face compania. Crearea coerenței înseamnă în esență crearea de reguli. Consecvența de bază a mărcii dvs. va consta, cel puțin, din aceste seturi de reguli:

• Siglă. Fiecare companie care are un logo ar trebui să aibă reguli despre cum să folosească acel logo. Nu-l întindeți, nu lăsați părți din el, nu puneți în spate o explozie mare urâtă, chestii de genul ăsta.
• Fonturi. În designul tipărit, de obicei spun că ar trebui să alegeți doar două fonturi. Pentru o mulțime de aplicații online, cel mai bine este să alegeți doar una. Apoi puteți utiliza diferite dimensiuni și greutăți ale aceluiași font. Alegerea unei familii de fonturi contribuie în mare măsură la stabilirea unui aspect coerent și pentru a permite un pic mai multă creativitate în altă parte.
• Paleta de culori. Dacă nu ați făcut-o deja, ar trebui să stabiliți linii directoare de culoare pentru marca dvs. - faceți-le parte din brandul dvs. Există o mulțime de resurse care vă vor ajuta să alegeți o paletă de culori care funcționează bine împreună, în funcție de sentimentul pe care doriți să îl transmiteți sau de starea de spirit pe care doriți să o creați.

Apoi, cu proiecte specifice, să zicem o ofertă de inbound marketing, veți crea coerență și în aceasta. Ținând cont de consistența mărcii dvs., pentru fiecare proiect, ar trebui să...

• Decideți asupra unei teme.
• Creați un aspect bazat pe tema respectivă.
• Și setați un stil pentru imagini și modul în care le utilizați. Aceasta poate însemna selectarea unui set de pictograme care împărtășesc un aspect consistent sau respectarea unui anumit stil de fotografie.

Exemple de design de marketing excelent

Acum să ne uităm la un exemplu al tuturor lucrurilor despre care am vorbit, în acțiune. Ne vom uita la campania pe care am creat-o pentru o carte de benzi desenate de inbound marketing pe care am creat-o la madison/miles media, (agenție de web design). Am petrecut ani de zile lucrând la această carte, așa că ne-am dorit foarte mult să creăm în jurul ei o campanie care să funcționeze.

Cum am creat o campanie de oferte inbound care a folosit designul pentru a propulsa cumpărătorul de-a lungul călătoriei?

Să începem cu butonul de îndemn la acțiune:

Acum să trecem și să ne asigurăm că îndeplinește criteriile noastre pentru un design grozav. În primul rând, este clar? Mesajul este simplu și clar: „Aflați despre inbound marketing într-un mod distractiv. Obțineți cartea de benzi desenate gratuit.” Și designul nu împiedică asta. De fapt, încearcă să facă mesajul și mai clar, subliniind subiectul nostru principal – marketingul inbound – colorându-l în culoarea aurie. De asemenea, avem „obține-ți cartea de benzi desenate gratuit” într-o cutie, așa că arată ca un buton. Amintiți-vă, în design clar căutăm să ghidăm potențialul client în direcția noastră. A face ca întreaga imagine CTA să arate ca un buton sau crearea unui element asemănător unui buton în cadrul imaginii ajută la ghidarea prospectului spunând „clic aici”.

Este curat? Ne-am limitat elementele: avem personajul nostru principal, un text simplu și direct și o imagine a benzii desenate. Toate acestea sunt deasupra unui fundal din benzi desenate. Îi conferă un oarecare interes vizual, dar nu interferează deloc cu celelalte elemente.

Este consistent? Ei bine, aceasta este prima piesă pe care o vor vedea majoritatea oamenilor, așa că stabilim aici aspectul pentru piesele ulterioare cu care să fie în concordanță. Dar, stabilim deja coerență cu benzile desenate în sine prin introducerea culorii aurii din „WILD!” în titlu, fontul pe care l-am folosit pentru partea „Drive Your Customers” a titlului și fontul mai tradițional de pe coperta pe care l-am folosit pentru subtitrare. Acesta este Benton Sans, care este fontul principal al mărcii noastre media madison/miles. Folosim asta pentru butonul „Obțineți cartea cu benzi desenate gratuite”.

De asemenea, suntem o agenție de design de reviste tipărite, așa că veți vedea fontul mărcii noastre reprezentat în diferitele noastre forme de marketing. Acest lucru este foarte important pentru brandingul nostru. O companie ar trebui să fie întotdeauna recunoscută, așa că rețineți acest lucru pe parcursul călătoriei dvs. de design.

Deci, da, suntem în concordanță cu aspectul stabilit al companiei noastre și cu oferta în sine și stabilim alte linii directoare pentru modul în care vom folosi elementele prin celelalte piese din campania noastră.
Iată un alt buton CTA.

Acesta a fost conceput pentru a fi folosit în e-mailuri. Din nou, ne-am asigurat că designul este...

• Clar. Mesaj simplu, transmis într-un mod care funcționează pentru a ghida clar potențialul client în calea noastră.
• Curat. Număr limitat de elemente, utilizate într-un mod care îmbunătățește și nu interferează cu mesajul.
• Consistent. Aceleași fonturi, culori și imagini ca și piesa noastră anterioară. Am stabilit aspectul și ne ținem de el.

Iată pagina de destinație.

Desigur, pagina de destinație este o piesă foarte importantă, deoarece aici se stabilește încrederea. Potențialul client vă va oferi câteva informații și, mai ales în aceste zile, trebuie să aibă încredere în voi. Respectarea principiilor noastre de design „clare, curate, consecvente” este o modalitate excelentă de a stabili această încredere. O pagină de destinație bine concepută spune „Aveți de-a face cu profesioniști aici”.

Este clar. Titlul cărții noastre de benzi desenate este mare și este centrat sub arta eroului. Este foarte clar ce se așteaptă de la vizitator. Completați cele trei câmpuri de formular și faceți clic pe butonul mare, ușor de văzut. Ușor de gălăgie.

Este foarte curat. Am avut inițial un fundal albastru deschis pe asta. Doar un alb curat a ajuns să funcționeze mai bine. Nimic de lux aici, dar nu este necesar. Avem o mulțime de elemente interesante din punct de vedere vizual doar cu benzile desenate.

Și este în concordanță cu CTA-urile. Imagini din aceleași surse, singurul lucru este că acum le aruncăm o privire în cartea de benzi desenate. S-ar putea să observați că am introdus și un alt font, dar acesta este fontul secundar al lui madison/miles de pe site-ul nostru, Playfair Display. Așa că aducem puțin din asta acum, dar păstrând totul în concordanță cu aspectul stabilit. Avem și bara verde în partea de jos, care este verdele nostru media madison/miles. Deci, din nou, doar introducem o parte din brandingul nostru într-un mod foarte subtil.

Și acum ajungem la pagina de mulțumire.

Din nou, este clar. Buton mare pentru a descărca oferta de conținut. Îndemnuri secundare foarte clare la acțiune care ghidează vizitatorul să învețe acum puțin mai multe despre cine suntem. E curat. Am păstrat fondul albastru pe această pagină, pentru a o diferenția puțin. Dar este foarte subtil și discret. Și, în sfârșit, este consecvent. Aceleași culori, fonturi și imagini.

Una dintre speranțele paginii de mulțumire este că vizitatorul va urma apoi unul dintre aceste link-uri. Vrem să fie și o tranziție lină. Deci, dacă fac clic pentru a merge la pagina Resurse de pe site-ul nostru web, se simte ca o continuare a călătoriei lor.

Deoarece am folosit lucruri precum fonturile și culorile mărcii noastre pe parcurs, am stabilit coerență cu marca noastră și am realizat o tranziție ușoară din oferta noastră către site-ul nostru principal. Nimic șocant sau confuz din punct de vedere al designului, pentru că am adus această consistență a mărcii în moduri subtile.

Prin urmare, utilizând un design clar, curat și consecvent în marketingul nostru inbound, stimulăm călătoria cumpărătorului. Folosiți aceleași principii în designul dvs. pentru a muta clienții potențiali pe calea lor spre a stabili o conexiune cu dvs.

madison/miles media este recunoscută ca o companie de top de marketing de conținut pe DesignRush.{{cta('1395b35c-b222-49d6-8bdd-fb2e45b05459')}}