La guida definitiva alla progettazione di e-mail nel 2022
Pubblicato: 2022-03-23Potresti pensare che la posta elettronica sia un mezzo in via di estinzione, ma secondo un rapporto di Campaign Monitor, i loro clienti hanno inviato 13 miliardi di email in più nel 2020 rispetto al 2019, oltre 100 miliardi in totale. Far risaltare le tue e-mail dalla massa non è un compito facile con tutta questa concorrenza.
Un buon design dell'e-mail può aiutarti a rompere il ghiaccio con i potenziali lettori e ad attirare la loro attenzione fin dall'inizio.
Con il design giusto, puoi catturare l'immaginazione del tuo lettore, coinvolgerlo e spingerlo a premere "acquista ora" sul tuo prodotto o servizio.
Se non sei del tutto sicuro di ciò che costituisce un buon design, non preoccuparti. Questo è ciò di cui parleremo in questa guida. In particolare, ti insegneremo come migliorare i design delle tue email e ti mostreremo persino 26 esempi per ispirarti.
Cosa rende buono un design di posta elettronica?
Oltre il 90% della popolazione degli Stati Uniti utilizza attualmente la posta elettronica. Quindi, ovviamente, non esiste uno stile perfetto di progettazione di e-mail che piacerà a tutti.
Tuttavia, alcuni concetti universali possono aiutarti a progettare in modo coerente e-mail efficaci. Ci piace chiamarle "le tre C".
- Chiaro: l'obiettivo dell'e-mail è subito evidente
- Accattivante: l'e-mail cattura l'attenzione del lettore e suscita il suo interesse
- Creativo: l'e-mail è unica e si distingue dalle altre e-mail di marketing
Diamo un'occhiata a un esempio pluripremiato per vedere come appaiono le tre C nella vita reale.

