Ghidul suprem pentru designul de e-mail în 2022
Publicat: 2022-03-23S-ar putea să credeți că e-mailul este un mediu pe cale de dispariție, dar conform unui raport al Campaign Monitor, clienții lor au trimis cu 13 miliarde de e-mailuri mai multe în 2020 decât în 2019, peste 100 de miliarde în total. A face e-mailurile tale să iasă în evidență din mulțime nu este o sarcină ușoară cu toată această competiție.
Un design bun de e-mail vă poate ajuta să spargeți gheața cu potențialii cititori și să le atrageți atenția imediat.
Cu designul potrivit, puteți capta imaginația cititorului, îi puteți implica și îi puteți împinge să apese „cumpărați acum” pentru produsul sau serviciul dvs.
Dacă nu sunteți sigur ce reprezintă un design bun - nu vă faceți griji. Acesta este ceea ce vom acoperi în acest ghid. Mai exact, vă vom învăța cum să vă îmbunătățiți designul de e-mail și chiar vă vom arăta 26 de exemple care să vă inspire.
Ce face un design de e-mail bun?
Peste 90% din populația Statelor Unite utilizează în prezent e-mailul. Deci, desigur, nu există un stil perfect de design de e-mail care să atragă toată lumea.
Cu toate acestea, câteva concepte universale vă pot ajuta să proiectați în mod constant e-mailuri eficiente. Ne place să le numim „cei trei C”.
- Clar: obiectivul e-mailului este evident imediat
- Captivant: e-mailul atrage atenția cititorului și îi stârnește interesul
- Creativ: e-mailul este unic și iese în evidență față de alte e-mailuri de marketing
Să ne uităm la un exemplu premiat pentru a vedea cum arată cele trei C în viața reală.

