Objectifs
- Mesurer la performance de ses campagnes d'e-mailing
- Acquérir les réflexes pour créer et délivrer ses e-mails en B to B et en B to C.
- Réaliser une campagne d'e-mailing de A à Z.
- S'approprier les principes clés et règles de construction d'e-mails efficaces.
Profil stagiaire
Toute personne en charge de la réalisation et de l'envoi des newsletters et/ou des e-mailings.
Prérequis :
Connaissance des principes de base et des outils de conception d'e-mails.
Prérequis :
Connaissance des principes de base et des outils de conception d'e-mails.
Durée
14 heures réparties sur 2 journées
Programme
Comprendre le principe du Responsive Web Design (RWD)
- Besoins utilisateurs à satisfaire
- Différents usages mobile/desktop
- Statistiques par navigateur et par plate-forme
- Navigateurs haut et bas de gamme
- Contraintes de mises à jour
Cerner les enjeux de la mobilité
- Chiffres et tendances de l'e-mail mobile
- Risques d'une stratégie non optimisée pour mobile
- Bonnes pratiques
Choisir les bons points de rupture
- Media Queries CSS3
- Unités CSS à utiliser
- Les points de rupture en JavaScript Mobile First
- Notion d'amélioration progressive
- Option de recentrage sur les contenus
- Méthodes de développement
Maîtriser les techniques de base de codage d'un e-mailing
- Architecture d'un message : tableaux HTML, styles intégrés
- Liste des propriétés CSS compatibles
- Principaux bugs de rendu et solutions
Connaître les préalables à une optimisation mobile
- Techniques de conception d'un e-mail mobile
- Analyse et optimisation de sa stratégie de contenu
Découvrir les trois approches pour une stratégie e-mail mobile
- Fonctionnement du marquage des liens des campagnes e-mails
- Adaptation simplifiée
- Notions de "fluide" et "scalable", "adaptatif" ou "Responsive"
- Spécificités en fonction des clients de messagerie
Concevoir un e-mail Responsive
- Intégration des Media Queries
- Codage des tableaux HTML
- Gestion des caractères et des blocs de textes
- Nouveaux enjeux de l'intégration CSS pour e-mail
- Amélioration progressive avec CSS3