Questa e-mail di marketing di HP Instant Ink ha vinto un IAC Award come "Best Technology Email Message Campaign" nel 2021.
Il logo di Instant Ink e il titolo enfatizzano l'idea dell'inchiostro spedito a casa tua.
È accattivante: con un mix di illustrazioni, colori e un'ottima immagine in primo piano, cattura la tua attenzione.
È creativo, non incentrato sulle cartucce d'inchiostro, ma sul fatto che il servizio è a portata di mano.
Non hai bisogno dell'idea più sorprendente di tutti i tempi per creare un buon design. Inizia valutando le tue email esistenti e trovando cose da migliorare.
Dovresti considerare:
- In che modo le tue e-mail si confrontano con le tre "C"
- La tua percentuale di clic (CTR). Per riferimento, il CTR medio varia dal 2,6% al 2,34%
- Se le tue email ti aiutano a raggiungere i tuoi obiettivi
- Se le tue email indirizzano il traffico al tuo sito web
Quando crei nuove email e campagne, continua a costruire su ciò che hai imparato.
Ti offriamo anche suggerimenti e best practice che puoi iniziare a utilizzare subito se inizi da zero.
11 Best practice per la progettazione di e-mail cruciali
Ecco undici best practice che tutti gli e-mail marketer dovrebbero seguire. Puoi anche prendere in considerazione le migliori pratiche di email marketing quando ti concentri sul lato marketing dell'email.
1. Crea una linea tematica forte
La riga dell'oggetto è la tua occasione per fare una prima impressione sul tuo lettore e ha un effetto unico sui tassi di apertura. Mentre il tasso medio di apertura delle e-mail varia dal 18 al 22%, alcuni marketer ottengono tassi di apertura fino al 57% ottimizzando solo la riga dell'oggetto.
Fondamentalmente, le linee tematiche sono cruciali. Per ottimizzarli, usa un linguaggio conciso e descrittivo e includi una statistica, un numero o un "gancio" per attirare l'attenzione del lettore. Dovresti anche evitare parole "spamming" come "gratuito" o "soldi facili".
2. Rimani in linea con il marchio
Il design della tua email influisce sul modo in cui i consumatori vedono il tuo marchio, quindi è fondamentale considerare attentamente ogni elemento di design. Gli elementi di design includono loghi, colori, caratteri, scelte di layout, video, immagini e infografiche.
Per ottenere i migliori risultati, abbina il tuo design al tuo pubblico. Ad esempio, se devi rivolgerti a un pubblico B2B, puoi utilizzare elementi di design professionali come colori tenui e caratteri puliti. Un prodotto B2C può utilizzare un marchio più "casuale".
3. Mantienilo semplice e mirato
I layout di posta elettronica complicati possono confondere i lettori e, quando i lettori si sentono confusi, fanno clic sul pulsante "indietro". Dovresti abbracciare un design semplice, pulito e minimalista nelle tue e-mail.
Dovresti anche utilizzare lo stesso layout e lo stesso marchio in ogni e-mail, in modo che il lettore sappia cosa aspettarsi.
4. Coinvolgimento di stimolo
Per generare coinvolgimento dei lettori, incluso un forte invito all'azione (CTA) in ogni e-mail. Seleziona attentamente il tuo anchor text, ingrandisci il tuo pulsante CTA e posizionalo strategicamente per ottimizzare le tue conversioni.
5. Dai spazio ai tuoi contenuti per respirare
Se riempi ogni centimetro quadrato dello schermo del lettore, non sapranno dove guardare. Usa i separatori e gli spazi bianchi per attirare l'attenzione sui tuoi contenuti ed enfatizzare i componenti critici come l'invito all'azione o l'immagine del prodotto.
6. Segui una cascata di informazioni
Una cascata di informazioni (a volte chiamata piramide delle informazioni) presenta le informazioni più importanti e le informazioni meno importanti in fondo.
7. Usa e-mail reattive
Hai mai aperto un'e-mail senza poter vedere intere sezioni o immagini? Se utilizzi dimensioni fisse, le diverse dimensioni dello schermo del dispositivo deformano il tuo design. Ecco perché la reattività è essenziale. Usa i principi del responsive web design per adattare il tuo design alle proporzioni ottimali per le diverse dimensioni di finestre e schermi.
8. Garantire l'accessibilità
Se vuoi massimizzare la tua portata e soddisfare le linee guida e le leggi sull'accessibilità, è essenziale considerare come le persone con dislessia, daltonismo o problemi di vista possono percepire il tuo email marketing. Per rendere accessibili i tuoi progetti di posta elettronica, usa caratteri compatibili con la dislessia, testo alternativo, colori compatibili con daltonici e testo normale che gli screen reader (come il lettore KNFB) possono leggere ad alta voce.
9. Ottimizza per le prestazioni
Poiché la persona media visualizza un'e-mail solo per 11 secondi, è necessario concentrarsi sulle prestazioni per ottenere risultati. Idealmente, la tua email dovrebbe caricarsi rapidamente e funzionare su tutti i dispositivi (come nel 2021, il 54,8% del traffico Internet proviene da dispositivi mobili).
Dovresti anche monitorare le tue conversioni per misurare l'efficacia dei tuoi sforzi di marketing e qualsiasi nuova tattica che provi.
10. Includi un link di annullamento dell'iscrizione
Molti regolamenti impongono l'uso di un link di annullamento dell'iscrizione. La norma CAN-SPAM del 2003 della Federal Trade Commission (Controlling the Assault of Non-Solicited Pornography and Marketing (CAN-SPAM)) è una di queste normative.
Per garantire che le persone possano annullare l'iscrizione senza problemi, includi sempre un collegamento chiaro, facile da usare e visualizzato in modo visibile.
11. Usa l'autenticazione e-mail
L'autenticazione e-mail consente al tuo strumento di email marketing di inviare e-mail come dominio (quindi provengono da "tuositoweb.com", non "tramite mcsv.net"). L'utilizzo dell'autenticazione e-mail renderà le tue e-mail più professionali.
Esempi di un buon design dell'e-mail
Costruire da zero un design creativo e di alta qualità non è un compito facile, anche se sei un individuo naturalmente creativo. Per fortuna, non devi iniziare da zero.
Questa sezione analizzerà 26 esempi di buoni progetti di email, mettendo in evidenza ciò che amiamo di loro.
Email di benvenuto
Le email di benvenuto sono la prima cosa che un cliente riceve da te quando si iscrive alla tua mailing list. Fare una buona presentazione è essenziale per costruire una relazione duratura e coinvolgente.
Ipsy

