Lorsque l’on a l’habitude de créer de beaux design en HMTL / CSS, coder un e-mail en tableau fait une drôle d’impression… Pour vous aider, voici une liste de ressources avec les bonnes pratiques et des galeries pour votre inspiration.
Une chose importante à prendre en compte lors de l’intégration d’un e-mail, 99% de votre CSS ne sera pas pris en compte par les différentes webmail. Alors on oublie les background-images ou encore la mise en page en div… Bienvenu sont les balise <table>, <tr>, <td> pour mettre en forme vos e-mail. Bien avant d’intégrer le design, il convient de créer le message adéquat pour votre campagne de newsletter. Cet article : faire une newsletter, vous donnera quelques conseils de base. Pour aller un peu plus loin Smashing Magazine propose un petit guide et des exemples.
Une fois les bonnes pratiques saisies, il ne reste plus qu’à créer la maquette idéale pour votre projet. Pour vous aider, il existe bien évidemment de nombreuses galeries comme celle-ci :
Maintenant votre e-mail est tout beau tout chaud dans un fichier .psd. Reste encore à le coder…Pour aller plus vite pourquoi pas se baser sur des templates déjà fait ? Utilisez par exemple ceux de sites spécialisés :
Pour les plus pressés, offrez vous un template sur ThemeForest :
Très utile, surtout quand on a goûté à la galère que c’est ! En revanche je trouve ton tour un peu rapide.
Tu aurais par exemple pu citer des logiciels / scripts pour envoyer une newsletter. ;)
Ping : Tweets that mention Ressources : design d’e-mail » WebdesignerTrends – Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutoriels -- Topsy.com
Bien vu, mais j’ai préféré mettre en avant la conception. La suite dans un prochain article !
Intéressant et merci pour l’article.
J’attendrai avec impatience la suite ;-)