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

.guide p {
font-size: 15px;
}
.guide h2 {
padding: 0px 0px 10px 0px !important;
margin: 0px;
}
.guide .title {
font-size: 16px;
}
.guide .imageBlock {
border: 1px solid #fff;
}
.guide .imageBlock p {
text-align: center;
font-size: 1.1em;
font-weight: bold;
}

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 !

<!–

Nous allons vous donner les clés pour concevoir des templates d’email de haut niveau.

–>

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