L'e-mail di benvenuto di Ipsy è un esempio A+ di un'ottima introduzione. Ecco cosa ci piace:
- Ipsy ha chiamato la sua newsletter via e-mail "rinfreschi" (che lo fa sembrare più un hobby club che e-mail di marketing)
- L'e-mail di Ipsy offre al lettore uno starter kit gratuito per la cura di sé
- Ipsy ha abbinato i colori dello sfondo, dell'immagine e della confezione del prodotto
Sotto l'armatura

L'e-mail di benvenuto di Under Armour funziona perché il team di marketing ha scelto immagini e testo a tema attorno al suo prodotto. Ecco alcune altre cose che amiamo:
- Il logo di Under Armour è la prima cosa che vedi
- I colori nelle immagini corrispondono e fanno risaltare l'e-mail
- La gerarchia visiva dell'e-mail lo fa sembrare interessante
Beefree.io

Sebbene tecnicamente non sia un'e-mail di benvenuto, questa e-mail di conferma di BeFree è così buona che abbiamo dovuto presentarla qui. Come mai? L'e-mail mostra perfettamente ciò che è possibile fare con il software di progettazione di BeeFree. Ecco alcune altre cose che ci piacciono:
- L'animazione è adorabile
- I colori pastello sono carini ma non sembrano infantili
- BeeFree include collegamenti ai suoi social media
- BeeFree ha utilizzato il suo software per creare il design dell'e-mail
pelotone

L'e-mail di benvenuto di Peloton contiene diverse sezioni di testo, ma non sembra affollata perché hanno utilizzato lo spazio bianco in modo efficace. Ci piace anche perché:
- Peloton ha utilizzato i simboli per attirare l'attenzione del lettore sulle sezioni "resistenza" e "cadenza".
- Peloton inizia la sua e-mail con un'immagine che gli conferisce un'atmosfera comunitaria
- L'e-mail spiega cosa fa l'app Peloton e insegna al lettore come usarla
Evernote

L'e-mail di benvenuto di Evernote ha due scopi: accogliere l'abbonato e aiutarlo a scaricare l'app Evernote gratuita. Ci piace anche perché:
- L'e-mail include un collegamento alle risorse introduttive di Evernote
- Il pulsante CTA di Evernote è verde e corrisponde al colore del marchio Evernote
- Evernote ha incluso un collegamento al servizio clienti per i clienti che hanno problemi con l'installazione dell'app
Email di abbandono del carrello
Le e-mail di abbandono del carrello sono e-mail generate automaticamente che invii ai clienti entro 24-72 ore dall'abbandono del carrello. Poiché coinvolgere nuovamente il potenziale cliente è l'obiettivo principale di queste e-mail, devono attirare l'attenzione del lettore.
gigante americano

L'e-mail di abbandono del carrello di American Giant è un eccellente esempio di un elegante design in bianco e nero dall'aspetto vivace. Ci piace anche perché:
- American Giant mostra al lettore l'articolo nel carrello
- American Giant si collega ai suoi social media
- L'e-mail utilizza il testo dell'intestazione in modo efficace
di Gerry

L'e-mail di Gerry è l'opposto colorato di quella di American Giant. Ecco cosa ci piace:
- L'intestazione ricorda al lettore il carrello abbandonato in modo creativo
- L'e-mail indirizza il destinatario per nome
- I colori sono divertenti ma non travolgenti
Stetson

L'e-mail di Stetson ha una svolta a misura di cliente che la fa funzionare: l'offerta di spedizione gratuita. Ecco alcune altre cose che ci piacciono:
- Stetson ha utilizzato i colori del suo marchio in tutta l'e-mail
- L'e-mail ricollega il lettore alle categorie di negozi pertinenti
- Il CTA indica la scarsità affermando "fino ad esaurimento scorte"
Newsletter
Le newsletter sono e-mail regolari che aggiornano i tuoi clienti su nuovi prodotti e servizi, i tuoi ultimi contenuti e opere di beneficenza. Naturalmente, devono essere informativi ma coinvolgenti.
Shuka Design Bureau

Questa e-mail di Shuka Design Bureau è un eccellente esempio di newsletter creativa. Ecco cosa amiamo:
- L'e-mail contiene un fumetto accattivante
- Il copywriting si adatta al tema del fumetto
- Il fumetto utilizza colori vivaci e uno stile artistico distinto
E-mail su acido

Anche l'e-mail sulla newsletter di Acid adotta un approccio unico. Ci piace:
- Il tema del giornale dell'e-mail
- L'uso dello spazio bianco per spezzare il testo
- Questo è un ottimo esempio di come l'e-mail possa svolgere un ruolo nel marketing dei contenuti efficace
- La combinazione di colori in bianco e nero
Incremento

Increment ha adottato un approccio più elegante al design della sua newsletter. Amiamo:

- Il modo in cui Increment utilizza le domande per incentivare il lettore a fare clic su "Leggi il problema"
- That Increment ha chiamato questo numero della sua newsletter "Containers" per dargli un tema
- In che modo l'immagine di intestazione a tema spaziale trippy si allinea al tema
Email per le vacanze
Le e-mail delle vacanze catturano l'attenzione del lettore e lo incentivano all'acquisto utilizzando un'offerta celebrativa speciale. Si tratta di catturare l'essenza della vacanza con la tua e-mail e la promozione.
BarkBox

L'e-mail di "buon compleanno" di BarkBox aumenta le vendite dei clienti offrendo loro un prodotto unico (una torta di compleanno per cani). Amiamo quanto sia unico questo approccio, oltre a:
- Linguaggio divertente come delizie da sballo
- Il modo in cui rende chiari il prezzo, il limite di tempo e le aspettative dell'offerta
Gantri

L'e-mail di Gantri presenta abilmente un problema al lettore (“cerco ancora il regalo perfetto” e posiziona la carta Gantri come soluzione). Ci piace anche che:
- L'e-mail mette in evidenza i vantaggi della carta Gantri
- Il posizionamento della CTA proprio sotto l'intestazione incentrata sul problema
Giuda

L'e-mail di Judy ha un approccio diverso rispetto a BarkBox o Gantri, poiché l'e-mail di Judy mira a costruire una relazione con i lettori. Ci piace perché:
- La grande dimensione del carattere e il design enfatizzano l'intestazione
- L'e-mail include donne di background diversi nell'immagine dell'intestazione
- Utilizza lo spazio bianco per evidenziare il testo
RXBAR

L'e-mail di Halloween di RXBAR è inquietante e divertente. Ci piace che:
- L'intestazione utilizza una divertente rotazione su "dolcetto o scherzetto"
- L'e-mail include collegamenti pertinenti in alto
- Il design utilizza immagini iconiche di Halloween come le unghie, i pipistrelli e le zucche di Frankenstein
Email per prodotti digitali
Le e-mail per i prodotti digitali sono particolarmente efficaci nelle vendite, poiché i clienti ricevono l'accesso al tuo servizio poco dopo la registrazione tramite il tuo link CTA. Il loro obiettivo è spesso quello di costringere le persone ad acquistare sul posto.
Postabile

