14 dintre cele mai bune exemple de design frumos de e-mail

Publicat: 2022-10-07


Deschiderea unui e-mail de marketing este o sarcină atât de obișnuită, încât de multe ori consumatorii nu se gândesc la el. Cu toate acestea, ca agenți de marketing prin e-mail, știm cealaltă parte a poveștii. Găsirea de noi inspirații pentru e-mailuri HTML poate fi o sarcină descurajantă.

Când sunteți un agent de marketing prin e-mail, lista dvs. de activități arată adesea astfel: generați clienți potențiali opt-in, segmentați listele, configurați fluxuri de lucru pentru cultivarea clienților potențiali, redactați o copie de e-mail clară și concisă, verificați-vă e-mailurile pentru livrare, optimizați pentru simplu text și HTML și așa mai departe. „Unde este distracția în asta? ” s-ar putea să vă întrebați.

Creați o nouă semnătură de e-mail pe marcă în doar câteva clicuri. Începeți aici. (Este gratis.)

Din fericire, există o mulțime de specialiști de marketing prin e-mail (inclusiv noi înșine) care cred că toate acestea sunt un fel de distracție. Aceste aspecte mai puțin pline de farmec ale marketingului prin e-mail – deși esențiale pentru succesul campaniei tale – nu descriu întreaga imagine a ceea ce este cu adevărat marketingul prin e-mail uimitor.

În timp ce e-mailurile cu text simplu sau simple pot fi încă extrem de eficiente, uneori doriți să vă uimiți abonații cu design-uri creative, captivante sau încântător de subestimate. Unele mărci de acolo și-au dat seama și cum să creeze e-mailuri destul de frumoase. Dacă vrei să te apuci de ceva mai aventuros pentru următoarea ta campanie de marketing prin e-mail, consultă exemplele de mai jos pentru inspirație.

Cuprins:

Exemple de design de buletine informative prin e-mail

1. Fondul de colaborare

În design, roșul și galbenul servesc drept alegeri puternice de culoare. În timp ce roșul este cunoscut că transmite putere sau pasiune, galbenul este adesea considerat atât luminos, cât și energizant. Deși multe companii folosesc un bloc mare de culoare în partea de sus a buletinelor lor informative pentru a atrage oamenii, cei de la Fondul de colaborare au făcut câțiva pași mai departe, combinând rafale de culoare roșie și galbenă pe întregul e-mail. Destul de puternic, nu?

Pe lângă culoare, au folosit despărțiri curate pentru a separa aceste blocuri, încorporând în același timp diferite texturi - cum ar fi hârtia mototolită - pentru a crea o experiență cu adevărat convingătoare.

E-mail inspirație HTML; Buletin informativ prin e-mail al Fondului de colaborare Sursa imaginii

Sfat profesionist: Când este făcută bine, încorporarea unei game de texturi, prin grafică sau fotografie de înaltă calitate (cum ar fi hârtia mărunțită folosită mai sus), poate face experiența 2D de vizualizare a unui e-mail mai viscerală și mai captivantă.

2. Domino

Acest buletin informativ de la Domino acoperă o mulțime de informații: design cu restricții de stocare, cadouri, o piesă de profil cu Chelsea Handler, sfaturi pentru amenajarea băii și dormitorului și un îndemn.

Pentru a face acest lucru mai ușor de scanat, Domino a asociat aceste scurte descrieri cu imagini de înaltă calitate. La fel ca exemplul Fondului de colaborare, au folosit, de asemenea, divizări clare, orizontale, pentru a separa fiecare subiect.

E-mail inspirație HTML; E-mail pentru buletinul informativ Domino Sursa imaginii

Sfat profesionist: Încorporarea culorilor contrastante poate ajuta la crearea diviziunii între secțiuni și atrage cu ușurință privirea din fiecare secțiune.

3. InVision LABS

Acesta este un e-mail mult mai concis de la InVision, care include un design curat și o culoare atrăgătoare. Fundalul albastru face ca atât îndemnul, cât și caseta albă din partea de jos a e-mailului să atragă atenția. Imaginile desfășurate ale produsului îl ajută pe destinatar să înțeleagă ce presupune anunțul înainte de a se scufunda în copia explicativă.