Acest e-mail de marketing de la HP Instant Ink a câștigat un premiu IAC pentru „Cea mai bună campanie de mesaje prin e-mail de tehnologie” în 2021.
Sigla pentru Instant Ink și titlul subliniază ideea de cerneală expediată acasă.
Este captivant - cu un amestec de ilustrații, culori și o imagine excelentă, vă atrage atenția.
Este creativ - nu se concentrează pe cartușele de cerneală, ci pe faptul că serviciul vă livrează la ușă.
Nu aveți nevoie de cea mai uimitoare idee din toate timpurile pentru a crea un design bun. Începeți prin a vă evalua e-mailurile existente și a găsi lucruri de îmbunătățit.
Ar trebui să luați în considerare:
- Cum se compară e-mailurile tale față de cele trei „C”
- Rata dvs. de clic (CTR). Ca referință, CTR-ul mediu variază de la 2,6% la 2,34%
- Dacă e-mailurile vă ajută să vă îndepliniți obiectivele
- Indiferent dacă e-mailurile tale generează trafic către site-ul tău web
Când creați noi e-mailuri și campanii, continuați să construiți pe baza a ceea ce ați învățat.
De asemenea, vă oferim sfaturi și cele mai bune practici pe care le puteți începe imediat dacă porniți de la zero.
11 Cele mai bune practici cruciale de design de e-mail
Iată unsprezece bune practici pe care ar trebui să le urmeze toți agenții de marketing prin e-mail. De asemenea, puteți lua în considerare cele mai bune practici de marketing prin e-mail atunci când vă concentrați pe partea de marketing a e-mailului.
1. Creați o linie de subiect puternică
Subiectul este șansa ta de a face o primă impresie cititorului tău și are un efect unic asupra ratelor deschise. În timp ce rata medie de deschidere a e-mailului variază între 18 și 22%, unii specialiști în marketing obțin rate de deschidere până la 57% doar optimizând linia de subiect.
Practic, liniile de subiect sunt cruciale. Pentru a le optimiza, utilizați un limbaj concis și descriptiv și includeți o statistică, un număr sau un „cârlig” pentru a atrage atenția cititorului. De asemenea, ar trebui să evitați cuvintele „spam” precum „gratuit” sau „bani ușori”.
2. Rămâneți pe marcă
Designul e-mailului dvs. influențează modul în care consumatorii văd marca dvs., așa că este crucial să luați în considerare fiecare element de design cu atenție. Elementele de design includ logo-uri, culori, fonturi, opțiuni de aspect, videoclipuri, imagini și infografice.
Pentru cele mai bune rezultate, potriviți designul cu publicul dvs. De exemplu, dacă trebuie să vizați un public B2B, puteți utiliza elemente de design profesionale, cum ar fi culori dezactivate și fonturi curate. Un produs B2C poate folosi un branding mai „ocazional”.
3. Păstrați-l simplu și concentrat
Aspectele complicate ale e-mailurilor pot deruta cititorii, iar atunci când cititorii se simt confuzi, fac clic pe butonul „înapoi”. Ar trebui să adoptați un design simplu, curat și minimalist în e-mailurile dvs.
De asemenea, ar trebui să utilizați același aspect și branding în fiecare e-mail, astfel încât cititorul să știe la ce să se aștepte.
4. Stimulează implicarea
Pentru a genera implicarea cititorilor, inclusiv un îndemn puternic (CTA) în fiecare e-mail. Selectați cu atenție textul de ancorare, măriți butonul CTA și plasați-l strategic pentru a vă optimiza conversiile.
5. Oferă conținutului tău spațiu pentru a respira
Dacă umpleți fiecare centimetru pătrat al ecranului cititorului, acesta nu va ști unde să caute. Utilizați separatoarele și spațiul alb pentru a-și atrage privirea asupra conținutului dvs. și pentru a sublinia componentele esențiale, cum ar fi CTA sau imaginea produsului.
6. Urmăriți o cascadă de informații
O cascadă de informații (uneori numită piramidă de informații) vă prezintă cele mai importante informații și cele mai puțin importante informații în partea de jos.
7. Utilizați e-mailuri responsive
Ați deschis vreodată un e-mail fără a putea vedea secțiuni întregi sau imagini? Dacă utilizați dimensiuni fixe, dimensiunile diferite ale ecranului dispozitivului vă vor deforma designul. De aceea, receptivitatea este esențială. Utilizați principiile de design web receptiv pentru a vă adapta designul la proporțiile optime pentru diferite dimensiuni de fereastră și ecran.
8. Asigurați accesibilitatea
Dacă doriți să vă maximizați acoperirea – și să îndepliniți regulile și legile privind accesibilitatea – este esențial să luați în considerare modul în care persoanele cu dislexie, daltonism sau cu deficiențe de vedere vă pot percepe marketingul prin e-mail. Pentru a face modelele dvs. de e-mail accesibile, utilizați fonturi pentru dislexie, text alternativ, culori pentru daltonism și text simplu pe care cititorii de ecran (cum ar fi cititorul KNFB) îl pot citi cu voce tare.
9. Optimizați pentru performanță
Deoarece o persoană obișnuită vede un e-mail doar timp de 11 secunde, trebuie să vă concentrați pe performanță pentru a obține rezultate. În mod ideal, e-mailul dvs. ar trebui să se încarce rapid și să funcționeze pe toate dispozitivele (ca și în 2021, 54,8% din traficul de internet provine de la dispozitive mobile).
De asemenea, ar trebui să urmăriți conversiile pentru a măsura eficiența eforturilor de marketing și a oricăror noi tactici pe care le încercați.
10. Includeți un link de dezabonare
Multe reglementări impun utilizarea unui link de dezabonare. Regula CAN-SPAM din 2003 a Comisiei Federale de Comerț (Controlul atacului pornografiei și marketingului nesolicitat (CAN-SPAM)) este una dintre aceste reglementări.
Pentru a vă asigura că oamenii se pot dezabona fără probleme, includeți întotdeauna un link clar, ușor de utilizat și afișat vizibil.
11. Utilizați autentificarea prin e-mail
Autentificarea prin e-mail permite instrumentului dvs. de marketing prin e-mail să trimită e-mailuri ca domeniu (deci provin de la „yourwebsite.com”, nu „prin mcsv.net”). Folosind autentificarea prin e-mail, e-mailurile dvs. vor arăta mai profesionale.
Exemple de design bun de e-mail
Crearea unui design creativ și de înaltă calitate de la zero nu este o sarcină ușoară, chiar dacă ești o persoană creativă în mod natural. Din fericire, nu trebuie să începi de la zero.
Această secțiune va detalia 26 de exemple de design bune de e-mail, evidențiind ceea ce ne place la ele.
E-mailuri de bun venit
E-mailurile de bun venit sunt primul lucru pe care un client îl primește de la tine atunci când se înscrie pe lista ta de corespondență. A face o introducere bună este esențială pentru a construi o relație de durată și antrenantă.
Ipsy