Questa email di Postable funziona perché affronta il problema del lettore: indirizzi obsoleti durante le vacanze. Ci piace anche perché:
- Il CTA di Postable è la prima cosa che il lettore vede
- L'e-mail include un grafico dell'app Postable
- Ottimo uso dello spazio bianco per evidenziare l'obiettivo principale: convincere un utente ad aggiornare il proprio indirizzo
MarkUp

Questa e-mail di MarkUp è eccellente perché insegna ai lettori come utilizzare MarkUp mentre si vende loro il software. Ci piace anche perché:
- MarkUp utilizzava le icone per accentuare la copia
- Il software di MarkUp è la prima cosa che vedi
- Il CTA è above the fold
Forma tipografica

L'e-mail di Typeform funziona perché si apre con l'Unique Selling Point (USP) dell'azienda, "un nuovo modo di utilizzare i video nel marketing". Ci piace anche che:
- Typeform mostra esempi del suo video marketing
- L'e-mail utilizza un carattere accessibile
- L'immagine usa la gerarchia per catturare l'attenzione del lettore
Email di vendita
Le e-mail di vendita offrono agli abbonati uno sconto esclusivo per incentivarli all'acquisto. Naturalmente, hanno bisogno di potenti CTA.
GoPro

L'invito all'azione in questa e-mail di GoPro funziona bene perché la gerarchia del testo lo rende la seconda cosa che gli spettatori leggeranno dopo il "ribasso dei prezzi". Ci piace anche perché:
- GoPro ha utilizzato la corrispondenza di una combinazione di colori corrispondente in tutta l'e-mail
- Un'immagine massiccia del prodotto mette in evidenza il prodotto
- L'e-mail contiene due offerte: spedizione gratuita e prezzo più basso
MCM

Questa email di vendita di MCM è eccellente perché utilizza un'immagine anziché un pezzo di testo per pubblicizzare la borsa. Ci piace anche che:
- L'immagine in primo piano unisce illustrazione e fotografia
- Il pulsante CTA spicca
- L'e-mail include i link del negozio nell'intestazione
Mammiferi moderni

Questa email di vendita di Modern Mammals funziona bene perché mostra il prodotto in azione su uno scatto statico. Ci piace anche perché:
- L'e-mail utilizza più colori dei caratteri per l'enfasi
- L'immagine di sfondo corrisponde alla confezione del prodotto
- Il testo sottolinea l'USP del prodotto
Testimonianze e recensioni e-mail
Le e-mail di testimonianza e recensione chiedono un favore al lettore e, quindi, devono sfruttare la lealtà per incentivare il lettore a lasciare una recensione.
G2

L'e-mail "recensione oggi" di G2 è convincente perché fa sentire il lettore come se potesse aiutare gli altri con la sua recensione. Ci piace anche che:
- G2 mostra una serie di recensioni nelle immagini (non solo positive)
- G2 mantieni l'e-mail breve
- Il CTA è descrittivo
Bersaglio

L'e-mail di Target funziona perché è personalizzata per ogni cliente, chiedendo una recensione e aiutando i clienti insoddisfatti a contattare l'assistenza. Ci piace anche che:
- L'e-mail utilizza le intestazioni come separatori tra i blocchi di contenuto
- I due pulsanti CTA sono di colori diversi per chiarezza
- Mostra l'acquisto del lettore con un'immagine
Morso

Questa email di recensione di Bite adotta un approccio unico, in quanto offre di mostrare ai lettori le recensioni di altri clienti. Ci piace anche che:
- Bite ha utilizzato più sfumature di verde per creare una gerarchia
- Bite si collega alla sua pagina "chi siamo".
- Bite include il suo prodotto nella foto
Email di branding
Le e-mail di branding comunicano ai lettori l'"ABC" della tua attività, inclusa l'identità del marchio, la missione e l'USP. Naturalmente, devono generare un profondo interesse per il tuo marchio.
Pensa

Questa e-mail di branding di Thinx cattura l'attenzione del lettore presentandolo a un dipendente (Morgs). Ci piace anche che:
- Thinx ha utilizzato una tavolozza di colori opachi adatta
- Thinx ha ispirato il copywriting dell'e-mail al suo prodotto e alla sua missione
Wisp