E-mail inspirație HTML; Buletin informativ prin e-mail al InVision Labs Sursa imaginii

Experiența plină de culoare nu se oprește cu e-mailul. Culoarea albastră strălucitoare este transmisă pe site-ul web corespunzător, ceea ce face din acesta un exemplu puternic de branding fără sudură.

Sunteți inspirat de designul curat al InVision și gata să vă creați propria campanie? Utilizați un software gratuit de marketing prin e-mail, cum ar fi HubSpot, pentru a vă crea și trimite mesajul către lume.

4. GrubHub

Acest e-mail de la GrubHub este un exemplu grozav de promovare a produsului... deoarece nu sună sau nu pare deloc promovat de produs. În loc să spui: „Hei, îți place mâncarea. Ar trebui să-l comanzi folosind serviciul nostru!”, e-mailul spune o poveste cu ajutorul unui conținut interactiv cu adevărat cool: un test pentru a vedea ce ar trebui să servești la petrecerea ta (vedeți ce au făcut acolo?).

Ne place în special GIF-ul saturat pe care l-au folosit pentru a promova piesa de conținut, deoarece captează cu adevărat atenția destinatarului.

E-mail inspirație HTML; GrubHub Ce este în meniul tău? anunț Sursa imaginii

Sfat profesionist: mișcarea atrage privirea. Vedem acest lucru în rețelele sociale și în alte forme de media. Adăugarea acestei funcții la e-mailurile dvs. poate atrage spectatorii atrași de factorul mișcare în conținutul destinat publicului. Aflați cum să creați un GIF folosind Photoshop.

Exemple de design pentru e-mailuri

5. La îndemână

Ne place acest e-mail simplu de bun venit de la Handy. Schema de culori este consistentă, bazându-se pe gri pentru bază și pe albastru strălucitor pentru a atrage atenția asupra logo-ului și a îndemnurilor.

Există un echilibru frumos între text și elemente vizuale aici, iar designul plăcilor îl face ușor de parcurs. În cele din urmă, ne place că au folosit fotografii de stoc non-brânzătoare pentru a-și reprezenta marca, ceea ce îi face mai autentici și mai iubiți din perspectiva consumatorului.

E-mail inspirație HTML; Bun venit la e-mailul Handy Sursa imaginii

Sfat profesionist : în prezent, majoritatea spectatorilor au un anumit nivel de capacitate de a percepe dacă o imagine este o fotografie de stoc sau un conținut capturat inițial. Dacă trebuie să utilizați fotografii de stoc, luați-vă timp când căutați bazele de date de imagini și filtrați pentru imagini care reprezintă nu numai tonul e-mailului și mesajului, ci și estetica generală și senzația mărcii dvs.

6. Turnesol

S-ar putea să vă așteptați la un e-mail frumos de la o companie care anunță o conferință de design de e-mail - iar Litmus nu dezamăgește. E-mailul începe cu o explozie îndrăzneață de culoare, care atrage atenția cititorilor. Sub acesta, veți găsi un design curat, care include o copie concisă, ilustrații capricioase și o utilizare excelentă a spațiului alb.

În partea de jos a e-mailului, veți vedea un flux Twitter live care arată tweet-uri care folosesc hashtagul oficial al conferinței. Acest factor de socializare este o notă foarte grozavă pe care suntem dispuși să pariem un angajament sporit, informând în același timp oamenii despre cum să rămânem conectați la eveniment.

E-mail inspirație HTML; Conferința de design de e-mail prezentată de Litmus Sursa imaginii

Sfat profesionist: a fi imaginativ și a folosi pictograme și ilustrații poate fi o modalitate simplă și plină de satisfacții de a transmite mesaje. Aspectul și senzația consecventă fac diferența, arătând intenția și strategia de design. Puteți găsi pachete de pictograme gratuite care includ cele mai frecvent utilizate pictograme, pe site-uri web precum FlatIcon.com.

7. Uber

În calitate de agenți de marketing, știm că diagramele și graficele pot servi ca o modalitate eficientă de a ilustra informații. Dar cum rămâne cu încorporarea graficelor în e-mailuri?

