Nous développons en intégration HTML vos projets email afin que ceux-ci soient compatibles avec tous les outils du marché et vous offrent un maximum de visibilité. Vous désirez aussi une compatibilité de vos emails pour le mobile ? Pas de problème ! Nous sommes là pour ça !
Vous avez une maquette d’un email et souhaitez le développer pour qu’il s’affiche aussi bien sur Bureau que sur mobile ? Aucun souci, nos intégrations sont compatibles avec les appareils mobiles.
Faites-nous confiance et laissez-nous coder vos emails éditoriaux. L’intégration de vos newsletter respectera les bonnes pratiques de conception, aussi bien au niveau des performances que de l’accessibilité.
Les techniques de codage évoluent. Heureusement pour vous, nous sommes à la pointe ! Envoyez vos anciens templates emails, nous vous livrons des versions modernisées : responsive, accessible, compatible dark mode et éco-conçu, le tout avec une compatibilité de rendu maximale.
1.
Vous nous fournissez votre maquette email ou votre template HTML existant. Sur cette base, nous vous expliquons quelles seront les contraintes de l’inté HTML de l’email.
2.
Avec votre accord, nous réalisons le développement HTML et CSS de l’email. Puis nous effectuons des tests d’email preview et un bon à tirer réel pour validation.
3.
Nous vous livrons les différents fichiers (images et fichier HTML) à importer dans votre plateforme de routage.
Si il fallait vous convaincre.
Responsive
Au moins 50% des ouvertures se font sur mobile. Nous vous garantissons donc un affichage optimal pour toutes les tailles d’écran de smartphone.
Eco-conception
Pour une empreinte carbone réduite, nous optimisons au maximum le poids des visuels présents… et le poids du fichier HTML ! Cela évitera toute mauvaise surprise sur Gmail.
Dark Mode
Nous nous assurons que le rendu de votre email en Dark Mode soit le plus « propre » possible et que le contenu s’adapte à ces conditions d’affichage.
Accessibilité
Nous accordons une très grande importance à l’accessibilité des contenus dans les emails. Quelques soient les contextes, la lecture doit être optimale pour tous !
Innovations
Pour un effet « waouh » et dynamiser vos emails, nous vous proposons des innovations possibles en vous expliquant les fallbacks !
Nous sommes prêts, faites-nous votre demande !
Intégration HTML emailing et newsletter :
Afin de le rendre compatible avec tous les webmails et clients email du marché.
Afin de la rendre compatible avec les terminaux mobiles.
A partir d’un tout nouveau design (voir aussi nos prestations de design emailing)
Compatible avec les appareils mobiles à partir d’un nouveau design emailing.
Le processus...
1. Récupérer les éléments
Vous nous fournissez votre template HTML existant ou votre design emailing.
2. Pédagogie
Sur cette base, nous vous expliquons quelles seront les contraintes de l’inté HTML d’email.
3. Intégration HTML/CSS
Après votre accord, nous réalisons l’intégration HTML/CSS.
4. Livraison
Livraison des différents fichiers (images et fichier HTML) à importer dans votre plateforme de routage.
5. Bon à tirer
Nous vous faisons parvenir l’email en condition réelle pour validation. C’est toujours mieux !
6. Tester
Le nouveau template est testé dans Email On Acid afin de garantir une compatibilité maximale avec les différents logiciels et webmails.
7. Mise en place
En option, nous pouvons aussi faire l’intégration HTML de votre template dans votre plateforme d’envoi.
Quelques exemples
Certification Litmus et interaction dans l’email
Chers petits amis. Je vais vous compter l’histoire de Chinese Man la certification Litmus. Vous pouvez suivre avec moi dans cet article. Vous saurez que le moment est venu de
Ça t’intrigue ce titre hein ? On dirait un nouveau terme de délivrabilité… Et pourtant, on ne parlera pas ici de DKIM, SPF et tout le toutim. Non. Car il
Animation et keyframes dans l’email : Netflix, c’est pour toi, c’est cadeau.
Halloween approche les gens, c’est un fait ! Depuis quelques semaines, je commence à voir énooooooormément de créas passer orientées fantômes, citrouilles et tout le Saint-Frusquin ! Et puis ce matin, j’ai
Nous nous assurons que le rendu de votre email en Dark Mode soit le plus « propre » possible et que le contenu s’adapte le mieux possible à ce paramètre !
Nous codons les emails de manière à ce que le rendu quand le 120 DPI est activé sur une machine avec le logiciel Outlook sur Windows soit cohérent avec la maquette d’origine.
Nous vérifions toujours l’email rendering sur le logiciel Outlook pour Windows, pour être certain que l’affichage avec le moteur de rendu Word soit le plus esthétique !
Avec la limite des 102ko sur Gmail, nous développons un code HTML pour email le plus léger possible, pour qu’il ne soit pas tronqué !
Pour un temps de chargement optimisé, nous réduisons au maximum le poids des visuels présents dans les emails. Et nous prenons bien le temps de le faire.
Pour un affichage optmisé de vos visuels produits sur mobile avec écran Retina, nous prévoyons, quand cela est possible, des visuels de haute qualité et réduits en poids !
Si vous nous le demandez, nous pouvons coder un email avec la méthode Hybrid/Fluid pour qu’une version mobile soit affichée, même lorsque les media queries ne sont pas supportées.
Survol sur les boutons, carrousel, formulaires, animations… Nous vous proposerons un ensemble d’innovations possibles dans l’emailing, en vous expliquant les fallbacks !
Nous accordons une très grande importance à l’accessibilité dans les emails, pour assurer une lecture optimale par les lecteurs d’écran et une consultation optimisée pour les personnes souffrant d’un handicap.
Vous proposer des modèles éditables, pour construire des emails testés cohérents, et rapidement.
Nous sommes...
Clairement, on adore notre métier, même si cela peut en rebuter plus d’un.
Et on le fait en suivant des processus bien particuliers. Parmi nos points d’attention dans nos intégrations HTML d’email, nous accordons une importance toute particulière à l’accessibilité.
Dark Mode, 120DPI, rendu cohérent sur Outlook pour Windows, poids et code réduit à son maximum, images optimisées…
Mais on ne s'arrête pas là ! On innove.
Nous effectuons aussi des recherches, participons à de l’expérimention, du développement, de l’innovation : superposition d’éléments, carrousel, effet CSS, hover, faux-vidéo, panoramas, animations…
Où beaucoup de choses restent encore à tester et à développer. Et vous savez quoi, nous y participons de notre mieux !
Et si on se captait pour en parler ?