🔥🧨
Dynamiser le design de ses emails

Emailing

Difficulté : 🔥
Bénéfices : 💰💰
🎯 Objectifs :
Attirez l'attention de vos lecteurs
Augmentez les taux de clic

L’email marketing est un canal formidable : peu cher, réactif, il offre un large territoire d’expression.

Mais il est aussi victime de son succès et les spécialistes (comme vous) doivent user d’ingéniosité pour :

• sortir du lot dans des boîtes de réception inondées d’emails commerciaux
• faire passer un message en quelques secondes à des clients qui n’ont pas le temps
• les intéresser suffisamment pour les faire cliquer (et acheter)

Le design est un des éléments permettant d’atteindre ces objectifs. Pourtant, au cours des dernières années, on constate que les créas évoluent assez peu : un logo, une photo d’ambiance et une accroche en guise de Hero, un peu de texte, des call-to-actions et des visuels produits.

Malgré son aspect interactif, l’emailing intègre encore timidement des éléments animés pour attirer l’attention des lecteurs.

Et si apporter du mouvement était la clef pour augmenter les taux de clics ? 👇

Votre Roadmap Projet

Déployez facilement cette tactique dans votre entreprise grâce à :

🚧 Une todo-list collaborative
🌱 Des ressources
🛠️ Les outils indispensables

📝 VOTRE TO-DO LIST
Phase 1 : On fait l’inventaire des éléments pouvant être animés
1. Le Logo
C’est la 1ère chose qu’un client voit lorsqu’il ouvre un email. C’est, en plus, un des éléments les plus cliqués

Logo Bash

2. Le gif
Ce format d’image n’est pas nouveau dans le petit monde de l’emailing. Régulièrement utilisé par les marques, avec + ou – de créativité, il peut (et doit) aujourd’hui gagner en qualité grâce au motion design.

Animation Hermes

3. Le Call-To-Action
Comme son nom l’indique, c’est lui qui doit provoquer le clic. Animez votre CTA principal pour attirer l’œil

Call To Action

4. Le Compte-à-Rebours
L’élément INDISPENSABLE pour relayer une offre flash, la fin d’une opération commerciale ou le lancement d’un événement

Countdown

5. Le carrousel
Pour présenter la largeur de votre gamme ou une déclinaison de coloris. Sans allonger votre design.

Carrousel

6. Un discours
Les emails rédactionnels sont importants. Mais ils peuvent être ennuyeux car vos clients n’ont pas le temps de les lire. Alors pourquoi ne pas les transformer en une conversation interactive ?

Conversation

7. Une vidéo
On pense, à tort, qu’il est facile d’intégrer une vidéo dans un email et que celle-ci se lancera automatiquement. C’est faux pour 90% des webmails (sauf certaines versions d’Outlook, Apple mail, Samsung mail OU Thunderbird). La meilleure méthode est :- d’héberger la vidéo sur votre site ou sur Youtube- créer une image avec un faux bouton lecture en superposition dans votre email

Vidéo

Phase 2 : On teste
8. Choisissez un 1er élément
Parmi la liste ci-dessus
9. Créez-en 1 version animée
Confiez cette tâche à un graphiste ou un spécialiste du motion design
10. Intégrez-le à un template d’email
11. Vérifiez le rendu
Sur différents devices / webmails, mesurez le temps de chargement (animation = poids plus élevé)
12. A/B Testez sur une de vos campagnes
version A = CTA standard vs version B = CTA animé par exemple
13. Mesurez l’incrémental
L’animation permet-elle d’augmenter le taux de clic ?
14. Optimisez. Industrialisez. Testez un autre élément
Phase 3 : On évite les pièges
15. L’effet Sapin de Noël
N’additionnez pas les animations (votre logo + le hero + les CTA) sur un même template
16. Le poids
Fixez une limite maxi à vos graphistes et surveillez les indices pouvant indiquer une chute de votre engagement / délivrabilité
17. La lassitude
Au début, vos clients seront surpris/intrigués par vos nouveaux designs animés. Cela favorisera l’engagement. Mais après plusieurs mois, avec l’habitude, cet effet pourrait s’estomper.
🛠️ VOS OUTILS

Jitter

pour créer des animations en Motion Design
☠️ Les pièges à éviter

❌ N'utilisez pas les visuels dynamiques à outrance : votre email risque de ressembler à un sapin de Noël

❌ Optimisez le poids de vos gifs animés. Au-delà d'1Mo, c'est risqué.

❌ Outlook ne lance pas toujours les gifs mais affiche à la place la 1ère image de celui-ci

❌ Si vous animez du texte, pensez à la lisibilité sur mobile

💡 Vous aimerez aussi