• HOME
  • Blog
  • Email Design: 7 trend da cavalcare in autunno
Andrea Serventi
10 Settembre 2019
Tempo di lettura: 5 min.

Email Design: 7 trend da cavalcare in autunno

Dalla “nostalgia” dei gradienti al fascino discreto del monocromo, fino al realismo delle immagini 3D. Abbiamo selezionato le tendenze grafiche più in voga tra i marketer.

Settembre sancisce per le aziende un nuovoinizio, tra rinnovati obiettivi e nuovi propositi da perseguire da qui alleultime settimane dell’anno.

Pur non offrendo grandi margini per radicali cambiamenti nella strategia, settembre di certo è una buona occasione per rivedere alcuni aspetti, solo apparentemente superficiali: l’Email Design, ad esempio.

Proprio di questo parliamo oggi, suggerendoti alcuni trend in voga tra i marketer più ricercati. Sono sette tendenze grafiche a cui allineare le tue campagne di Email Marketing.

256x218
prova la piattaforma
Attiva la trial gratuita e scopri cosa puoi fare con MailUp.

Dallo sviluppo di integrazioni al supporto strategico, dalla creazione di concept creativi all’ottimizzazione dei risultati.

1. Animazioni CSS: un incentivo al clic

In genere,le animazioni CSS vengono applicate ai pulsanti di call to action e alle immagini.

L’obiettivoprincipale è quello di dare risalto allapotenziale azione innescata dal clic da parte del destinatariosull’elemento evidenziato. Se non fosse chiaro, ecco un esempio di animazioneCSS applicata a bottone e immagine dell’email:

Email Design CSS Animation

Perimpostare un’animazione CSS bastano poche e semplici operazioni nel codice HTML dell’email. Ecco il codice necessario:

html css animation 1

2. Layout minimal-animato

Lo stileminimal è sempre efficace: offresoluzioni chiare, pulite, di impatto, nonostante il layout spoglio. Ilminimalismo nelle email consente di valorizzare gli elementi chiave dell’email:il copy e le immagini di prodotti o servizi.

Ma una tendenza degli ultimi tempi vede alcune aziende creare email che coniugano asciuttezza animazione. Il risultato è brillante, come in questa email diNiftyImages, che sfrutta gli spazi bianchi, riduce al minimo i colori della tavolozza ma innesca movimento e dinamismo nelle illustrazioni.

niftyimages gif 2
niftyimages gif 3

3. Accessibilità

L’accessibility,come dicono negli USA, consiste nel progettare email che garantiscano a tutti idestinatari – inclusi quelli con disabilità(la cecità, ad esempio) o quelli che fanno uso di tecnologie assistive(come gli screen reader) – la pienafruizione dei contenuti del messaggio.

I designer e i marketer stanno diventando sempre più consapevoli sul tema dell’accessibilità, tanto da convertire tecniche e best practice anche nell’Email Marketing.

Vediamo alcuni requisiti per garantire una buona accessibilità alle email:

  • Presta attenzione al contrasto dei colori. Un ottimo tool per testare il contrasto delle email è WebAIM;
  • Mantieni i caratteri leggibili. Un suggerimento è di non scendere mai sotto i 14px per i caratteri normali e 16px per quelli chiari;
  • Sottolinea sempre i link; 
  • Evita colori del testo chiari, perché – specialmente su uno sfondo chiaro – sono più difficili da rilevare;
  • Allinea a sinistra il testo, più leggibile rispetto a una collocazione al centro;
  • Mantieni una struttura logica, usando un layout modulare gerarchico che incolonna header principale, descrizioni, sottosezioni, bodycopy, per chiudere con il pie’ di pagina;
  • Non dimenticare gli alt text, che devono essere descrittivi, esplicativi dell’immagine;
  • Includi sempre le didascalie nei video.

4. Immagini 3D: il “realismo Tattile”

Il 3D è stato abbastanza dimoda per diversi anni nel mondo del design grafico, e non sorprende che siaapprodato anche nell’Email Design.

Il potenziale delle immagini 3D sta nel loro realismo, nel donare all’email un maggior grado di profondità, di impatto suldestinatario, che riceve la sensazione di qualcosa di “afferrabile”. Ecco un ottimo esempio:

email design trends 2019 realistic 3d images

Con strumenti come Adobe Dimension CC, gli email designer hanno la possibilità di sperimentare con le immagini 3D e arricchire esponenzialmente il potenziale visivo delle loro email.

5. Energia dei gradienti

Ne avevamo parlato anche in un recente post sui consigli strategici e i trend di Agosto. I gradienti sembrano essere tornati prepotentemente di moda. C’è chi li ama e chi li odia. Con i loro toni accesi e leggermente a sfumare, i gradienti sono accattivanti ed energici.

Unacuriosità: secondo alcuni le origini del gradiente andrebbero fatte risalirealla psichedelia dei ‘60. A farliritornare di moda sarebbe, inoltre, quel sentimento dominante dei nostri tempi:la nostalgia.

email design trends 2019 gradients 348x1024 1

6. Combo illustrazioni-immagini realistiche

Anche leillustrazioni sono sulla cresta dell’onda: sono elementi che catturanol’attenzione, spingono l’osservatore a soffermarsi,come davanti a un quadro. Eccone una, di taglio moderno e accattivante, cherisalta all’interno di un’email globalmente minimal.

email design trends isometric illustrations 609x1024 1

Ma sta affiorando un trend che vede le illustrazioni accompagnarsi a immagini realistiche, fotografiche. Una combo dal grande potenziale: ecco un esempio di newsletter che combina un’illustrazione pastello nell’header con immagini fotografiche di prodotto.

email design trends illustrazione 370x1024 1

7. Il fascino discreto del monocromo

C’è chisperimenta con il colore e gli accostamenti e chi, in controtendenza, prediligela tinta unica: il monocromo èdestinato a tornare sempre di più, anche nell’Email Design e nel Web Design.

Ad andareper la maggiore oggi è la scelta all’interno della scala del bianco e nero. Questa tavolozza di colori (o meglio, dinon colori) crea contrasti sorprendenti e riesce a far risaltare al meglio glielementi e i contenuti chiave dell’email.

email design monocromo

Per concludere

L’EmailDesign è sempre alla ricerca di un compromesso tra sperimentazione personale di ogni brand e la capacità di assecondare le tendenze di gusto dominanti.

Il nostro consiglio è di tenerti sempre aggiornato sui trend di Email Design con la sezione dedicata di MailUp Academy: qui troverai esempi di aziende reali, best practice e vere e proprie guide pratiche alla progettazione delle email.

Senza dimenticare che con l’editor BEE hai a disposizione il tool di creazione delle email più avanzato sul mercato. Se ancora non l’avessi provato, puoi richiedere una prova gratuita della piattaforma MailUp, in cui BEE è integrato e accessibile in tutte le sue funzionalità.

mailup trial ITA ok 19

Note:

(1) Animazioni CSS:sono uno strumento per il web motion design che mette a disposizione CSS3; consentono di far mutare gradualmente stile a un elemento della pagina o di un’email. Per ogni cambiamento di stile bisogna specificare un keyframe, che determina il tipo di stile da applicare all’elemento a uno specifico istante temporale: in pratica rappresenta il “codice” di esecuzione dell’animazione.Torna su

(2) Accessibility: secondo la National Federation of the Blind, negli Stati Uniti circa 1,3 milioni di persone sono cieche, e ogni anno 75.000 persone diventano cieche o ipovedenti, i quali continuano a fare affidamento sui loro dispositivi mobile. Torna su

(1) Gradienti: la loro caratteristica fondamentale è di riempire uno spazio con gradazioni progressive di due colori saturi: un esempio per eccellenza è il logo di Instagram, che passa dal blu notte a un giallo intenso. Le brand identity di tutti i principali hub del mondo tech, da Airbnb a Spotify, sono passati per un certo periodo per i gradienti.Torna su

Share this article

80x80
Andrea Serventi

Sono nato nel 1986 a Milano, dove mi sono laureato in lettere moderne e ho iniziato a scrivere di tante cose per quotidiani online, magazine e notiziari tivù. Convertito al marketing e al mondo digital, sono content editor di MailUp: leggo, ascolto, raccolgo spunti e scrivo, per raccontare cos'è l'email marketing e come renderlo strategico.

    Ricevi aggiornamenti e novità con la nostra newsletter!