E-mailul de bun venit al lui Ipsy este un exemplu A+ de introducere excelentă. Iată ce ne place la el:
- Ipsy și-a numit buletinul informativ prin e-mail „încălziri” (ceea ce îl face să se simtă mai mult ca un club de hobby decât e-mailuri de marketing)
- E-mailul lui Ipsy oferă cititorului un kit gratuit de autoîngrijire
- Ipsy a asortat culorile din fundal, imagine și ambalajul produsului
Sub armura

E-mailul de bun venit Under Armour funcționează deoarece echipa de marketing a ales imagini și text cu tematică în jurul produsului său. Iată mai multe lucruri pe care le iubim:
- Sigla Under Armour este primul lucru pe care îl vedeți
- Culorile din imagini se potrivesc și fac e-mailul să apară
- Ierarhia vizuală a e-mailului îl face să pară interesant
Beefree.io

Deși din punct de vedere tehnic nu este un e-mail de bun venit, acest e-mail de confirmare BeFree este atât de bun încât a trebuit să îl prezentăm aici. De ce? E-mailul arată perfect ceea ce este posibil cu software-ul de design BeeFree. Iată mai multe lucruri care ne plac:
- Animația este adorabilă
- Culorile pastelate sunt frumoase, dar nu arată copilăresc
- BeeFree include link-uri către rețelele sale de socializare
- BeeFree și-a folosit software-ul pentru a crea designul de e-mail
Peloton

E-mailul de bun venit al lui Peloton conține mai multe secțiuni de text, dar nu pare aglomerat, deoarece au folosit spațiul alb în mod eficient. Ne place și pentru că:
- Peloton a folosit simboluri pentru a atrage atenția cititorului către secțiunile „rezistență” și „cadență”
- Peloton își începe e-mailul cu o imagine care îi oferă o senzație de comunitate
- E-mailul explică ce face aplicația Peloton și învață cititorul cum să o folosească
Evernote

E-mailul de bun venit Evernote are două scopuri: salutarea abonatului și ajutarea acestuia să descarce aplicația gratuită Evernote. Ne place și pentru că:
- E-mailul include un link către resursele introductive ale Evernote
- Butonul CTA al Evernote este verde și se potrivește cu culoarea mărcii Evernote
- Evernote a inclus un link către serviciul clienți pentru clienții care au probleme la instalarea aplicației
E-mailuri pentru abandonarea coșului
E-mailurile de abandonare a coșului de cumpărături sunt e-mailuri generate automat pe care le trimiteți clienților în 24-72 de ore după ce aceștia își abandonează coșul. Deoarece reangajarea potențialului client este scopul principal al acestor e-mailuri, acestea trebuie să atragă atenția cititorului.
Gigantul american

E-mailul de abandon al căruciorului lui American Giant este un exemplu excelent de design alb-negru elegant, care arată plin de viață. Ne place și pentru că:
- American Giant arată cititorului articolul din coșul său
- American Giant are linkuri către rețelele sale de socializare
- E-mailul utilizează în mod eficient textul din preheader
a lui Gerry

E-mailul lui Gerry este opusul colorat al lui American Giant. Iată ce ne place:
- Antetul reamintește cititorului căruciorul abandonat într-un mod creativ
- E-mailul se adresează destinatarului după nume
- Culorile sunt distractive, dar nu copleșitoare
Stetson

