Le guide complet pour réussir le design de vos templates email

Le design d’emails est un exercice difficile, il faut respecter des rĂšgles assez prĂ©cises que ce soit au niveau du brief marketing, de la mise en page et Ă©videmment de l’intĂ©gration en HTML. Heureusement, les bonnes pratiques sont dĂ©sormais bien connus de tous les professionnels de l’email. On vous a prĂ©parĂ© un guide complet qui va vous permettre de devenir une star du design d’emails en quelques articles !

Les bonnes pratiques en matiĂšre de design d’emails

1. Concevoir et designer un email en respectant toutes les bonnes pratiques

Le design de templates email est un exercice de crĂ©ativitĂ© sous contraintes. Il y a de nombreuses bonnes pratiques Ă  respecter pour s’assurer d’une part que l’email s’affichera correctement sur toutes les messageries, quel que soit le device utilisĂ©, et surtout pour vous donner toutes les chances d’avoir un taux de clic Ă©levĂ©.

2. Coder un email en HTML / CSS pour tous les clients / devices

Pour s’assurer que votre email apparaisse correctement, il faut respecter des rĂšgles trĂšs prĂ©cises quand on intĂšgre un email en HTML. La rĂšgle la plus importante consiste Ă  structurer l’email en utilisant des tableaux, et non des conteneur div, mais c’est loin d’ĂȘtre la seule rĂšgle. Chaque messagerie interprĂšte les propriĂ©tĂ©s CSS diffĂ©remment, cela peut vite devenir un vĂ©ritable casse-tĂȘte si on ne prend pas le temps d’apprendre l’Ă©tat de l’art.

3. Exemples & Inspirations

Les exemples de templates emails sont trĂšs nombreux sur la toile. Trop nombreux peut ĂȘtre, on se perd trĂšs vite, pas toujours Ă©vident de choisir de bonnes inspirations. Pour vous aider Ă  y voir plus clair, on vous a sĂ©lectionnĂ© des exemples de haut niveau.

Templates d’email Ă  tĂ©lĂ©charger

Ecommerce

Template de panier abandonné

templates event

Télécharger code HTML

Template de reçu de paiement

templates nouvel utilisateur

Télécharger code HTML

Marketing

Template de newsletter

templates event

Télécharger code HTML

Template de reçu de paiement

templates nouvel utilisateur

Télécharger code HTML

EvĂšnement

Annonce Ă©vĂšnement

templates event

Télécharger code HTML

Nouvel utilisateur

templates nouvel utilisateur

Télécharger code HTML

Autre

Stamplia – Whooshi

templates nouvel utilisateur

Télécharger code HTML

Stamplia – Underscore

templates stamplia

Télécharger code HTML

Exemples de designs d’emails par catĂ©gorie

Ecommerce

Le Slip Français

Exemple newsletter #5 : Le Slip Français
Zoom image

Le Slip Français

Exemple de newsletter #6 : Paul Smith
Zoom image

EnquĂȘte

Amazon

Exemple newsletter EnquĂȘte
Zoom image

Insurify

Exemple newsletter EnquĂȘte
Zoom image