Formation Email Academy

Apprendre le responsive design en HTML

Comment utiliser les techniques adaptatives et du responsive design pour améliorer les performances de ses emailing ?

Avec l’augmentation du taux de lecture des emails sur smartphones et tablettes, il devient nécessaire d’optimiser ses emails pour une meilleure lisibilité et action sur ces nouveaux périphériques. Ces 2 journées de formation vous permettront de comprendre les règles du codage HTML optimisées sur smartphones et tablettes et de les mettre en pratique. Seront aussi abordés aussi les dernières techniques liées au Dark Mode et à AMP de Google.

Objectifs

Vous rendre capable de concevoir des emails qui s’adaptent parfaitement à la lecture sur tablette et sur smartphone, tout en conservant un rendu optimal sur ordinateur,
Vous permettre de maitriser les limites du responsive design.

Le + : de la pratique

Les thèmes présentés seront illustrés de nombreux cas concrets et de l’intégration d’un email en responsive design.
Le formateur veille régulièrement sur les évolutions fréquentes du code responsive et remet à jour ses conseils de codage à chaque formation.
Utilisez votre ordinateur et réalisez les exercices avec le formateur sur votre environnement de travail (éditeur HTML …).

Prérequis

Bonne connaissance de HTML et CSS

Formation en prensetielle.

La formation est proposée en présentielle sur Paris avec au maximum 6 participants..
Le déroulement de la formation en distanciel est possible sur demande.

Programme

1. Rappel des enjeux de l’email sur smartphones et tablettes

Les derniers chiffres et tendances des smartphones et tablettes
Les usages les plus courants du mobile, le poids de l’email et des différents OS
Focus sur les spécificités iOS : gestion des images, des polices, reconnaissance CSS3, vidéo…
Focus sur les spécificités Android : les différents logiciels client
Focus sur la France en BtoC et BtoB

2. Les techniques d’adaptations des emails au mobile

Les différentes tailles d’écran
La différence entre le design adaptatif et responsive
Le principe du breakpoint
Les 5 mythes sur les emails mobiles
Les 4 approches pour coder un email adapté au mobile
Rappel des bases du HTML pour l’email
Rappel des bonnes pratiques de codage CSS
La balise @media : principes et précautions de mise en œuvre
- Usage des balises Min-Width & Max-Width
- Gestion des points de rupture
Quels outils de messagerie prennent en charge les media queries ?
Les outils d’aide à la conception et aux tests du responsive design
Comment faire ses tests sans outil ?

3. Création d’un email en responsive design de base au framework

Evaluation et retours des stagiaires sur la formation

Les évaluations de la formation se fondent sur 3 thèmes :

L’organisation et le contenu de la formation : 99/100
La qualité globale de la formation : 95.5/100
La satisfaction des stagiaires : 94.3/100

Ces données sont issues du recueil des avis des stagiaires depuis 2018

Public cible

Formateurs

Julien Wald
Issu d’une formation créative, graphiste en agence, puis chef de projet digital, il crée en 2009 son studio de production spécialisé dans l’intégration d’email et le responsive design.
1er lauréat du concours EMDAY 2015 « innovation dans l’email », il travaille en relation avec de grandes agences de communication qu’il conseille et accompagne en production d’emailing.

31 janvier - 01 février
31 mars - 01 avril
06 juin - 07 juin
23 octobre - 24 octobre
1790€ HT

Civilité
Nom
Prénom Nom
Société*
Adresse
Adresse postale Ville
Téléphone*
E-mail*

L’inscription du stagiaire est validé une fois la convention de formation signée.
Les inscriptions sont possibles jusqu’à la veille de la formation.

Télécharger le programme en PDF

Bonne connaissance de HTML et CSS
Il est recommandé de venir avec un PC portable.

Les principes de codage sont présentés et les stagiaires réalisent ensuite des exercices de codage en utilisant un éditeur en ligne.
De nombreux cas concrets d’intégration d’une newsletter responsive de A à Z seront présentés.

A l’issue de la formation un questionnaire d’évaluation des acquis sur le codage HTML vous sera transmis

Merci de nous contacter ici pour toutes situations particulières

La formation combine exposé théorique et exercices sur PC.

Témoignages des participants

Pratiquant intensément l'intégration HTML, j'ai pu lors de la formation trouver toutes mes réponses techniques pour optimiser le code responsive de mes emails. De plus Emmanuel est un formateur expert, passionné, dynamique et très disponible ! Une formation essentielle pour mon activité d'intégrateur HTML

Fabien Vanacker

Gestionnaire de campagnes

Sofrcomputing

Une formation courte mais complète et instructive. Sur le plan théorique d’abord, avec les dernières statistiques et analyses de comportements mobile / desktop. Sur le plan intégration ensuite, avec une approche codage et bonnes pratiques, appuyée sur des exemples concrets de campagnes.

François Leveau

Responsable Production

Vertical-Mail

"Une formation très intéressante et très riche qui m’a permis d’apprendre plein d’astuces sur la façon de coder en responsive design. Il ne reste plus qu’à les appliquer ! Autre point positif : le fait de venir de milieux différents rend les échanges entre participants très enrichissants."

Julia Jaeg

Chef de projet Webmarketing

HAGER

Apprendre le responsive design en HTML

Témoignages des participants

FLORENCE CONSULTANT

COORDONNÉES

LIENS

NOUS SUIVRE