E-mailul lui Stetson are o întorsătură prietenoasă cu clienții care îl face să funcționeze: oferta de transport gratuit. Iată mai multe lucruri care ne plac:
- Stetson și-a folosit culorile mărcii pe tot parcursul e-mailului
- E-mailul trimite cititorul înapoi la categoriile de magazine relevante
- CTA indică deficitul prin menționarea „până la epuizarea stocurilor”
Buletine informative
Buletinele informative sunt e-mailuri regulate care informează clienții despre noile produse și servicii, cel mai recent conținut și activități de caritate. Desigur, trebuie să fie informative, dar captivante.
Biroul de proiectare Shuka

Acest e-mail de la Shuka Design Bureau este un exemplu excelent de buletin informativ creativ. Iată ce ne place:
- E-mailul prezintă o bandă desenată atrăgătoare
- Copywriting-ul se potrivește cu tema benzii desenate
- Comicul folosește culori strălucitoare și un stil artistic distinct
E-mail pe Acid

E-mail pe buletinul informativ al Acid are, de asemenea, o abordare unică. Ne place:
- Tema ziarului e-mailului
- Utilizarea spațiului alb pentru a diviza textul
- Că este un exemplu grozav al modului în care e-mailul poate juca un rol în marketingul de conținut eficient
- Schema de culori alb-negru
Creştere

Increment a adoptat o abordare mai elegantă a designului său de buletin informativ. Noi iubim:

- Modul în care Increment folosește întrebările pentru a stimula cititorul să facă clic pe „Citiți problema”
- That Increment a numit acest număr al buletinului său informativ „Containere” pentru a-i da o temă
- Cum se aliniază imaginea de antet cu tematică spațială trippy cu tema
E-mailuri de sărbători
E-mailurile de sărbători captează atenția cititorului și îi stimulează să cumpere folosind o ofertă specială de sărbătoare. Totul este să surprinzi esența vacanței cu e-mailul și promovarea ta.
BarkBox

E-mailul „La mulți ani” al lui BarkBox vinde în plus clienții, oferindu-le un produs unic (un tort de aniversare pentru câini). Ne place cât de unică este această abordare, precum și:
- Limbă distractivă, cum ar fi deliciile cu coada
- Modul în care clarifică prețul ofertei, limita de timp și așteptările
Gantri

E-mailul lui Gantri prezintă în mod inteligent cititorului o problemă („încă căutați cadoul perfect” și poziționează cardul Gantri ca soluție). Ne place si asta:
- E-mailul evidențiază beneficiile cardului Gantri
- Plasarea CTA chiar sub antetul axat pe problemă
Judy

E-mailul lui Judy adoptă o abordare diferită de BarkBox sau Gantri, deoarece e-mailul lui Judy urmărește să construiască o relație cu cititorii. Ne place pentru că:
- Dimensiunea mare a fontului și designul accentuează antetul
- E-mailul include femei din medii diferite în imaginea de antet
- Folosește spațiu alb pentru a evidenția textul
RXBAR

E-mailul de Halloween al lui RXBAR este înfricoșător și distractiv. Ne place asta:
- Titlul folosește o învârtire distractivă a „trick or treat”
- E-mailul include linkuri relevante în partea de sus
- Designul folosește imagini iconice de Halloween, cum ar fi unghiile, liliecii și dovlecii lui Frankenstein
E-mailuri pentru produse digitale
E-mailurile pentru produsele digitale sunt deosebit de eficiente în vânzări, deoarece clienții primesc acces la serviciul dvs. la scurt timp după ce se înregistrează prin linkul dvs. CTA. Accentul lor este adesea să-i oblige pe oameni să cumpere pe loc.
Postabil