Acest design de e-mail de la Uber demonstrează cu pricepere puterea vizualizării datelor prin utilizarea unor grafice simple. În loc să se bazeze pe cuvinte pentru a-și explica tarifele reduse, Uber a creat câteva imagini comparative pentru a face treaba. Datorită culorii albastru strălucitor, este ușor pentru destinatari să înțeleagă cum s-au schimbat tarifele dintr-o singură privire rapidă.

E-mail inspirație HTML; Tarifele Uber mai mici în scurtul e-mail Sursa imaginii

Sfat profesionist: entuziasmul este mai greu de obținut de la public decât s-ar crede. Cele de mai sus servesc ca exemplu al modului în care Uber își folosește datele istorice pentru a stimula entuziasmul pentru noile oferte ale companiei. Potențialul a ceea ce urmează este corelat cu ceea ce s-a întâmplat. Arată ce s-a făcut înainte de a arăta ce urmează, arătând consumatorilor că entuziasmul lor este în siguranță.

8. Cuyana

Iată un e-mail de promovare a produsului trimis de Cuyana persoanelor care s-au înscris pe lista de „acces timpuriu” a unui produs nou. E-mailul este centrat în întregime pe prezentarea noului produs, dar în acest caz, exact asta căutau cei care s-au înscris în lista de „acces timpuriu”.

Designul e-mailului este curat și sofisticat, datorită utilizării strălucitoare a spațiului negativ și a fonturilor atractive. Această abordare este foarte fidelă mărcii pentru o companie de îmbrăcăminte și accesorii pentru femei. Ne place folosirea culorilor consecvente - în special nuanța portocalie pe care au ales-o pentru butonul de îndemn din partea de jos.

E-mail inspirație HTML; Cuyana, cu pietriș, pungi și portofele pentru e-mail Sursa imaginii

Sfat profesionist: Acesta este un exemplu de e-mail făcut folosind HubSpot. Faceți clic aici pentru a vedea mai multe exemple de marketing prin e-mail din biblioteca noastră .

Exemple de design de e-mail pentru comerțul electronic

9. J.Crew

Uneori, cuvintele pot fi supraevaluate. De ce să nu lași o imagine să spună povestea pentru tine? Oricum, asta a făcut J.Crew în acest e-mail. E-mailul promovează o vânzare, dar nu ați ști imediat: tot ce vedeți este copia „Acesta merită derulat”, împreună cu o imagine foarte lungă (și foarte demnă de defilare), de înaltă definiție a un cornet de inghetata. Ne place subtilitatea. Hum!

E-mail inspirație HTML; J.Crew, asta merită derulat Sursa imaginii

Sfat profesionist: dacă ajungeți până jos, veți observa că vârful cornetului de înghețată acționează ca o săgeată direcțională, îndreptând destinatarii către îndemn. Fotografia poate servi ca mai mult decât o imagine statică, poate fi un ghid interactiv, conducând ochiul pe tot parcursul mesajului.

10. Măr

Acest e-mail de sărbători de la Apple echilibrează spațiul alb cu afișajele produselor pentru a crea o experiență cu adevărat interesantă.

În timp ce toate produsele au o schemă de culori similară, ceea ce este cu adevărat convingător este poziționarea lor. Prin aranjarea strategică a produselor, Apple a reușit să creeze modele vizuale care alternează pe tot parcursul e-mailului. Această abordare este printre cele mai bune pentru a afișa încrederea unui brand în produsele sale. Permite produselor în sine să fie punctul central al mesajului, precum și mijloacele prin care mesajul este transmis.

E-mail de inspirație HTML, e-mail de vacanță Apple Sursa imaginii

Sfat profesionist: redactarea sau schițarea designului pentru un e-mail la începutul procesului poate face ca crearea de mesaje atrăgătoare să fie un obiectiv ușor de atins și vă poate economisi timp.

11. Bunuri de Uniune

Consumatorii primesc o mulțime de e-mailuri de la companii de comerț electronic care prezintă idei de cadouri de sărbători de pe site-urile lor web, iar acesta este un exemplu al unuia dintre aceste e-mailuri bine făcut. Ei au optat pentru un design simplu aici, care include o utilizare foarte plăcută atât a culorii, cât și a spațiului alb, făcând copia și imaginile care sunt acolo să iasă puțin mai mult.

