Pyramyd Formation

Créer un e-mail marketing ou une newsletter responsive

Par Pyramyd Formation

Objectifs

Cerner les enjeux et identifier les différentes solutions pour adapter une campagne sur mobile
Identifier les bonnes pratiques de codage d’une newsletter ou d’un e-mail pour desktop
Garantir la qualité d’affichage des images pour les écrans HD ou Retina
Concevoir le code HTML d’un e-mail responsive avec les Media Queries
Organiser les tests de rendu et résoudre les bugs

Programme

Créer un e-mail marketing ou une newsletter responsive

Cerner les enjeux et identifier les différentes solutions pour adapter une campagne sur mobile

  • Repérer les usages en France et dans le monde
  • Connaître l’état des lieux de la compatibilité des principaux clients mails
  • Identifier les outils de test de rendu
  • Cerner les différentes stratégies d’intégration HTML d’un e-mail responsive (Mobile First, approche hybride…)

Étude de cas : analyse d’exemples

Identifier les bonnes pratiques de codage d’une newsletter ou d’un e-mail pour desktop

  • Structurer efficacement une mise en pages avec les tableaux HTML
  • Utiliser les styles intégrés (CSS inline)
  • Lister les propriétés CSS compatibles
  • Identifier les bugs de rendu et solutions dans les principaux clients mails et Webmails
  • Utiliser la technique de l’amélioration progressive avec CSS3 (arrondi, ombre, Web Font…)
  • Tester le rendu et garantir la qualité du code HTML

Exercice : réaliser le code HTML d’une newsletter pour desktop

Garantir la qualité d’affichage des images pour les écrans HD ou Retina

  • Extraire les images à la dimension et au format appropriés
  • Optimiser les images avec Photoshop

Exercice : extraire des images depuis une maquette Photoshop

Concevoir le code HTML d’un e-mail responsive avec les Media Queries

  • Créer la structure tabulaire appropriée : tableaux fixes et / ou en pourcentage, tableaux fl ottants
  • Ajouter les contenus et les images
  • Mettre en place les styles intégrés
  • Définir les conditions de changement de mise en forme
  • Modifier la structure de la mise en pages sur mobile : passer de 2 à 1 colonne ou de 3 à 1 colonne
  • Améliorer la lisibilité du texte sur smartphone
  • Améliorer la qualité des interactions : concevoir des boutons “finger friendly”
  • Masquer certains contenus sur mobile
  • Remplacer une image par une autre sur smartphone

Exercice : réaliser différents types d’e-mails responsive (e-mail d’invitation, newsletter…)

Organiser les tests de rendu et résoudre les bugs

  • Organiser les tests de rendu
    • utiliser les outils de tests rendering (E-mail on Acid / Litmus)
    • tester directement sur smartphones
  • Résoudre les bugs de rendu
    • utiliser des commentaires conditionnels pour Outlook (tableaux et colonnes fantômes)
    • empêcher l’affichage de la version mobile sur desktop dans le Webmail d’Orange
    • modifier l’aspect visuel des liens sur les téléphones, les dates et les adresses sur iOS
    • empêcher le redimensionnement automatique dans l’application mobile Gmail

Exercice : utiliser les outils de test-rendering (E-mail on Acid ou Litmus) / Tester en réel sur son propre smartphone

Formations de la même catégories (5)

XXL Formation
Rédiger des emails efficacementPar XXL Formation

Utiliser les e-mails quand c'est nécessaireOrganiser et structurer un message courtMaîtriser les conventions de la langue françaisePrivilégier la concision et la clarté

M2i Formation
Emailing / newsletter - Designez et donnez du potentiel à vos campagnesPar M2i Formation
  • Comprendre les impacts et les enjeux d'une newsletter / emailing réussi
  • Identifier les points-clés pour créer de l'attractivité
  • Mettre en place un tableau de bord pour suivre les métriques de KPI (taux d'ouverture, taux de clics, taux de désabonnement...) afin de mesurer l'expérience utilisateur et l'impact de votre design
  • Comprendre la structure d'un email
  • Comprendre les technologies compatibles
  • Traiter les images pour les optimiser pour le Web
  • Designer avec plusieurs outils.
Orsys
Emailings et newsletters, concevoir et mettre en œuvre des campagnesPar Orsys

Cette formation vous permettra de maîtriser la conception, la mise en oeuvre et le suivi des différentes étapes nécessaires pour le lancement et la réalisation d'une campagne e-mailing et d'une newsletter.

Evolution-Nord
E-mailing - gérer sa newsletter de a à zPar Evolution-Nord
Gérer de A à Z une campagne d'E-Mailing.A l'issue de ce stage, vous serez autonome pour créer une newsletter attractive, et l'envoyer à vos contacts de façon personnalisée.
Dawan
Commercial Intermédiaire : Prospection par E-MailingPar Dawan

Apprendre à créer ses E-Mailing de prospection et à les envoyer

Nous utilisons les cookies afin de fournir les services et fonctionnalités proposés sur notre site et afin d’améliorer l’expérience de nos utilisateurs. En cliquant sur ”J’ai compris”, vous acceptez l’utilisation de ces cookies.