Acest email de la Postable funcționează pentru că abordează problema cititorului: adrese învechite în perioada sărbătorilor. Ne place și pentru că:
- CTA de la Postable este primul lucru pe care cititorul îl vede
- E-mailul include un grafic al aplicației Postable
- Utilizarea excelentă a spațiului alb pentru a evidenția obiectivul principal - a face utilizatorul să își actualizeze adresa
Marcare

Acest e-mail de la MarkUp este excelent deoarece îi învață pe cititori cum să folosească MarkUp în timp ce le vinde software-ul. Ne place și pentru că:
- MarkUp a folosit pictograme pentru a accentua copia
- Software-ul MarkUp este primul lucru pe care îl vedeți
- CTA este deasupra pliului
Typeform

E-mailul Typeform funcționează pentru că se deschide cu punctul unic de vânzare (USP) al companiei – „un nou mod de a folosi videoclipurile în marketing”. Ne place si asta:
- Typeform prezintă exemple de marketing video
- E-mailul folosește un font accesibil
- Imaginea folosește ierarhia pentru a atrage atenția cititorului
E-mailuri de vânzări
E-mailurile de vânzări oferă abonaților o reducere exclusivă pentru a-i stimula să cumpere. Desigur, au nevoie de CTA puternice.
Du-te pro

CTA din acest e-mail de la GoPro funcționează bine, deoarece ierarhia textului îl face al doilea lucru pe care spectatorii îl vor citi după „scăderea prețului”. Ne place și pentru că:
- GoPro a folosit o schemă de culori potrivită pe tot parcursul e-mailului
- O imagine masivă a produsului evidențiază produsul
- E-mailul conține două oferte: transport gratuit și un preț mai mic
MCM

Acest e-mail de vânzări de la MCM este excelent deoarece folosește o imagine în loc de o bucată de text pentru a face publicitate pungii. Ne place si asta:
- Imaginea prezentată îmbină ilustrația și fotografia
- Butonul CTA iese în evidență
- E-mailul include link-uri pentru magazine în antet
Mamifere moderne

Acest e-mail de vânzări de la Modern Mammals funcționează bine, deoarece arată produsul în acțiune peste o fotografie statică. Ne place și pentru că:
- E-mailul folosește mai multe culori de font pentru accentuare
- Imaginea de fundal se potrivește cu ambalajul produsului
- Textul subliniază USP-ul produsului
E-mailuri de mărturie și recenzii
E-mailurile cu mărturie și recenzii îi cer cititorului o favoare și, prin urmare, trebuie să-și folosească loialitatea pentru a-l stimula pe cititor să lase o recenzie.
G2

E-mailul G2 „review it today” este convingător, deoarece îl face pe cititor să simtă că îi poate ajuta pe alții cu recenzia lor. Ne place si asta:
- G2 arată o serie de recenzii în imagini (nu doar pozitive)
- G2 păstrează e-mailul scurt
- CTA este descriptiv
Ţintă

E-mailul Target funcționează deoarece este personalizat pentru fiecare client - solicitând o recenzie și ajutând clienții nemulțumiți să contacteze asistența. Ne place si asta:
- E-mailul folosește anteturi ca separatori între blocurile de conținut
- Cele două butoane CTA au culori diferite pentru claritate
- Arată achiziția cititorului cu o imagine
Mușcă

Acest e-mail de recenzie de la Bite are o abordare unică, deoarece oferă să arate cititorilor recenzii de la alți clienți. Ne place si asta:
- Bite a folosit mai multe nuanțe de verde pentru a crea o ierarhie
- Bite link-uri către pagina sa „despre noi”.
- Bite include produsul său în imagine
E-mailuri de branding
E-mailurile de branding le spun cititorilor „ABC”-ul afacerii tale, inclusiv identitatea mărcii, misiunea și USP. Desigur, ei trebuie să genereze un interes profund pentru marca dvs.
Thinx

Acest e-mail de branding de la Thinx captează atenția cititorului, prezentându-i unui angajat (Morgs). Ne place si asta:
- Thinx a folosit o paletă adecvată de culori mate
- Thinx a tematizat redactarea e-mailului în jurul produsului și misiunii sale
Wisp