Ne bucurăm foarte mult de modul în care simplitatea permite ca mintea cititorului să fie mai puțin concentrată pe elementele care distrag atenția din mesaj. În schimb, ei pot completa spațiul negativ cu imagini despre modul în care produsele afișate – sau altele vândute de companie – ar putea provoca reacția dorită din partea mamelor din viața lor. O face pe cineva să se întrebe: „Ce are mama?”, „De ce are nevoie?” sau „Ce i-ar plăcea?”

E-mail inspirație HTML; Union Made Goods e-mail de ziua mamei Sursa imaginii

Sfat profesionist: Oferirea a ceva de genul unei reduceri la o achiziție, fără supravânzare, îi înclină pe cititori să arunce o privire asupra timpului lor, știind că vor primi stimulente pentru a se implica în continuare.

12. Casper

Acest e-mail de bun venit de la Casper face o treabă excelentă de a oferi o imagine de ansamblu asupra a ceea ce vă va oferi dacă vă alăturați comunității de peste 1 milion de membri. Din cifrele comunității lor, este clar că au alocat mult timp și au muncit pentru a crea un produs și o reputație, astfel încât să fii sigur. (G et it ? „Odihnește-te”, pentru că este o companie de saltele? Ah, nu contează!)

Ei enumera câteva dintre avantajele pe care le obțineți de la un abonament și apoi trec imediat la stabilirea valorii educaționale, oferind sfaturi pentru dormit. Numai acest lucru nu este suficient de convingător pentru a face pe cineva un abonat Casper de e-mail loial atent, dar conectează și mai mult marca și produsul (produsele) la experiențele consumatorilor. Ne place cum folosesc grafică simplă și mesaje concise pentru a se asocia subtil cu soluția pentru problemele legate de somn.

E-mail inspirație HTML; Casper salut visător e-mail Sursa imaginii

Sfat pro: Păstrați-o simplă, permițând spectatorilor și consumatorilor să concluzioneze singuri că au nevoie de ceea ce aveți de oferit.

13. Shwood x Stanley

În lumea comerțului electronic, calitatea imaginilor din e-mailurile dvs. poate avea un impact enorm asupra faptului dacă destinatarii rămân să caute întregul e-mail sau să apese rapid butonul „Șterge”. Acest e-mail de la Shwood x Stanley pune un accent mare pe acele imagini de înaltă calitate. Adorăm în special fundalurile texturate, precum și modurile în care se joacă cu luminile și umbrele.

E-mail inspirație HTML; E-mail pentru pachetul aventură Shwood x Stanley Sursa imaginii

Sfat profesionist: atunci când utilizați mai multe imagini într-un e-mail html, luați în considerare ce culori se completează și contrastează unele cu altele. Această considerație poate face ca experiențele de tranziție de la secțiune la secțiune să fie fără întreruperi pentru spectator, atragând atenția implicată pe tot parcursul mesajului.

14. Al lui Harry

Pentru e-mailurile sezoniere precum acesta de la Harry's, ați putea lua în considerare utilizarea schemelor de culori care se potrivesc cu sezonul. Pentru a-și promova setul de cadouri de iarnă, cei de la Harry's și-au răcit schema de culori cu culori tradiționale de iarnă, cum ar fi verde, albastru și maro. De asemenea, au găsit un echilibru frumos între text și elemente vizuale și au ajutat să-și facă e-mailurile mai ușor de parcurs, folosind un design simplu.

Un alt lucru pe care îl iubim sunt acele îndemnuri roșii aprinse; par destul de clicabile... nu ești de acord?

E-mail inspirație HTML; E-mailul de sărbători de iarnă al lui Harry Sursa imaginii

Sfat profesionist: Mai simplu spus, nu există niciun înlocuitor pentru fotografia de produs bună. Dacă vă scufundați în oceanul fotografiei de produse originale, consultați acest Ghid pentru începători pentru fotografia de produse.

Ce alte companii ați observat că creează un e-mail marketing frumos? Ce iese în evidență în abordarea lor? Cum poți să iei asta și să adaugi propriul tău spin original, creând ceva nou pentru mesajele mărcii tale?

Nota editorului: această postare a fost publicată inițial în mai 2012 și a fost actualizată pentru prospețime, acuratețe și exhaustivitate.

Îndemn nou