html5-img
1 / 5

Aperçu général

Aperçu général. La 1 ère ligne est une courte phrase à modifier pour chaque envoi car apparaît dans les boîtes aux lettres sur Iphone .

idalee
Download Presentation

Aperçu général

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Aperçu général La 1ère ligne est une courte phrase à modifier pour chaque envoi car apparaît dans les boîtes aux lettres sur Iphone. Lien miroir (version en ligne) et header à ne pas modifier autrement que pour la traduction de la date et du lieu. Il est impératif que les envois SIAL et Promosalons soient différenciables. Message principal de l’e-mail et Call to action : si l’internaute ne doit retenir qu’une seule chose, ne faire qu’une action, c’est ici qu’elle doit figurer. C’est cette partie qui apparaît dans les fenêtres de prévisualisation des boîtes aux lettres. Liens directs vers les « incontournables », tels que plan du salon, liste des exposants, demande de badge en ligne… Messages secondaires : il peut n’y en avoir aucun ou jusqu’à 4 maximum (c’est déjà beaucoup pour un internaute qui se contente de scanner un e-mail!!) Toujours prévoir un lien de désabonnement Lien de modification de coordonnées à supprimer si la fonctionnalité n’est pas disponible Emplacement publicitaire à utiliser ou non. Format jpg 468x60 pixels. Modifier les mentions légales Footer à ne pas modifier. D.VINCENT - 21/02/2014

  2. Responsive design Conception du gabarit en responsive design Le responsive design en bref… Le responsive design est la faculté d’un site Web ou d’un e-mail à s’auto-adapter au terminal de lecture du visiteur : smartphone, tablette, PC, résolution d’écran… Pourquoi le responsive design ? • Campagne e-mail responsive SIAL en octobre 2012 : • Nette amélioration des performances de l’e-mail • Près d’un quart des visiteurs ont consulté leur messagerie sur un terminal mobile • Site mobile SIAL 2012 : • Trafic multiplié par 4 vs 2010 • Le trafic sur le site mobile représente près de 10% du trafic Web total. • Marché mondial des smartphones en forte croissance • Q1 2013 : +40% • Q2 2013 : +50% • Explosion du volume de vente de tablettes depuis avril 2010 (lancement de l’ipad) D.VINCENT - 21/02/2014

  3. Responsive design Avantages et inconvénients Avantages • Une ergonomie optimale quelque soit le terminal de lecture • Amélioration de l’expérience du mobinaute • Contenu accessible sur tous les formats de support Inconvénients • Des contraintes de design fortes liées au caractère d’adaptabilité du responsive design • Un temps de développement rallongé • Nombreuses contraintes techniques A noter… • Absence de site web responsive Un e-mail conçu en responsive devrait en principe être accompagné d’un site web en responsive afin que le visiteur qui clique sur un lien atterrisse bien sur le contenu en version mobile ou PC selon son terminal de lecture. COMEXPOSIUM n’ayant pas de version responsive du CMS, tous les liens, y compris lors de la consultation de l’e-mail sur mobile, renvoie nt donc vers la version PC du site web. D.VINCENT - 21/02/2014

  4. Quelques bonnes pratiques Respect des bonnes pratiques de l’e-mailing Le gabarit 2014 a été conçu dans le but de respecter les bonne pratiques de l’e-mailing. Quelques bonnes pratiques à suivre Adresse et nom d’expéditeur • Utilisez une adresse et un nom d’expéditeur (SIAL 2014 de la part de Promosalons) reconnaissable facilement par les internautes. • N’en changez pas tout le temps, certains services de messagerie nécessitent que votre adresse soit ajoutée au carnet d’adresses pour ne pas finir dans les spams. L’objet de l’e-mail • Il doit être clair et court. • Il doit donner envie d’ouvrir votre e-mail. Le contenu de l’e-mail • L’information la plus importante doit se situer en-haut à gauche. C’est là que l’œil se porte en premier. C’est aussi sur cette partie supérieure qui apparaît dans la fenêtre de prévisualisation des boîtes e-mails. • Pensez que bon nombre de messageries bloquent les images: l’e-mail doit rester compréhensible sans images. • Structurez le contenu grâce aux titres qui attirent l’œil et faites des textes courts. La plupart des internautes scannent les e-mails et décident en moins de 2 secondes s’ils vont les lire ou les supprimer. Incitez au clic pour plus d’informations. D.VINCENT - 21/02/2014

  5. Respect de la structure du gabarit Important Pour garantir une bonne image du salon et pour assurer la performance des e-mails : Respecter la structure du gabarit • La structure du gabarit doit impérativement être conservée pour que l’e-mail conserve sa faculté d’auto-adaptation. De nombreux tests ont été menés pour garantir un maximum de lisibilité sur les différents terminaux et messageries. Toute modification pourrait entraîner des problèmes de rendu. • La taille des images ne doit pas être modifiée. • L’encombrement prévu pour les textes , titres et liens doit être respecté. • La structure même de tout l’e-mail doit être préservée. Des blocs peuvent être supprimés quand il s ne sont pas utilisés mais en aucun cas modifiés. Toutes les campagnes doivent faire l’objet d’un test sur mobile avant envoi Le code html fourni doit impérativement être préservé. D.VINCENT - 21/02/2014

More Related