Acest e-mail de branding de la Wisp funcționează deoarece îi ajută pe potențialii clienți să-și navigheze prin oferte. Ne place si asta:
- Wisp folosește întrebări pentru a atrage atenția cititorului
- Wisp trimite către „preferatele comunității” sale
- Wisp folosește o imagine care se îmbină cu fundalul e-mailului
Cum să vă creați propriul design de e-mail
Acum că ați văzut douăzeci și șase de exemple de design bun de e-mail, sunteți gata să vă puneți ochiul nou pregătit pentru design. Iată trei moduri de a vă crea designul de e-mail:
1. Utilizați software de marketing prin e-mail
Multe instrumente software de marketing prin e-mail populare au șabloane încorporate pe care le puteți utiliza. Acestea includ Mailchimp, Constant Contact, SendinBlue, Drop și HubSpot.
Puteți folosi cu ușurință șabloanele și constructorii drag-and-drop pentru a vă crea designul unic.

Pro:
- Ușor și rapid
- Puteți modifica textul, imaginile și părțile critice ale șablonului
- Știți că designul dvs. va funcționa pe desktop și dispozitive mobile
- Puteți folosi aceleași șabloane de mai multe ori
- De obicei, nu va trebui să plătiți suplimentar
Contra:
- Aceste șabloane sunt create pentru un public țintă larg (deci este posibil să nu se potrivească cu restul brandingului dvs.)
2. Folosiți un instrument dedicat de design de e-mail
Instrumentele software de design de e-mail oferă șabloane de e-mail și caracteristici unice pentru a crea un design unic. Stripo, Chamaileon, BeeFree și Cărți poștale sunt toate opțiuni excelente.
Pro:
- Foarte ușor de utilizat pentru persoanele fără un fundal de design
- Aceste instrumente au sute de șabloane (deci este ușor să găsiți unul care se potrivește nevoilor dvs.)
- Personalizare completă — modificați aspectul, culorile, imaginile, stilul și textul
- Multe șabloane sunt prietenoase cu dispozitivele mobile
Contra:
- Este posibil să trebuiască să plătiți pentru accesul la aceste instrumente
- Va trebui să descărcați șablonul și să-l importați în software-ul de marketing prin e-mail (sau să utilizați o integrare acolo unde este disponibilă)
3. Creați un design personalizat
În cele din urmă, puteți crea un design de e-mail personalizat de la zero cu un instrument precum Adobe InDesign, VivaDesigner, Scribus sau pur și simplu îl puteți codifica cu HTML și CSS inline.
Pro:
- Designul tău va fi unic
- Flexibilitate deplină
- Vă puteți asigura că designul dvs. este prietenos cu dispozitivele mobile și imaginile sunt de înaltă calitate
Contra:
- Software-ul de proiectare este scump
- Foarte consumatoare de timp
- Ai nevoie de un fundal de design puternic
rezumat
În 2020, existau peste 4,03 miliarde de utilizatori de e-mail în întreaga lume, iar oamenii au trimis și primit 319,6 miliarde de e-mailuri zilnic. Desigur, să te evidențiezi în căsuțele de e-mail ale abonaților tăi este dificil.
De aceea, un design bun de e-mail este crucial. Atragerea atenției publicului dvs. este primul pas către dezvoltarea relației dvs. cu clienții potențiali, creșterea veniturilor și creșterea vânzării clienților în mod eficient.
Pentru a stăpâni un design bun de e-mail, asigurați-vă că:
- Folosiți spațiu alb pentru accentuare
- Dezvoltați imagini de înaltă calitate pentru a atrage atenția cititorului
- Utilizați o copie clară - în special în antet și CTA
- Utilizați o abordare de sus în jos pentru a prioritiza conținutul
- Fii creativ
Ne-ar plăcea să auzim tot ce știți despre design bun de e-mail. Care dintre aceste modele ți-a plăcut cel mai mult și cum poți crea e-mailuri unice pentru marca ta? Vă rugăm să ne spuneți în comentariile de mai jos.