Questa email di branding di Wisp funziona perché aiuta i potenziali clienti a navigare tra le loro offerte. Ci piace anche che:
- Wisp usa le domande per attirare l'attenzione del lettore
- Wisp si collega ai suoi "preferiti della community"
- Wisp utilizza un'immagine che si fonde con lo sfondo dell'e-mail
Come creare il tuo design di posta elettronica
Ora che hai visto ventisei esempi di un buon design di posta elettronica, sei pronto per mettere in pratica il tuo occhio appena addestrato per il design. Ecco tre modi per creare il tuo design email:
1. Usa il software di email marketing
Molti popolari strumenti software di email marketing hanno modelli integrati che puoi utilizzare. Ciò include Mailchimp, Constant Contact, SendinBlue, Drop e HubSpot.
Puoi facilmente utilizzare i loro modelli e i builder drag-and-drop per creare il tuo design unico.

Professionisti:
- Facile e veloce
- Puoi modificare il testo, le immagini e le parti critiche del modello
- Sai che il tuo design funzionerà su desktop e dispositivi mobili
- Puoi utilizzare gli stessi modelli più volte
- Di solito non dovrai pagare un extra
Contro:
- Questi modelli sono realizzati per un vasto pubblico di destinazione (quindi potrebbero non corrispondere al resto del tuo marchio)
2. Utilizzare uno strumento di progettazione e-mail dedicato
Gli strumenti software di progettazione e-mail offrono modelli di e-mail e funzionalità uniche per creare un design unico. Stripo, Chamaileon, BeeFree e Postcards sono tutte ottime opzioni.
Professionisti:
- Molto facile da usare per le persone senza un background di design
- Questi strumenti hanno centinaia di modelli (quindi è facile trovarne uno adatto alle tue esigenze)
- Personalizzazione completa: modifica layout, colori, immagini, stile e testo
- Molti modelli sono compatibili con i dispositivi mobili
Contro:
- Potrebbe essere necessario pagare per l'accesso a questi strumenti
- Dovrai scaricare il tuo modello e importarlo nel tuo software di email marketing (o utilizzare un'integrazione ove disponibile)
3. Crea un design personalizzato
Infine, puoi creare un design di posta elettronica personalizzato da zero con uno strumento come Adobe InDesign, VivaDesigner, Scribus o semplicemente codificarlo con HTML e CSS inline.
Professionisti:
- Il tuo design sarà unico
- Piena flessibilità
- Puoi assicurarti che il tuo design sia ottimizzato per i dispositivi mobili e che le tue immagini siano di alta qualità
Contro:
- Il software di progettazione è costoso
- Molto dispendioso in termini di tempo
- Hai bisogno di un forte background di design
Sommario
Nel 2020, c'erano oltre 4,03 miliardi di utenti di posta elettronica in tutto il mondo e le persone inviavano e ricevevano 319,6 miliardi di e-mail al giorno. Naturalmente, distinguersi nelle caselle di posta dei tuoi iscritti è complicato.
Ecco perché un buon design delle email è fondamentale. Attirare l'attenzione del tuo pubblico è il primo passo per coltivare la tua relazione con i lead, aumentare le entrate e vendere i clienti in modo efficiente.
Per padroneggiare un buon design delle email, assicurati di:
- Usa lo spazio bianco per enfatizzare
- Sviluppa immagini di alta qualità per attirare l'attenzione del lettore
- Usa una copia chiara, specialmente nell'intestazione e nell'invito all'azione
- Utilizzare un approccio dall'alto verso il basso per dare priorità ai contenuti
- Diventa creativo
Ci piacerebbe sapere tutto quello che sai su un buon design delle email. Quale di questi design ti è piaciuto di più e come crei email uniche per il tuo marchio? Per favore, dicci nei commenti qui sotto.