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.

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