Le vieux proverbe est toujours vrai – une image vaut mieux qu’un long discours. Nous, les êtres humains, apprenons à 83 % par ce que nous voyons. De plus, 54 % des internautes ont partagé un contenu visuel qu’ils ont eux-mêmes créé. Les contenus visuels sont vecteurs d’intérêt et de motivation pour les consommateurs. Ainsi, s’il y a bien une chose que vous devez réussir, en ces temps de fêtes, c’est bien le design de vos emails. Nous avons réuni quelques-uns de nos outils gratuits préférés, pour créer des visuels accrocheurs en toute facilité. Aussi, quand votre graphiste partira en vacances, ou bien s’il a besoin d’un petit coup de main, vous serez capable de concevoir un email, quel que soit votre niveau d’expérience en la matière. Puis, vous pourrez intégrer vos graphismes dans Passport afin d’obtenir un modèle d’email entièrement adapté aux supports mobiles.

1) Canva

Commençons par Canva, un outil de création graphique incroyablement simple et largement utilisé par l’équipe marketing de Mailjet. Lors de votre première connexion, vous avez le choix entre plusieurs dizaines de modèles prédéfinis de dimensions diverses, en fonction de vos besoins (entre autres des infographies, des flyers, des en-têtes d’emails et des images pour les réseaux sociaux…) La taille de leur en-tête d’email prédéfinie est de 600 x 200 px, format que nous recommandons pour Passport.

 

screenshot-www.canva_.com-2015-10-28-20-55-50

Canva dispose également d’une bibliothèque d’icônes, photos et logos conséquente, qui peuvent être personnalisés puis glissés dans le corps de votre email.

2) Design Seeds

Choisir les bonnes couleurs, lorsqu’on n’est pas graphiste, peut vite sembler compliqué ! C’est là que Design Seeds devient très utile. Le site vous permet de rechercher des photos par gammes de couleurs : à côté de chaque photo, vous pouvez visualiser les couleurs associées, que vous pourrez intégrer dans le reste de votre création.

 

screenshot-design-seeds.com-2015-10-28-21-32-07-1

Prudence, cependant, lorsque vous utilisez Design Seeds, car il est facile de passer des heures à naviguer sur le site. Les images sont si nettes : c’est le Pinterest de la photothèque.

3) Unsplash

Poursuivons avec un autre site de photos. Unsplash est un incontournable qui n’a pas la reconnaissance qu’il mérite. L’interface est très simple, tout comme l’idée : proposer gratuitement une collection de photos haute résolution. Il est difficile pour les entreprises, en particulier les petites entreprises, de se procurer des photos de qualité sur le web sans avoir à payer des montants élevés pour les droits, ou sans avoir à se soucier de ces derniers. Unsplash élimine tous ces tracas grâce au téléchargement de 10 nouvelles photos tous les 10 jours. Les photographes y publient leurs photos sur le site en raison de la grande visibilité et de la reconnaissance dont ils peuvent bénéficier.

screenshot-unsplash.com-2015-10-28-21-59-55

Utilisez ces photos pour comme arrière-plan ou bien transformez-les en call to action, en diminuant leur luminosité et en y ajoutant du texte.

4) Image Color Picker

Voilà probablement le genre d’outils que vous avez déjà imaginés un jour. Supposons que vous soyez en train de chercher de l’inspiration en ligne, quand tout à coup vous tombez sur un bleu vraiment apaisant, que vous souhaiteriez pouvoir intégrer dans votre email. Comment allez-vous faire pour retrouver exactement le même bleu ? Si seulement il existait un outil vous permettant de retrouver son code couleur par le biais d’une recherche inversée ! C’est précisément ce que vous pouvez faire grâce à Image Color Picker. Vous n’avez qu’à cliquer sur une partie de l’image pour que l’outil identifie la couleur et vous en donne le code, que vous serez à même d’utiliser dans une autre conception. Alternativement, vous pouvez également utiliser l’outil ColorZilla, disponible sur Firefox et Google Chrome.

screenshot-www.imagecolorpicker.com-2015-10-28-22-02-27

5) Icomoon

Je ne sais pas pour vous, mais ici, chez Mailjet, nous ne lésinons pas sur les icônes. Elles sont formidables pour aérer de gros blocs de texte et pour remplacer les puces dans une liste. Chez Icomoon : les icônes ne sont pas des images, mais des polices. Intéressant, n’est-ce pas ? Les polices se chargent plus rapidement (le web est optimisé pour l’affichage de texte), il est plus facile d’en modifier la taille, et les polices ne se pixelisent pas en fonction de la résolution d’écran.

screenshot-icomoon.io-2015-10-28-22-20-51

Et voilà. Ces outils de conception ne représentent que la partie émergée de l’iceberg. De nombreuses ressources gratuites sont à portée de main, il suffit de les chercher. Si vous souhaitez en savoir plus sur comment appliquer ces outils à un modèle d’email dans Passport, embarquez sur notre tutoriel.

Avez-vous déjà utilisé les outils présentés dans notre liste ? Si oui, de quelle manière ? Quels autres outils incontournables avons-nous oublié ? Exprimez-vous sans modération dans les commentaires ci-dessous !