Marketing par e-mail : Comment concevoir des e-mails performants

1. Introduction: Il y a environ 4,4 milliards d'utilisateurs actifs de messagerie. Faire du courrier électronique l'un des canaux les plus efficaces pour atteindre les individus et diffuser un message. C' est pourquoi le marketing par e-mail est une stratégie de base pour la plupart des entreprises d'aujourd'hui. Cependant, le revers est qu'il s'agit d'un espace très fréquenté et pratiquement tous les consommateurs sont bombardés de courriels quotidiennement. Dans ce contexte, si vous voulez que vos e-mails soient ouverts et qu'ils demandent une sorte d'action, il est important que les e-mails soient pertinents et faciles à comprendre. Il commence par une stratégie efficace de campagne de courriel, mais il se termine par un e-mail bien conçu, ce que nous allons aborder dans ce cours. Nous discuterons des meilleures pratiques pour nous assurer que vos courriels ne se perdent pas dans les pourriels ou les dossiers indésirables. Et comment contourner les limites des plateformes de messagerie pour concevoir e-mails magnifiques et intéressants qui se sont transformés en clics et conversions. Il est important de noter que pendant que je travaillerai dans Mail Chimp, les sujets et les idées que je couvre peuvent s'appliquer à toutes les plateformes de messagerie. Alors, nous allons entrer. 2. Fondations: Chaque e-mail qui sent est envoyé dans un but précis. Et le plus souvent, ce but est d'amener un client à acheter un produit ou à s'abonner à un service. Pour que cela se produise, beaucoup de choses doivent se passer bien. Le public doit être, la ligne d'objet, doit être accrocheur. Le message dans l'e-mail doit être clair, et le prix doit être attrayant. Mais avant que cela ne se produise, vous devez d'abord entrer dans la boîte de réception du client. Tout le reste pourrait être parfait, mais si votre email est marqué comme spam ou courrier indésirable, il sera filtré. Et tout ce dur labeur que vous y avez consacré aura été pour rien. Donc, quand il s'agit de concevoir des e-mails, votre première priorité devrait être de dépasser le filtre anti-spam. Laissez-moi vous donner un exemple. Cet e-mail ici est vraiment bien conçu. Il n'y a qu'un problème. Il a été conçu comme une grande image. Parce que vous voyez que c'est le moyen facile de concevoir un e-mail. Vous faites tout dans Photoshop, l'exportez en JPEG, déposez dans le chimpanzé mâle et appuyez sur Envoyer. Le problème est que c'est exactement ce que les filtres de spam recherchent. Un e-mail contenant uniquement des images et aucun texte sera presque toujours marqué. Et même si cela fait partie de la boîte de réception de la personne, plupart des clients de messagerie ont des images désactivées car elles économisent sur l'utilisation des données. Donc quand ils ont ouvert leurs emails, ça ressemble à ça. Le client doit être prêt à utiliser son plan de données, puis autoriser manuellement le téléchargement de l'image. Et c'est trop d'étapes à demander à un client. La plupart supprimeront l'e-mail instantanément. Alors pourquoi les designers, y compris ceux qui travaillent pour les grandes marques, le font ? Eh bien, c'est simple. L' e-mail n'a pas été conçu pour le marketing. Il a été créé pour remplacer les télécopieurs afin que les gens puissent envoyer et recevoir des messages texte. Quelque part dans le sens, il est devenu une méthode de communication pour le marketing. Et bien que la technologie ait fait quelques progrès, elle reste encore très limitée dans ce que vous pouvez créer et envoyer. Autrement dit, le courrier électronique n'était pas conçu pour être créatif. Et c'est pourquoi les plateformes de marketing par e-mail sont si limitées et limitées au genre de modèles glisser-déposer et à la même bibliothèque de polices Web peu lustantes. Alors, qu'est-ce que tu fais ? Cela signifie-t-il que vous, en tant que concepteur, êtes limité à créer les mêmes e-mails ennuyeux encore et encore ? Pas exactement. Heureusement, il existe des solutions de contournement vraiment intelligentes que vous pouvez utiliser pour toujours faire des e-mails époustouflants. Et dans cette série de leçons, je vais vous montrer ces codes de triche de conception d'email. 3. Certains techniques d'abord d'abord d'abord: La toute première considération que vous devriez avoir lors de la conception d'e-mails est d'utiliser du texte. Il s'agit d'une bonne pratique de messagerie électronique standard que vous devez prendre l'habitude de faire. Voici un exemple d'un e-mail qui le fait vraiment bien. Comme vous pouvez le voir. Il utilise beaucoup de texte. Et partout où il y a une image, si l'image n'est pas chargée, elle utilise par défaut un texte prédéterminé. De cette façon, lorsque quelqu'un lit votre e-mail, si le, même si les images ne se téléchargent pas, vous pouvez toujours avoir une idée de ce qui se passe dans l'e-mail. Ainsi, par exemple, ici, vous pouvez voir le aussi bas que APR. Vous pouvez voir où il vous dit que, qu'il y a un logo ici. Et même sans tout éteint, vous pouvez toujours les comprendre. Suivez l'e-mail entièrement basé sur le texte. Laissez-moi vous montrer comment faire ça dans Mail Chimp. J' ai cet e-mail ici et c'est juste un modèle de base que j'ai utilisé dans Mail Chimp, pas le meilleur e-mail, mais à des fins d'illustration, vous aurez une idée de ce que je fais. Donc, ce bloc de contenu contient les sommes du logo de la marque. Je vais aller de l'avant et éditer ce bloc. Et puis ici comme vous pouvez voir où j'ai téléchargé le logo, pas vrai ? Et donc, dans ces options où vous pouvez le remplacer, le modifier, le lier à un autre endroit. Vous avez cette option ici pour alt. Et si vous cliquez dessus, voici où vous allez entrer le texte alt. Et donc dans ce cas, je dirais logo usé. Mise à jour. Ok, donc maintenant si cette personne qui ouvre cet e-mail, est-ce que les images sont activées ? Ce qu'ils verront ici dans ces blocs de contenu, c'est le texte que j'ai mis ici, le logo averti. Ok, je vais aller de l'avant et faire ça pour cette image aussi. Ok, la même chose exacte, et allez au texte alt-texte. Et ici, j'utiliserais le titre que nous avons ici. Préparez-vous pour le printemps avec notre nouvelle collection pour vous assurer que tout est correctement orthographié et mis à jour. Donc maintenant encore une fois, si quelqu'un ouvre cet e-mail et n'a pas d'images allumées, ce que ces C ici sera cet équipement pour le printemps et notre nouvelle collection. Et de sorte que leur dit déjà ce que cette image ou ce que ce courriel est à propos. Et c'est juste un moyen de protéger vos e-mails au cas où les images ne seraient pas activées. Et je ferais ça n'importe où. Il y a une, il y a une image, non ? Donc, c'est du texte, c'est un par n, Donc ceux-ci se chargeront très bien. Mais ici, je ferais exactement la même chose. C' est une image, non ? Donc, j'allais de l'avant et je changerais ça. En fait, c'est du texte, donc peu importe, c'est une image. Alors fais ça ici. Et puis je ferais ce que nous avons ici. Bonjour, chars cool et décontractés. Et encore une fois, ce n'est qu'un, empêche vos e-mails d'être coupés et les filtres anti-spam. Si vos e-mails contiennent du texte alt, le filtre anti-spam lira le texte alt et vous aidera. Cela aidera d'abord comme le feu vert et le faire passer par la boîte de réception. Et c'est aussi un moyen pour celui-là. Le client ouvre l'e-mail, il a toujours une idée de ce qu'il est et peut le lire. Donc, c'est la première chose que vous devriez faire pour vos e-mails est alt les envoyer par SMS. Une autre considération que j'ai est les liens réels que vous utilisez. endroit où vous emmenez vos clients est donc très important et la façon dont vous suivez cela est également très importante. Ainsi, chaque partie de votre e-mail peut avoir une URL différente vers laquelle accéder. Mais fondre il n'a pas de fonctionnalités de suivi intégré pour si vos e-mails. Je veux dire, donc ce que je ferais est d'utiliser quelque chose appelé un Google UTM, qui est un outil gratuit offert par Google, non ? Elle s'appelle donc une campagne URL Builder. Comme vous l'avez vu, je viens de taper google UTM builder. Et donc ici, vous tapez l'URL réelle que vous voulez que vos clients à deux, alors disons que c'est www.worn.com. Ok, maintenant, voici où je mets mes propres informations de suivi personnalisées. Donc, disons la source de la campagne. Eh bien, c'est un email, donc je vais dire email. Disons simplement de le rendre un peu plus défini pour l'espace, une promo de printemps, parce que c'est là qu'il est. Le support de campagne est un e-mail. Je l'ai envoyé par email. Je pourrais épeler. Et le nom de la campagne, disons que si j'y retourne, s'appelait Project Pink. Et donc tout cela sera juste discrétion TOM ce que vous décidez d'étiqueter ces choses. Si vous avez un terme de campagne, si vous avez payé des mots clés, vous pouvez l'insérer là. Si vous souhaitez vous différencier pour différentes annonces, vous pouvez le mettre en paire. Eh bien, je n'utilise jamais vraiment le terme dans le contenu. Mais comme vous pouvez le voir ici, maintenant il a généré une URL pour moi, et c'est vraiment longue URL compliquée. Mais essentiellement ce qu'il fait est qu'après j'envoie cet e-mail, je peux revenir en arrière et effectivement regarder les statistiques de cette URL. Qui a ouvert un, qui est venu à mon site Web basé sur mon off de mon e-mail. Donc, j'entends cette copie de cette URL. Donc maintenant, il est copié et il ira ici. Et ici, nous allons mettre le lien, entrer là et insérer. Ok. Donc maintenant, j'ai cet e-mail avec un code de suivi d'URL personnalisé là-dedans. Alors que lorsque quelqu'un ouvre cet e-mail sur No. S' ils ont cliqué sur ce lien et sont allés à mon site Web sur savoir qu'il est venu de cet e-mail spécifique. Et c'est là que beaucoup de constructeurs de campagnes de messagerie ont certaines limites parce que le calcium peut vous dire combien de personnes ont ouvert votre e-mail, combien de personnes ont cliqué sur votre e-mail, mais c'est tout. Il ne vous indique pas sur quelle partie de cela ils ont cliqué. Ça ne te dit pas où ça les a emmenés, ça ne te dit pas. Cela ne vous donne pas cette analyse plus approfondie que vous recherchez. Donc, en construisant ces codes UTM personnalisés, je peux obtenir vraiment granulaire et voir exactement combien de mon trafic sur mon site Web a été généré par cet e-mail. Et donc je ferais exactement la même chose pour chaque image où il y a un bouton, créer un lien collé là, puis insérer. Et maintenant tout cet e-mail, chaque image, chaque bouton aura ce lien UTM là-dedans. On y va. Et c'est juste la meilleure pratique pour prendre l'habitude de, particulier sur les petites équipes. Nous n'avons pas forcément une équipe de marketing vraiment vidé. L' utilisation de ce générateur d'URL de campagne gratuit est vraiment utile pour découvrir comment vos e-mails fonctionnent. n'est donc que deux choses vraiment importantes, les meilleures pratiques du point de vue technique des soins back-end. Maintenant, dans cette prochaine leçon, nous allons nous pencher sur la création d' e-mails intéressants en plus de ces meilleures pratiques. Donc design Sokoloff. Dans la leçon suivante. 4. Utiliser l'espace négatif: Donc, comme je l'ai déjà dit, parlons de design. Je suis ici au chimpanzé masculin. Et le premier principe de conception que je veux examiner est d' utiliser de l'espace négatif dans vos e-mails. Donc je vais aller de l'avant et sortir un modèle que j'ai fait. Maintenant, ce n'est pas l'e-mail le plus excitant, mais cela illustrera le concept dont je parle. Ces images ici ne sont pas en fait des cercles, ce sont des carrés, n'est-ce pas ? Le bloc de modèle dans le chimpanzé masculin me permet essentiellement seulement d'avoir le, voyons ici. Permettez-moi d'avoir l'image à gauche et la taxe sur le taux de ce bloc de contact, elle est inversée. C' est l'image à droite et le texte à gauche. Et le bloc de contenu me permet essentiellement d'avoir une image carrée. Maintenant, ce que j'ai fait pour donner l'illusion d'avoir cette image arrondie, c'est quand j'ai fait ces images individuelles de planète. Je viens de les faire sur un fond blanc. Je savais que le corps de l'email allait être un fond blanc. Et donc pré-planifié avoir le fond blanc sur l'image. Donc, si vous regardez ici, vous pouvez réellement voir que l'image, si je fais glisser cela, a l'espace intégré. C' est une image carrée, mais c'est juste quand elle se charge sur la chambre de mel, quand elle se charge dans l'e-mail, elle ressemble à une image arrondie. Et le fait que je les ai modifiés d'avant en arrière, côté gauche, côté droit, côté gauche, côté droit. Mélanger l'e-mail ou un peu plus intéressant, j'ai fait la même chose avec les mots du logo, juste des espaces, mais je l'ai fait sur un bloc blanc. Et si je te montre à quoi ça ressemblera si je ne l'avais pas planifié. Disons que le corps de mon email allait être de cette couleur bleue. Soudain maintenant, il semble un peu évident. Vous pouvez voir exactement ce que j'ai fait. Mais encore une fois, j'avais préplanifié ça et je l'ai fait attendre. C' est donc une façon vraiment basique d'illustrer le concept, mais permettez-moi de vous montrer à quoi cela ressemble si vous mettez en fait un peu plus intentionnalité et des choses pré-planifiées un peu mieux. Donc je vais faire une autre campagne que j'ai faite. Super. Maintenant, vous pouvez voir sur celui-ci et a rendu la forme beaucoup plus complexe. Et cet e-mail est en fait assez intéressant. Il ressemble à une sorte de fait ce I effet camouflage sorte de descendre maintenant arrondi à travers et le bouton même comme arrondi. Donc, il y a un motif qui traverse. Les couleurs sont toutes synchronisées. Et c'est déjà beaucoup plus intéressant qu'une image de base, du texte, du texte d'image, non ? Et c'est exactement la même chose. A fait cela comme une image avec juste le poids. Le poids est réclamé comme intégré dans la FAQ de Missy et vous montrer à quoi cela ressemble. On y va. Donc, l'image est fondamentalement juste attend, attend rectangle avec cette forme bleue déjà intégrée. Et l'autre est exactement le même outil. Et donc vous pouvez être vraiment, vraiment créatif avec ça si vous préplanifiez juste ce que vous essayez de faire. Vous pré-planifiez avec la couleur d'arrière-plan va être. Vous pouvez préplanifier le type de forme que vous souhaitez créer. Tu fais ça dans Photoshop. Faites la même chose que j'ai mentionné précédemment à propos de Altair out texting en utilisant des codes UTM personnalisés. Mais maintenant, vous obtenez un peu plus de licence créative avec vos e-mails. Et comme je l'ai dit, si je change ce contexte, vous pouvez voir quand je fais vraiment ici, non ? Donc c'est un poids. Ce poids parce que l'image est en fait attendre, quel est le corps réel de l'e-mail est juste ici en vert. Mais s'ils avaient tendance à peser, maintenant il semble sans couture. Et donc je peux vous montrer quelques exemples d' autres emails qui font exactement la même chose et le font vraiment, vraiment bien. Donc cet email, le corps est jaune. Ils ont ou le, désolé, le fond est jaune. Cela a probablement été fait une image et l'image en haut correspondait à la couleur d'arrière-plan. Et le bas de cette image, la couture est probablement rayée ici, c'est là que l'image s'arrête réellement. C' est du texte réel qui est réellement intégré et ce sont des icônes que vous pouvez ajouter, dans le chimpanzé masculin. Et il semble transparent et la même chose adhère à ce contenu ici est tout en fait dans l'e-mail. Ceci est une image avec un fond blanc. Pour faire quelque chose comme ça, vous avez l'image avec le blanc sur le dessus, le rouge en bas. Et donc ce bloc de contenu, l'arrière-plan est blanc. Et puis ce bloc de contenu, l'arrière-plan est lu. Ce concepteur l'a préplanifié pour savoir que la moitié supérieure de cette image devait être du poids et que la moitié inférieure devait être rouge. Et cela revient à savoir exactement quelles sont les valeurs RVB. Donc le match de Jared exactement. Et ainsi, et le reste est assez simple. Même chose avec ça. Pour obtenir ces vignettes arrondies, ils l'ont probablement fait. Ce que je vous ai montré avec les planètes où vous le faites, faire la forme du masque d'écrêtage arrondie en arrière-plan est blanc. C' est là que cela devient vraiment intéressant car avec des pinceaux personnalisés dans Photoshop, vous pouvez réellement devenir vraiment ludique avec vos bords à. Donc, comme vous pouvez le voir ici, l'image est probablement un rectangle où elle traverse ici, en bas, puis coupe ici. Donc, il y a vraiment attendre dans l'image. Mais ensuite ils ont peint avec Photoshop le mât et ont créé cette belle petite couture ici. Et donc avec cette technique, vous pouvez être encore plus créatif. Disons qu'il l'avait fait sur le dessus aussi. Donc maintenant, le haut et le bas ont cette coutume vraiment intéressante vous pouvez faire des diagonales avec elle aussi. Peut-être qu'au lieu de passer directement à travers l'image, comme le masque sorte de vient en travers de cette façon ou de cette façon aussi bien. Et donc cela vous donne beaucoup plus de licence créative ainsi. Vous pouvez jouer avec de nouvelles formes, avec de nouveaux bords, tant que votre couleur d'arrière-plan, votre couleur de corps de contenu correspond au bord de votre image. Ça aura l'air transparent et on dirait que tu l'as fait exprès. Et puis le reste de cet e-mail est assez simple. Ce ne sont que des rectangles, le texte et les os. C' est un autre vraiment intelligent ou e-mail. Donc, en haut, la couture est probablement taux ici, juste en face. Ils ont donc ce haut de l'image et ils savaient que le corps de l'e-mail allait être cette couleur bleu foncé vraiment. Et donc ils ont fait en sorte qu'ils correspondent à l'image. La police s'arrête juste là, puis c'est un texto. Ensuite, ici, ils utilisent probablement même mise en page de contenu que j'avais auparavant avec l'image de texte, l'image texte, l'image de texte. Donc, tout est en fait dans l'e-mail. Et c'est probablement une image avec l'arrière-plan que nous prenons un rectangle avec eux, l'arrière-plan est juste correspond à cette couleur bleue. C' est probablement la même chose. C' est une image pleine de fond perdu et ils mesurent juste en haut et en bas, correspondent à cette couleur de fond. Et ils ont fait la même chose ici. Et donc, quand vous le regardez, parce que les couleurs correspondent exactement, vous ne voyez pas les coutures, vous ne voyez pas où l'image commence et s'arrête. Vous voyez simplement quand le bloc de contenu continu. Donc, en utilisant l'espace négatif, vous pouvez être vraiment créatif avec la façon dont vous concevez ces e-mails. Il faut juste un peu plus de pré-planification que d'aller dans le chimpanzé mâle, travailler avec des rectangles, faire glisser et déposer, etc. Donc, avec cette technique, comme je l'ai dit, vous pouvez juste, il faut juste une certaine quantité de pré-planification. Vous esquissez d'abord votre e-mail, vous comprenez où votre couleur d'arrière-plan va être. Vous comprenez comment, comment vous voulez que vos coutures ressemblent et ensuite vous jouez avec et vous pouvez devenir vraiment, vraiment créatif. Donc, c'est la première technique, est d'utiliser l'espace négatif à votre avantage.