fff

Combien de stagiaires suivront cette formation ?


Valider Annuler

Partager
Accueil    Formations    Compétences Métier    Marketing    Newsletter / emailing    Créer un e-mail marketing ou une newsletter responsive : niveau 2

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Public concerné

Toute personne réalisant des newsletters ou des e-mailings.

Prérequis

Avoir déjà réalisé des newsletters ou des e-mailings. Une pratique régulière du HTML et des CSS dans le code est également indispensable.

Objectifs de formation

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 de votre formation

  1. #

    M2I START AVANT VOTRE FORMATION

    Contextualisation du projet de formation et prise en compte des besoins de chacun

    • Positionnement initial de l’apprenant par rapport aux objectifs
    • Définition des priorités et des objectifs personnels de l’apprenant
    • Vidéos de mise en situation
    • Accès au Chat interactif myM2i pour interagir avec les membres de son groupe
    m2i_start_logo
  2. #

    M2I LIVE VOTRE FORMATION ANIMÉE PAR NOTRE EXPERT ¹

    Programme

    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

    Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

    m2i_live_logo
  3. #

    M2I BOOST APRÈS VOTRE FORMATION

    Réactivation et consolidation des acquis en situation de travail

    • 30 jours d’accompagnement personnalisé sur myM2i inclus ²
    • Ressources Boosters (Abonnement au M2i’Mag Soft Skills, formations offertes, invitations aux conférences d’actualité…)
    m2i_boost_logo
  1. ¹ Les actions et les outils présentés dans ce programme le sont à titre indicatif et peuvent faire l’objet d'adaptation selon les niveaux, prérequis et besoins des apprenants. Les compétences clés de ce programme sont traitées à raison d'une compétence par demi-journée de formation.
  2. ² Sur myM2i, pendant 30 jours post-fin de formation, les apprenants disposent d’une messagerie sécurisée pour échanger, dans la limite de 4 sollicitations, avec leur formateur.

Modalités, méthodes et moyens pédagogiques

Matériel et/ou logiciels nécessaires pour suivre cette formation :

Formation en présentiel : les ordinateurs sont équipés des logiciels nécessaires au suivi de cette formation.

Si vous utilisez votre ordinateur personnel (pour formation en présentiel ou classe virtuelle), merci d' installer au préalable : LA SUITE ADOBE 2022 ( Photoshop + Dreamweaver)

Il est recommandé de se munir d'un double écran.

Équipe pédagogique : Un consultant expert de la thématique et une équipe pédagogique en support du stagiaire pour toute question en lien avec son parcours de formation.

Techniques pédagogiques : Alternance de théorie, de démonstrations par l'exemple et de mise en pratique grâce à de nombreux exercices individuels ou collectifs. Exercices, études de cas et cas pratiques rythment cette formation.

Ressources pédagogiques : Un support de formation présentant l'essentiel des points vus durant la formation et proposant des éléments d'approfondissement est téléchargeable sur notre plateforme.

Modalités d’évaluation des acquis

Évaluation en 3 phases :

Pendant la formation : un bilan journalier effectué par l'intervenant

À chaud : à la fin de la formation, un bilan qualité pour mesurer l'atteinte des objectifs

À froid : à J + 3 mois, une évaluation du transfert des acquis en situation professionnelle

Accessibilité de la formation

Le groupe M2I s'engage pour faciliter l'accessibilité de ses formations. Toutes nos formations sont accessibles aux personnes en situation de handicap : les détails de l'accueil des personnes sont consultables sur la page Accueil Handicap

Modalités et délais d’accès à la formation

Les formations M2I sont disponibles selon les modalités proposées sur la page programme. Les inscriptions sont possibles jusqu'à 48 heures ouvrées avant le début de la formation. Dans le cas d'une formation financée par le CPF, ce délai est porté à 12 jours ouvrés.

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Vous souhaitez suivre cette formation ?

En INTRA-ENTREPRISE

Tarif : à partir de 5 835 € HT.

Prix pour un groupe de 12 personnes max.

Contactez-nous

Faites-nous part de votre projet de formation, nous sommes là pour vous guider.