A l'issue de cette formation, vous serez capable de :

• Définir 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
• Expliquer la structure d'un email
• Décrire les technologies compatibles
• Traiter les images pour les optimiser pour le Web
• Designer avec plusieurs outils.

Jour 1 - Matin

Contexte et enjeux

• Spécificités des newsletters et de l'emailing
• Fonctionnement des emails et du routage
• Chiffres-clés
• Métiers concernés
• Critères de qualité
• KPI taux d'ouverture
• Importance du UX et du UI
• Législation autour des emails (RGPD)

Technologies Web compatibles

• Niveau de compatibilité HTML et CSS
• Outil de création intégré
• Fonction de Design Responsive
• Traitement et optimisation des images

Tendances graphiques

• Les styles graphiques
• Les Call to Action (CTA)
• Les GIF animés
• Jeux avec les fontes
• Tetris layout
• Créer le mystère

Les logiciels clients email

• Comparaison des logiciels clients email
• Niveau de compatibilité avec les technologies Web
• Quid du format texte
• Quid des vidéos et autres contenus riches

Exemples de travaux pratiques (à titre indicatif)

• Analyse comparative de newsletters reçues, identification des points forts et axes d'amélioration
• Création d'une maquette rapide intégrant les tendances graphiques actuelles

Jour 1 - Après-midi

Structure d'un email

• Zoning d'un emailing
• Notions de UX Design
• Design Responsive
• Création de templates
• Achats de templates

Les logiciels de création

• Designer un prototype
• XD
• Sketch
• InVision
• InDesign
• Illustrator
• Maquettage et export HTML sous Photoshop
• Outils en ligne
• Export et intégration (EDM, MailDeveloper, BEE Free...)
• Mail Designer 365 (Mac) et Mail Designer 4 (Windows)
• Designer dans une plateforme en ligne (MailChimp, SendinBlue...)

Traitement de l'image

• Spécificités GIF, JPEG et PNG
• Produire des images de multiples résolutions
• Optimisation des images dans Photoshop
• Outils complémentaires d'optimisation
• Création d'images GIF animées
• Optimisation de GIF animés

Polices de caractères compatibles

• Polices utilisateurs (Mac, Windows)
• Polices hébergées (Google Fonts, Adobe Typekit...)

Newsletters payantes

• Spécificités du design de newsletter payante

Exemples de travaux pratiques (à titre indicatif)

• Intégration et test du template dans une plateforme d'emailing
• Optimisation du poids des images pour un email