Votre campagne emailing Responsive

Temps de lecture moyen : 40 secondes

Adaptez-vous au mode de consultation !

Le mobile est devenu l’outil de prédilection pour la consultation de mail.
C’est environ 24 millions de français qui sont équipés de smartphones et ce chiffre
devrait augmenter de manière considérable.

85% des utilisateurs de smartphones consultent leurs mails plusieurs fois par jour

Principe de l’emailing responsive

Présenter un même contenu qui s’adapte aux différents supports
Trois techniques de réalisation

Technique 01 – Mobile aware designmobile_aware_design

  • Cette technique s’adapte au emailing à faible contenu
  • Ne demande pas de technique avancée en langage de programmation
  • Créer un contenu avec un visuel principal sur une seule colonne (cf visuel de droite)
  • Une technique « sous responsive »

 

 

 

Technique 02 – Email fluideemail_fluide

  • Une technique compatible avec de nombreux navigateurs
  • Les balises <table> ( tableau en Html) s’exprime en %
  • Exemple : style= »width: 80 %  max width: 600px  height: auto; »

 

 

Technique 03 – Email adaptatif / Responsive

  • Une version dédiée qui s’affiche à la détection du mode de lecture de l’écran
    présentation responsive

    Source Sarbacane Software

  • Compatible avec les application natives IOS et Android
  • Langage utilisée : média queries, fonctionne sous la forme de conditions
  • Exemple : @media only screen and (max-width: 480px)

 

Print Friendly, PDF & Email

Laurent Congras

Consultant et formateur web. Après avoir été chargé d'orientation en création d'entreprise au sein du réseau national des boutiques de gestion. j'ai suivi une formation en 1999 sur la conception multimédia. Mes expériences de webmestre, chef de projet web m'ont amené tout naturellement vers le conseil, la formation. Diplômé de l'école des Mines d’Alès et de l'université Montpellier2. Master Auteur Rédacteur Multimédia

Vous aimerez lire...

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *