Transcription
1. Introduction à la conception d’e-mails dans Canva: Que vous ayez besoin
de notre marketing pour votre propre
entreprise, que vous
travailliez une entreprise qui en a besoin ou que vous le
fournissiez sous forme de service, ce cours vous aidera à concevoir des
e-mails attrayants au sein de Canva, ou de n'importe quelle plateforme. Vous pouvez adopter les mêmes pratiques
sur n'importe quelle plateforme, mais nous allons travailler au sein de
Camera sur celui-ci pour
toutes les
exemples. Et nous allons vous aider à créer des e-mails
attrayants que vous serez
vraiment fier de montrer aux gens. Maintenant, nous sommes tous passés par là
où nous avons envoyé un e-mail, et vous pensez que c'est
plutôt nul, n'est-ce pas ? Par exemple, j'y ai
consacré tellement de temps. Peut-être pas tant de
temps. Qui sait ? Tout le monde est différent ? Et tu trouves que ça n'a tout simplement pas l'air bien. Peu importe ce que je
fais, pour une raison ou une autre, a l'air très générique Jane a l'air très générique
et très simple, en gros. Donc, ce que nous allons
faire, c'est rendre ces e-mails attrayants
sans en faire trop Mais quelque chose que vous pouvez faire sans y passer des heures. Vous pourriez même être en mesure de prendre
moins de temps qu'auparavant et de
commencer à augmenter votre
engagement avec ces e-mails. Et j'espère gagner plus d'argent, ventes, de demandes de renseignements, quel que soit
votre objectif. Alors allons-y, et je vous verrai
dans la prochaine vidéo.
2. Pourquoi configurer des emails dans Canva ?: Je me demande pourquoi
nous utilisons Canva et ne le
concevons pas dans la plateforme de
messagerie elle-même. Et pour être honnête avec vous, vous pouvez le faire
sur la plateforme de messagerie. Mais il y a toujours un hic, car lorsqu'ils conçoivent directement
sur la plateforme de messagerie, je constate souvent que les gens
laissent des aspérités.
Qu'il s'agisse de l'espacement, Qu'il s'agisse de l'espacement formes qu'ils utilisent ou
de la
façon dont ils recadrent les images, tout peut sembler un
peu grossier une fois
assemblé,
parce que c'est un peu plus
rigide lorsque vous êtes limité à ces éléments ou
les
blocs qu'ils vous donnent. Maintenant, si vous savez comment coder et effectuer toutes les modifications
à
l'intérieur d'un Clavia, vous pouvez obtenir la plupart des mises vous souhaitez réellement y
intégrer Mais en fait,
il est souvent plus facile
et plus
économe en ressources de les concevoir dans un
outil
tel que Canva, d'exporter ces éléments et de les intégrer dans la plateforme de messagerie électronique Il s'agit d'une solution complète
sans code, ce qui signifie que vous ou n'importe quel
membre de votre équipe pouvez le faire. Ainsi, une fois que vous avez
le modèle, vous pouvez demander à un
membre de l'équipe de participer commencer à
produire les e-mails pour vous. Vous n'allez pas avoir peur qu' ils deviennent voyous et vous savez, qui sait
ce qu'ils vont faire dans une clava,
peut-être juste un e-mail en
texte brut avec une police rose
ou violette dedans Tu ne sais pas Mais lorsque vous êtes dans un Canva, vous pouvez en quelque sorte
créer un modèle, une structure claire que
vous pouvez ensuite utiliser sur les plateformes de
courrier électronique Une fois que vous les avez
installés, vous pouvez avoir des blocs
réutilisables à l'intérieur
de la plateforme, que vous pouvez continuer à
utiliser dans le votre flux automatisé ou de vos e-mails de campagne
par e-mail. Mais dans
un monde idéal,
nous souhaiterions utiliser certaines sections de la plateforme de
messagerie elle-même et certains des composants que
nous allons concevoir
ou créer à partir de Canva Et nous voulons les
fusionner essentiellement lorsque vous
créez votre campagne d'e-mails
ou lorsque vous créez votre flux de conception d'e-mails. Donc, en fin de compte, il n'y a pas de bien ou de mal,
quelle que soit la
plateforme que vous utilisez , Photoshop
Illustrator, Canva, Figma Vous pouvez
donc les concevoir, les diffuser ou tout faire à l'intérieur de la plateforme
EMA elle-même, ce qui vous et qui vous semble pouvoir obtenir
le meilleur résultat et qui est le plus
efficace pour vous et pour l'équipe
avec le meilleur résultat et qui est le plus laquelle vous travaillez
3. 5 principes clés de design et de mise en page: Cinq
principes clés de conception et de mise en page à
prendre en compte lors de
la conception de vos e-mails. Le premier est la
hiérarchie visuelle et les points focaux. Maintenant, en général, l'objectif
principal de tout e-mail sera de
provoquer une sorte d'action. Ce n'est peut-être pas
toujours le cas, mais dans la plupart des cas, c'est le cas. Et ce que nous voulons alors nous
assurer, c'est que toute notre hiérarchie visuelle mène
au bouton d'appel à l'action. Ce bouton d'action Carter
est la principale chose que nous voulons que les gens voient,
avec laquelle ils interagissent ou interagissent. En disant cela, ce que
nous ne voulons pas faire, c'est placer ce petit bouton
d'action
du carter en bas dans une
petite police avec juste du texte brut entouré d'un espace blanc, espérant que les gens le
trouveront en bas. n'est pas ce
que nous voulons faire. Nous voulons nous assurer que nous utilisons des images.
Nous utilisons des espaces blancs. Nous utilisons la taille de police, tout ce qui peut attirer
l'attention et guider le lecteur vers cette action de
charretier. peut également être le placement
de l'appel à l'action Nous voulons
donc nous
assurer qu'il est placé au-dessus du
pli, par exemple. Nous voulons nous assurer qu'
au moins un bouton d'appel à l'action est accessible dans cette
première petite vue qui vous permet de le voir lorsque vous regardez un
e-mail. Simplifiez les choses et
facilitez-les pour les gens. Ne compliquez pas trop les choses. Cela correspond parfaitement
au deuxième point, à savoir l'équilibre, l'espacement
et la simplicité Ce n'est pas difficile, mais les gens se
trompent souvent parce qu'ils essaient d'
en mettre trop dans un e-mail. Nous voulons utiliser des
images et du texte pour soutenir l'appel à l'action, et
non pour en retirer des éléments. Faites en sorte que les paragraphes soient courts et concis. Gardez un espace considérable entre les images et les
paragraphes. Vous n'avez pas besoin de l'
avoir très, très près. Vous ne le voulez
pas non plus trop loin. Juste un bel écart. Quand vous pouvez consulter
ce message, si vous
pouvez personnellement l'
ouvrir et y jeter un coup d'œil rapidement, pouvez-vous avoir une idée de
ce dont il parle ? Les images du texte se
soutiennent-elles mutuellement, ce qui
contribue à créer le bouton d'
appel
et à inciter les gens à interagir avec celui-ci ? contribue à créer le bouton d'
appel
et à inciter les gens à interagir avec celui-ci Ou s'agit-il
simplement de choses séparées, et il y a beaucoup de gros paragraphes de texte
longs, que personne ne lira probablement
jamais, et puis cela ne
fait que semer la confusion. N'oubliez pas de rester simple. Nous voulons limiter le
nombre de ressources contenues dans les e-mails et faire paragraphes ou les
textes soient courts et agréables. Ne faites pas comme si vous
lisiez une longue lettre. Nous voulons que ce soit court,
doux et engageant. C'est tout Le troisième point concerne l'optimisation de la conception mobile. Vous constaterez souvent que
les gens conçoivent des
e-mails incroyables, similaires à des sites Web
qui ont une belle apparence sur un ordinateur de bureau. Mais une fois que vous l'ouvrez sur
un écran plus petit, tout semble plein à craquer. Les mises en page changent.
Tout cela se brise, et cela n'a plus
vraiment l'air très engageant ou agréable à
regarder. Il ne fonctionne pas
comme il le faisait sur un ordinateur de bureau. Donc, ce que nous
voulons faire, c'est concevoir les e-mails pour mobile. Et pour être honnête, 60 à 80 %
de votre public
regardera
probablement ce courrier électronique sur mobile. En gardant le mobile à l'esprit, certains des éléments clés
que nous voulons prendre compte sont le maintien
d'une disposition en colonne unique. Nous ne voulons pas d'une
structure de grille trop complexe, restez simple. La deuxième est une taille de police
suffisamment grande. Sur mobile, vous pouvez parfois
voir des utilisateurs réduire la taille des polices en
dessous de 12 pixels. Maintenant, il est très rare que vous puissiez lire cela, et les choses peuvent sembler très petites, surtout si vous avez du texte et une image sur le bureau, elles peuvent être
belles lorsqu'elles sont agrandies. Une fois que c'est réduit
à l'écran d'un mobile, pouvez-vous toujours le lire ? Vous devez
vérifier ces éléments avant d'envoyer l'e-mail. Et une autre est l'action des coraux. Est-ce qu'ils s'inscrivent toujours dans le bon cadre de
ce que vous aviez en tête ? Avez-vous eu le
premier au-dessus du pli ? Est-ce que l'autre est là où
vous l'avez placé à droite ? Est-ce que cela se casse maintenant
et qu'il se situe en dessous d'un actif différent de ce à quoi
vous pensiez auparavant ? Comment tout cela se
déroule-t-il ? Vous devez simplement vérifier tout cela.
C'est super facile. Faites-vous d'abord un petit test
préliminaire, et assurez-vous que votre appel à l'
action est toujours remarquable et
qu'il est facilement accessible
pour interagir. Parce que, comme nous l'avons
tous déjà fait, vous essayez de cliquer sur
quelque chose sur votre téléphone et les boutons sont trop
proches d'autre chose, et vous finissez par cliquer dessus
. C'est un Shamozle Nous voulons nous assurer
que ce bouton reste
clair et clair. Nous pouvons cliquer dessus facilement, et nous avons suffisamment d'espacement et tout le reste entre les deux Il suffit donc de vérifier cela pour mobile. Ce sera une
priorité absolue. Gardez donc cela à l'esprit. Le quatrième est l'utilisation d'une image de
marque cohérente dans le style. Ce n'est rien de
pire quand vous voyez une marque investir dans
une image de marque cool, puis que vous
regardez ses e-mails, son site Web et ses réseaux sociaux et que
rien n'est lié. Tout a l'air si différent. Vous n'avez aucune reconnaissance
de la marque. Et il y en a
un peu partout. Veiller à ce que
nous utilisions une image de marque et un style
cohérents pour tous les e-mails aidera vraiment
à renforcer la confiance et aidera vraiment
à renforcer la confiance et à
faciliter la reconnaissance des internautes lorsqu'ils consultent
votre site Web, vos e-mails ou vos réseaux sociaux.
Tout va être vos e-mails ou vos réseaux sociaux.
Tout va être
lié, ils cliqueront
et le cerveau de
Bill dira
: « Oh, c' est cette marque C'est avec votre marque que
j'interagis, et j'aurai davantage confiance
en elle. L'essentiel est de garder
les couleurs, les tailles de police, l'utilisation de logos, tout
ce genre de choses cohérentes. Just sort ne
ressemble pas à une toute nouvelle marque apparaît dans votre
boîte de réception à chaque fois. Restez simple et
cohérent. Cela sera
essentiel pour renforcer la reconnaissance de marque
que
vous recherchez. Enfin, le numéro cinq, la
lisibilité et l'accessibilité. Nous voulons nous assurer
que vos e-mails sont réellement lisibles sur les appareils mobiles, les ordinateurs de
bureau et les tablettes par
les personnes qui les reçoivent. Non seulement il s'intègre
bien dans un fichier de conception, mais il est également
lisible et accessible. La dernière chose que nous
voulons, c'est un faible contraste les couleurs utilisées
les unes sur les autres. Le texte est trop petit pour être lu, encore moins s'
il présente un faible contraste .
C'est une combinaison terrible. L'action Corter est trop petite pour ne serait-ce que cliquer ou
faire la distinction entre d'autres textes et les images ne se
chargent pas parce qu'elles ne
contiennent pas d'anciennes descriptions Gardez simplement ces éléments à l'esprit, ils sont très simples à
vérifier et à tester. Même si cela peut
sembler plus beau d'une certaine façon, pouvez
parfois utiliser une certaine couleur ou une certaine taille de police lorsque
cela figure sur le fichier de conception. N'oubliez pas que ces
e-mails ont un but et que l'idée est de susciter engagement
du public, pas simplement de le
faire paraître et de partir. Oh, c'est joli,
et puis continuez. Nous voulons qu'ils arrêtent, interagissent ou absorbent le contenu
de cet e-mail et qu'ils
cliquent. C'est tout ce qui compte vraiment. Donc, même si vous sacrifiez
un peu de design ou un peu de cette liberté
créative que vous espérez avoir,
cela n'a pas d'importance. Ce n'est pas le but de tout ça.
Nous voulons nous assurer qu' il est lisible et
attrayant. C'est tout
4. Préoccupations de la délivrabilité des e-mails: préoccupation courante
des gens est que la conception de mon courrier électronique et de
quelque chose comme Canva, puis l'importation de
toutes les images et de tous les actifs sur
la plateforme de messagerie électronique, affecteront la délivrabilité de mes e-mails Et la réponse
est oui et non. Tout dépend donc de la
façon dont vous le faites. Ce que nous voulons nous assurer, c'est que lorsque nous introduisons
des éléments,
la première chose à faire est de savoir s'il s'agit
simplement d'un élément de texte brut et qu'il n'y a aucune animation. Il n'y a aucun chevauchement
ou quoi que ce soit de ce genre. Ensuite, créez un
bloc de texte à l'intérieur du courrier électronique, en utilisant l'
une des plateformes de messagerie, essentiellement des composants de
texte. Ainsi, lorsque nous le pouvons, nous
voulons
nous assurer d'utiliser les plateformes, les
composants ou les sections de courrier électronique ,
là où cela est logique. Nous ne voulons pas toujours
utiliser une image si nous pouvons réellement utiliser les
sections qu'elle fournit. La deuxième chose est que lorsque
nous transférons des actifs, nous voulons nous assurer
qu'ils sont optimisés. Maintenant, il n'y a rien de
pire lorsque vous cliquez sur un e-mail et qu'
il est simplement vide. Rien n'apparaît. Les images prennent environ
10 secondes ou se chargent, vous êtes assis là à attendre,
puis tout d'un coup, vous commencez à les voir apparaître. Ce que nous pouvons faire là-bas, c'est optimiser
les images et nous assurer qu'elles sont exportées en fonction de leur destination. Donc, si vous n'avez qu' une petite
vignette pouvant mesurer 100 pixels sur 100 pixels,
n'en faites pas une image de la
taille d'un banal que nous allons
simplement y placer. Peut-être que
j'ai parfois vu des e-mails contenant
des
fichiers image de deux ou trois mégaoctets C'est ridicule. Tu
n'as pas besoin de ça. Vous pouvez le réduire à
100 kilo-octets ou moins, même à des dizaines Vous n'avez pas besoin de fichiers
volumineux. fichiers de grande taille ne sont pas
synonymes d'une meilleure qualité ou d'une réduction de la délivrabilité
et Maintenant, la troisième chose consiste
également à ajouter de l'ancien texte. anciennes images de texte peuvent signifier que
si l'image ne se charge pas, et que des
mesures de sécurité sont parfois mises en place dans les
boîtes de dialogue,
les utilisateurs mesures de sécurité sont parfois mises en place dans les
boîtes de dialogue, risquent de ne pas charger
l'image tant qu'ils n'ont pas cliqué sur Afficher les images pour lesquelles nous
voulons avoir de l'ancien texte. C'est également important pour
l'accessibilité. Donc, si les utilisateurs ont un lecteur d'
écran, cela
leur permet également de consulter leur courrier électronique et de savoir sur quoi
cliquer ou ce qui s'
affiche réellement à l'écran. Il n'y a donc aucun mal à cela. Cela ne prend que quelques
secondes pour le faire également. Donc, si vous ne le faites pas,
c' est simplement parce que
vous êtes paresseux, et vous pouvez simplement le
faire en ajoutant l'image à
Plavio ou à une puce de courrier Toute autre plateforme de courrier électronique. Il aura la possibilité d'ajouter un
lien et, souvent, du texte. Assurez-vous de toujours mettre une description simple de ce qui est
affiché dans l'image. Cela vous aidera, cela aidera à améliorer la délivrabilité,
ainsi qu'à tous ceux qui
consultent vos e-mails en cas de problème lors du chargement
des images, par
exemple Donc, en résumé, non,
tout ira bien, mais nous voulons nous assurer que nous utilisons une bonne combinaison
de tout. s'agit donc des éléments fournis par la plateforme
de messagerie électronique Il
s'agit donc des éléments fournis par la plateforme
de messagerie électronique
et des actifs que nous créons
à l'intérieur de la caméra. Nous voulons réunir
tous ces éléments et les faire fonctionner comme un tout. Nous n'avons pas besoin de simplement
dépendre de l'un ou de l'autre. Ils peuvent travailler
ensemble, et vous
allez trouver l'
équilibre parfait. Vous ne devriez pas avoir de
problèmes quand vous le faites.
5. Choisir et paramétrer un modèle: Nous sommes maintenant prêts à
passer à Canva, et nous allons
concevoir votre premier e-mail. Il y a quelques
options qui s'offrent à vous ici. Premièrement, Canva possède
de nombreux modèles existants. Donc, une fois que vous avez ouvert votre Canva,
vous pouvez diriger vers le modèle et simplement
effectuer une recherche dans le design de votre e-mail Comme vous pouvez le constater,
il existe déjà de nombreux modèles
différents
dans Canva
que vous pouvez utiliser, que
ce soit pour vous inspirer Vous pouvez prendre le modèle,
puis le personnaliser vous-même, afin de pouvoir l'utiliser comme base de nouveaux e-mails, comme
bon vous semble. Vous n'êtes pas non plus obligé d'
utiliser le modèle dans son intégralité. Vous pourriez dire : « Oh, j'
aime beaucoup celui-ci, mais je veux juste
voler cette image de bannière. Je n'aime pas vraiment le
reste. Je veux juste avoir une image
de bannière simple
avec ce type de texte. Parfait Vous pouvez également le
créer vous-même. L'autre option est donc créer un design, et vous pouvez envoyer par e-mail une
newsletter qui existe
déjà sous forme de
modèle ici, puis vous pouvez commencer à concevoir votre e-mail dans ce
nouveau plan de travail personnalisé. Comme vous pouvez le constater, il existe encore d' autres ressources Canva que vous
pouvez utiliser pendant que vous êtes dans ce domaine Camber va maintenant vous
suggérer toutes les différentes
ressources
de courrier électronique qui pourraient être pertinentes pour le type
de plan de travail que vous possédez Donc, dans ce cas, il s'agit d'un e-mail. C'est donc une bonne chose, car nous voulons beaucoup de ressources liées au courrier électronique. Vous pouvez donc faire défiler la page, voir différentes
choses et
vous dire
: « Oh, je n'aime pas ça ? Oh, ça va très bien fonctionner. Si je clique simplement sur
celui-ci, je peux le voir. Ou bien, il y a d'autres options
recommandées ici. Parfait Je vais
prendre celui-ci. J'aime bien le look et
c'est fait. Ensuite, on y va, maintenant je peux
prendre ça, je peux entrer, et je peux modifier ce
texte si je veux, je dis : Oh,
en fait, mon offre
est parfaite de 150$ Et puis c'est terminé. En gros, vous
venez de l'avoir. Cela sera plus beau
que le courrier électronique de la plupart des gens, et vous venez de faire quelques
clics à l'aide d'une caméra. Par exemple, réfléchis-y
une seconde et vas-y, est-ce que c'est plus beau que la
plupart des e-mails que je reçois
quotidiennement ? Chance, c'est oui. Maintenant, autre option, vous avez ces modèles
Canva existants, mais j'ai également créé pour vous
un modèle Canva
que vous pouvez utiliser et commencer à créer l'intégralité du courrier électronique. plupart de ces modèles de
courrier électronique dans
Canva seront donc destinés à de petites
sections d'un e-mail. Ce que j'ai fait pour
vous, c'est que j'ai repris certains
modèles de courrier électronique existants et recréés de
manière à ce que vous puissiez les utiliser dans Canva et simplement par
glisser-déposer votre contenu Donc, comme vous pouvez le voir ici
au moment de l'enregistrement, j'ai sept
modèles de courrier électronique différents complets et prêts
à être utilisés ? Tu peux les mélanger et les assortir ? Vous pouvez prendre certains
éléments et ajouter à vos e-mails existants. Vous n'êtes pas obligé d'utiliser l'
intégralité du courrier électronique. Bien sûr. Ne pensez pas que vous devez
simplement changer l' ensemble de
votre marque et de votre
look pour qu'ils correspondent à l'une d'entre elles. Mais vous pouvez vous en servir comme une source d'inspiration
très forte, pourrait-on dire, et
vous faire une idée de la façon dont il est également utilisé. Comme vous pouvez le constater, pour
chaque
modèle d'e-mail créé dans Canva, j'ai également inclus l' e-mail de
référence sur
lequel il est basé Vous pouvez donc avoir une idée de ce qu'ils
utilisaient pour les couleurs ? Quel était leur contraste ? Quels étaient le format de police,
l' audace, l'appel à l'action ?
Que faisaient-ils ? J'espère donc qu'ils vous seront
très utiles,
et je vais inclure le lien
pour que vous
puissiez y accéder,
commencer à les seront
très utiles,
et je vais inclure le lien
pour que personnaliser, et je
vais continuer à en
ajouter de plus en plus De plus en
plus de modèles
apparaîtront donc au fil du temps. Alors gardez également un œil dessus. Vous pouvez
commencer par l'un d'
entre eux, mais j'espère qu'il y en aura mais j'espère qu'il y en aura bientôt de nouveaux que
vous pourrez utiliser, et que vous pourrez continuer à réorganiser et à intensifier vos efforts conception
de votre courrier électronique avec Maintenant, juste une petite question à ce sujet, si vous avez
des e-mails que vous
aimeriez avoir recréés
dans Camera, faites-le moi savoir, et je serai heureuse de vous
aider à le faire Et nous pouvons l'ajouter
à la
collection de modèles pour aider tout le monde. Alors faites-moi savoir,
envoyez-moi un message, faites-moi
suivre l'e-mail que
vous souhaitez recréer, et je verrai ce que
je peux faire pour vous Donc, que vous ayez choisi d' utiliser l'un des modèles Canva, créer un plan de travail client ou l'un des modèles
que je vous ai fournis, vous allez maintenant l'
ouvrir et nous
allons définir le design
dans Je vais donc travailler sur
l'un des modèles d'e-mail inclus dans
le modèle
que j'ai
partagé avec vous. Jetons un coup d'œil et je pense que nous allons
utiliser le dernier, mais vous pouvez y jeter un œil au fur et à
mesure que nous le parcourons, et ils sont assez longs. N'oubliez pas que vous n'avez pas besoin tous les e-mails aussi longtemps. Vous pouvez découper des sections
si vous ne l'avez pas. Ne te sens pas obligée
de combler
toutes les lacunes parce que
tu ne me fais pas confiance. Les gens ne liront probablement pas
tous vos e-mails, alors ne vous offusquez pas, mais incluez
simplement les éléments clés. Je vais donc
recréer cet e-mail ici. Si vous
regardez ce design, vous verrez qu'il est assez
simple et direct, mais il y a quelques
éléments clés à prendre en compte. première étant qu'il n'est pas nécessaire de créer tous ces
éléments dans Canva pour que nous puissions ensuite les utiliser
dans notre plateforme de courrier électronique Donc, qu'il s'agisse de
clavia ou de mail chip, vous pouvez créer la plupart de ces e-mails à l'intérieur
de la plateforme Mais pour cet exemple,
nous allons construire et
le concevoir dans Canva Une fois
que vous aurez ce design, vous pourrez ensuite décider
quelles sections vous devez intégrer
à la plateforme Il est toujours préférable de concevoir l'e-mail d'abord, puis de
l'évaluer ensuite. N'essayez pas de vous précipiter et de
faire les deux en même temps, car vous vous contentez de créer
des dégâts et vous faites souvent deux fois
plus de travail. Concevez d'abord l'Ema, une fois que vous avez obtenu la
structure que vous souhaitez, puis prenez ces
décisions par la suite. Pour cela, nous allons nous concentrer
uniquement sur le design
Ema lui-même. Donc, ce que nous pouvons faire maintenant, si nous faisons défiler
l'écran jusqu'au modèle lui-même, que nous pouvons voir
sur la diapositive suivante, nous pouvons voir que nous avons une
toile vierge sur laquelle travailler. Ainsi, dans chacun de ces modèles, les éléments individuels
sont tous séparés, sorte que vous pouvez avoir un
contrôle total sur les couleurs des polices. Et c'est ce que nous avons mentionné. Nous voulons nous
assurer que les couleurs et les
polices sont conformes à nos guides de
marque et de style Nous ne voulons
donc pas nous
contenter de ce qui s' y trouve. N'oubliez pas de l'aligner. Je vais juste passer rapidement en revue les
ajustements à apporter à ceux-ci, afin que vous les ayez également comme point de
référence. Ce que je veux faire,
c'est que je sais que certains d'entre vous ne connaissent peut-être pas
tout Canva et qu'ils auraient intérêt à voir un tempérament
repensé ou transformé en un nouveau style de look pour
une C'est ce que je
vais faire aujourd'hui.
6. Comment et pourquoi utiliser un guide de style de marque: L'une des
choses les plus difficiles lorsque vous
débutez avec un appareil photo est de
savoir comment prendre un modèle et l'
aligner réellement sur votre marque. Parce que souvent, vous savez, vous pouvez regarder
cet exemple et y aller, mais je ne suis pas une marque de soins pour la peau Je n'ai pas les
images comme celle-ci ou ces combinaisons de couleurs sympas
et les polices de ce genre. Comment puis-je appliquer cela
à ma marque lui donner une belle apparence sans la gâcher pour qu'elle soit
aussi qu'avant lorsque vous la
conceviez directement sur
la plateforme Donc, ce que je veux faire aujourd'hui,
c'est redessiner ce modèle de courrier électronique avec une apparence différente pour un autre type de produit, et simplement montrer à
quel point il peut être simple, avoir à trop
y réfléchir au moment de le lire. Donc, ce que j'ai fait pour
l'exemple, c'est que je viens prendre un kit de marque qui existe
déjà dans Camera, donc je recherche simplement dans le kit de marque des
modèles d'appareils photo. Donc, si vous êtes obsédé par
l'image de marque et que vous voulez quelque chose de rapide ou simplement
quelque chose pour susciter des idées, recommande
vivement de le
faire si
vous
débutez. L'un des
éléments clés que nous avons abordés était de faire
en sorte que vos designs
soient alignés sur votre marque. Et c'est un bon point
de référence à avoir. Cela peut être quelque chose que vous devez faire pour votre entreprise et simplement pour créer un guide de
marque ou de style simple. Beaucoup d'entre vous
ont peut-être simplement créé propre logo au départ
lors du lancement de votre marque, et c'est tout à fait normal J'ai vraiment adoré ça.
C'est exactement ce que j'ai fait, et je pense que c'est une
excellente façon de
démarrer et de démarrer. Le problème,
c'est que vous n'
avez souvent pas cette vision
des polices et couleurs et de l'utilisation
différente que vous pourriez avoir de ces éléments
de marque. Et c'est là que
les choses deviennent un
peu compliquées ou un peu grises vous essayez de vous développer et de faire un
autre type de marketing Comme vous ne
voulez pas être ces personnes
et que nous voulons nous assurer de la
cohérence, et que nous voulons nous assurer de l'
alignement et de la reconnaissance de la marque, nous voulons probablement créer
quelque chose comme ça. Je vous
recommande donc de créer un guide de marque simple si
vous n'en avez pas déjà un, afin de vous
permettre, à
vous ou à n'importe quel membre de
l'équipe, de créer
ces e-mails plus facilement vous ou à n'importe quel membre de
l'équipe, de créer et aligner sur cette
marque au fil du temps.
7. Configurer votre email: Nous examinons le modèle,
nous allons faire défiler au modèle modifiable
que nous avons ici, et nous pouvons voir que la première chose que
nous allons simplement
supprimer est un logo Donc, pour commencer, nous allons
simplement copier le logo, et nous allons
simplement l'ajouter ici. Donc, copiez-collez, et
nous avons le logo ici. Maintenant, il est évident qu'il a été perdu
dans le cloud. C'est bon Nous allons également remplacer
l'image. Alors, que pouvons-nous faire pour l'image ? Allons-nous simplement
prendre l'une des images qui existent déjà ici. Nous allons donc simplement
prendre celui-ci, et nous pouvons simplement le
copier. Vous pouvez simplement le télécharger depuis votre ordinateur et l'
ajouter directement. Ensuite, si nous la collons
dans ce plan de travail,
comme il s'agit d'un cadre, vous pouvez simplement faire glisser l'
image dans le cadre, et il
détectera que vous souhaitez placer cette image à
l'intérieur du cadre C'est si agréable et si facile. Nous cliquons donc sur l'image et la faisons simplement
glisser sur le cadre. Il est ajouté directement ici. Ensuite, lorsque vous souhaitez redimensionner cette image,
elle est maintenant dans le cadre. Je vais juste
double-cliquer dessus. Nous pouvons voir que nous avons
quelques options ici. Vous pouvez faire pivoter, étendre
avec l'IA ou recadrer. Je veux juste augmenter un peu la taille de
l'image pour qu'elle s'intègre
un peu mieux dans le cadre. Donc, si je prends juste le coin
ici et que je le fais glisser vers le haut, vous verrez que la taille augmente
légèrement. Déplacez-le légèrement vers le haut,
et c'est parti. En fait, je ne
sais pas si j'aime
la façon dont la main se trouve derrière le logo, alors je pourrais
l'abaisser légèrement. Ce sont les petites
choses qui comptent. Ensuite, je pourrais simplement déplacer
le logo d'une touche vers le haut. Parfait. Nous avons maintenant terminé
l'image du héros et la section du
logo. Maintenant, si nous remontons à
la section supérieure,
nous pouvons voir que les couleurs ne correspondent pas
tout à fait à la marque. Donc, si nous revenons à la marque, nous pouvons voir que nous
travaillons avec quelques couleurs
différentes ici. Prenons donc cette couleur. Tout d'abord, nous allons simplement
copier ce code hexadécimal, puis je reviendrai ici Et je vais juste ajouter
cette couleur à ce
titre de section. Ensuite, pour cette barre d'
annonces, je vais juste choisir
une couleur différente, donc nous pourrions choisir ce vert. Encore une fois, copiez ce code hexadécimal, puis je vais entrer
ici, coller cette couleur Ce n'est pas la bonne couleur. Je ne suis donc pas sûre de ce
qu'ils ont fait là-bas, mais nous allons simplement
passer à cette couleur alors. Et au lieu de cela, nous allons le
copier depuis le sélecteur de couleurs Cela pourrait nous donner
un meilleur résultat. Donc, si nous allons là-dedans, alors collez-le.
Parfait. Allons-y. Nous pouvons donc maintenant voir les
couleurs s'unir. Mais si vous vous souvenez de l'un des points clés
dont
nous avons parlé, c'est le taux de contraste. Maintenant, si je
regarde ces liens ici, je ne
les vois pas vraiment bien. Et si mon appareil n'offre pas
la meilleure résolution d'écran
ou la meilleure clarté des couleurs,
ou si mes yeux n'en ont la meilleure résolution d'écran
ou la meilleure clarté des couleurs, pas non plus, je ne pourrai les
lire et cliquer facilement. Nous voulons donc
ajuster cela pour nous
assurer d' avoir un bon rapport de couleurs. Donc, pour obtenir le ratio de couleurs, tout ce que nous allons faire est de
sélectionner ces éléments de texte, puis nous allons
changer la couleur de police. Et nous pouvons en fait consulter les directives de la marque. Nous pourrions utiliser du noir ou du brun. Je pense que nous allons juste
utiliser le noir pour le moment. Je sais, je pourrais
enfreindre les règles. Nous allons juste
sélectionner le noir. Et la prochaine chose que vous pouvez voir ici sur les directives relatives à la
marque, Montserrat Classic Encore une fois, je suis peut-être en train d'
enfreindre les règles, mais
Montserrat n'est pas réellement installé sur
cette instance Canva Donc, au lieu de cela, je vais juste utiliser le
Monate normal pour cela Donc, si je clique sur Poppins, où se trouve notre famille de polices, et que je vais juste aller
ici et rechercher Mond, puis nous allons le
voir apparaître ici,
et nous pouvons simplement cliquer dessus, et nous pouvons essayer. Voulons-nous le
moyen, le semi-gras, le gras ? Non, je pense que pour ça,
si nous passons à la moyenne, je pense que tout ira bien pour le moment. Et ensuite, ce que je peux faire, c'est
juste augmenter mon esprit. Et après les avoir tous
sélectionnés. Nous voulons également nous assurer qu' ils
sont tous positionnés de manière uniforme. L'espace entre
les deux est uniforme. Donc, si vous les sélectionnez tous, petit truc, c'est que vous pouvez
ensuite passer à la position. Une fois la position ouverte, vous pouvez voir l'espacement horizontal, et nous voulons espacer
uniformément horizontalement, cliquez dessus et c'est parti Vous ne voyez que très peu de différence, mais vous
constatez souvent que les e-mails contiennent de nombreux éléments qui
sont tous bizarrement espacés . C'est
donc un
excellent moyen de réduire
le risque et de vous faire gagner du
temps et de l'énergie cérébrale Pour le déplacer pixel par pixel. Ensuite, nous allons également faire la même chose pour la barre d'
annonce en haut. Nous allons donc
cliquer dessus et le remplacer également par Monsat Et nous pourrions opter pour
une note semi-audacieuse sur ce point. Encore une fois, c'est la dernière à laquelle je vais
faire référence, mais c'est juste pour vous donner une idée de la façon d'utiliser
une directive de marque. Souvent, une charte de marque contient
beaucoup plus de détails :
vous savez, texte d'
appel à l'action
doit ressembler à ceci ou à la police à
utiliser pour les titres, les
sous-titres et ce genre Je vais donc
tromper un peu le système
avec ça Donc, oubliez le Grand St, mais j'espère que cela vous donnera l'orientation et les conseils
dont vous avez besoin pour appliquer votre
image de marque aux e-mails. Nous en avons presque terminé avec
cette section supérieure. Nous pouvons donc faire
défiler la page vers le bas et nous pouvons
plonger dans le corps du texte. Nous pouvons donc voir que nous avons une
belle section de titre ici, et nous allons
ensuite y revenir et
ajouter cette police ici. Allons-y. Je dirais que cela semble un
peu trop grand, alors nous allons juste
le réduire un peu. Et je pense que 36 pixels est
une taille très raisonnable. Nous pouvons donc l'ajouter, et nous voulons simplement nous assurer que l'
espacement n'est pas trop fou. Ce n'est donc ni trop
grand, ni trop petit, car si vous faites
défiler le courrier électronique,
est-ce que cela va
paraître étrange ou Je pense que l'espacement
est à peu près correct, nous pouvons
donc le laisser tel quel Ensuite, nous pouvons faire apparaître
ce texte ici, et nous pouvons l'espacer par rapport au titre ci-dessus.
Voilà, nous l'avons. Mais nous allons maintenant modifier la famille de polices de
ce corps de copie. Donc, si vous cliquez sur
ce texte ici, puis encore une fois, allez sur Poppins ou si vous avez la famille de
polices ici, vous allez
aller à Montserrat, puis nous pouvons cliquer dessus
et simplement passer à la
normale, et normale, et Maintenant, vous avez
votre police dedans, et votre texte de titre est entièrement aligné sur l'image de marque. Je dirais que
cela
semble un peu
étrange au vu de la taille. Donc, je pense que le
corps copie 15 pixels. Nous ne voulons probablement pas aller en dessous de 14 dans ce cas, nous pouvons
donc le réduire au toucher et ajuster la mise en page comme suit. Ce que nous pouvons également faire, c'est chercher à augmenter la taille du
titre ici, juste pour lui donner une
meilleure hiérarchie. Donc, si nous augmentons
la taille du titre, réduisons-la légèrement, puis nous
voulons simplement y ramener cet espacement. Et nous y voilà. Je pense que cela semble
un peu mieux dans la mesure où nous avons maintenant un
peu plus de hiérarchie, le corps du texte et
le titre présentent une belle différence de
taille et sont faciles à parcourir Maintenant, vous pouvez avoir
cette section sous forme code de réduction inclus
dans votre série de bienvenue, ou il se peut qu'aucun code de
réduction ne vous soit attribué. Ce que je pourrais faire ici c'est simplement
mettre ce texte en gras, je pense, donc nous allons simplement le
surligner. Ensuite, allez ici
où se trouve la barre de style, et nous
allons cliquer sur le gras. Et puis vous avez juste
cet effet différent sur
l' endroit où vous aurez
le code de réduction. Cela peut sembler trop
audacieux, vous pourriez penser à vous
démarquer comme un pouce endolori. Donc, ce que vous pouvez faire à la place,
c'est que si vous désélectionnez le gras, vous
revenez à Monsrat Lorsque votre famille de polices comporte
plusieurs variables de pondération, vous pouvez ensuite sélectionner le
texte surligné que vous souhaitez modifier, puis accéder à la famille de polices, puis vous pouvez l'
ajuster en conséquence Vous pouvez donc voir que vous pouvez avoir encore plus ou moins d'gras. Nous allons simplement
atteindre le milieu et passer à mi-gras au lieu
d'en gras, et nous pouvons maintenant laisser
les choses telles quelles. Maintenant, le dernier élément
de cette section consiste à ajouter l'appel à l'action. Donc, si nous revenons
aux directives de marque, vous verrez
qu'il n'y
a pas d'appel à l'action pour
ces directives de marque. La dernière chose
à ajouter à
cette section est donc l'
appel à l'action. Donc pour cela, nous pouvons
simplement ajouter un joli bouton. Donc, que vous ayez un bouton
arrondi en forme de pilule ,
un bouton rectangulaire , peu
importe. Pour cela, nous allons
ajouter le bouton en forme de pilule. Ce modèle
possède donc déjà un style de bouton ici. Donc, si nous changeons de couleur, nous pouvons voir qu'il existe déjà une forme de
pilule. Nous voulons donc avoir
le fond blanc avec une bordure noire, puis le texte à l'intérieur. Je vais donc changer la couleur de
fond en blanc, puis je vais
aller ici et changer
le style de bordure. Ceci, nous allons juste
créer peut-être un ou deux pixels. Nous pourrions juste en choisir
un pour le moment. Et pour ce style de
marque en particulier, je veux que l'espacement des boutons soit un
peu différent Donc, la première chose que je
vais faire, c'est simplement
changer les
messages envoyés à notre voiture pour qu'ils passent à l'action. Ça va être de la
boutique, des nouveautés. Ensuite, je veux augmenter la hauteur et simplement
ajuster la largeur. Tout cela correspond donc un peu plus à la marque et à
ce que nous recherchons ici. Je vais donc simplement
augmenter ce montant légèrement, ajouter ces
accompagnements, et c'est parti. Ensuite, je vais
changer la police en Monsat, et je pense que nous pouvons utiliser Semi bold pour celui-ci Et nous y voilà. Alors maintenant, nous avons réglé cette section supérieure. Nous avons donc la
section héros avec la navigation,
la barre d'annonce qui se démarque bien, le contraste
des couleurs différent. Maintenant que nous en avons fini avec cette section, nous allons
passer à la suivante. Pour cette section,
nous allons changer la couleur de l'élément d'
arrière-plan ici Je vais
donc simplement passer aux directives de
la marque, sélectionner cette couleur ici, copier ce code hexadécimal. Retournez. Une fois de retour, cliquez sur
l'élément d'arrière-plan, puis sur la couleur qui y est sélectionnée. Ensuite, ajoutez une nouvelle couleur, et je vais coller
ce code hexadécimal dedans N'oubliez pas que vous pouvez simplement sélectionner la couleur que vous souhaitez à partir d'ici. Donc, si vous voulez un beau
jaune délavé pour votre marque, ou si vous voulez un
beau bleu doux Voilà. Vous pouvez
également sélectionner à partir de là. Je vais juste le coller, et
c'est parti. Maintenant, nous pouvons
voir que nous
travaillons sur quelques
éléments différents . Maintenant, pour vous, vous avez peut-être
des actifs que vous souhaitez ajouter. Pour certains d'entre vous, ce n'est peut-être pas le cas. Vous devriez peut-être
changer l'apparence et ne pas avoir
de textes trop longs, c'est
ce que nous
allons rechercher aujourd'hui. Donc, ce que je vais faire, c'est
commencer par un titre, je vais monter ici et cliquer avec le bouton droit sur
cet élément de texte. Donc, si vous cliquez avec le bouton droit de la souris,
faites défiler le style vers le bas, je peux cliquer sur cet élément de
titre ici, et cela
appliquera le style que nous avions déjà défini
sur cet élément précédent. Donc, maintenant que c'est
agréable et cohérent, nous avons de la cohérence dans
notre hiérarchie
de titres et dans notre structure de typographie,
comme vous le feriez Ensuite, nous avons réglé ce problème. Vous pouvez voir qu'un petit
fossé se forme ici. Nous allons donc simplement faire glisser
cet élément d'image et faire apparaître un peu,
et voilà. Pour cet exemple, je vais
supprimer ce texte superposé, donc je vais simplement le supprimer
pour le moment Revenez à l'image de marque, et je vais prendre
une autre image à partir de là. Je vais donc prendre cette
image de ce côté pour le moment, copier puis la coller dans le plan de travail
comme avant Comme il s'agit d'un élément d'image, nous pouvons ensuite le faire glisser directement
dans le cadre de l'image, et il s'
insérera dans cet espace. Allons-y. Maintenant
c'est là-dedans. Nous pouvons soit ajuster
la taille de ce cadre, soit
déplacer ce texte Dans cet exemple, je vais
faire un peu des deux. Vous pouvez donc voir
comment ajuster le cadre. Si vous cliquez sur le cadre ici, vous pouvez voir que nous avons des options. Nous pouvons faire glisser le pointeur par le coin. Cela permettra de conserver le ratio et
de l'agrandir ou de le réduire, ou nous pouvons faire glisser ces onglets
latéraux ici, qui vous permettront de l'étendre dans
chacune de ces directions. Donc, si nous prenons
celui du bas, nous pouvons l'étendre
un peu vers le bas , ou vous
pouvez le faire monter. Cela dépendra donc de
l'actif dont vous disposez. Mais disons que nous l'
étendons d'une touche jusqu'à là. Ensuite, je souhaite déplacer
ces éléments de texte vers le haut. ce faire, nous pouvons simplement cliquer sur chacun ces éléments et maintenir
la touche
Maj enfoncée en même temps. En faisant cela, je peux faire glisser le pointeur jusqu'en haut, et c'est parti. Nous avons maintenant un espacement
plus
constant entre le haut de la
section et le titre, le bas de l'action du carter, ainsi qu'entre chacun
des éléments. Il ne me reste plus qu'à
mettre à jour l'action du carter. Ce que je vais faire,
c'est revenir en arrière. Je vais juste le copier, puis
faire défiler la page vers le bas, supprimer la voiture d'action
qui s'y
trouve actuellement et coller
celle que je viens de copier, et nous allons simplement l'appuyer
vers le bas. Parfait. Vous pouvez donc également
modifier le texte de cette section. Dites cette section
pour les articles en solde. Vous pouvez simplement passer
à la boutique ou à la vente d'articles. Et voilà. Alors maintenant, vous avez également terminé cette
section. Vous pouvez donc évidemment
voir qu'il y a encore des éléments, comme les textes,
que je n'ai pas échangés. Vous pouvez facilement
cliquer dessus. Si vous double-cliquez, vous pouvez ensuite modifier l'emoji
ou ce qui se trouve ici Et vous pouvez également
simplement modifier le texte. Donc, une chose que nous
devons évidemment faire est de modifier le texte Montserrat
pour qu'il corresponde à
notre style, bien sûr Donc, si nous cliquons dessus, que nous les
surlignons toutes, que nous revenons à la famille de polices et que nous la
changeons en Montserrat Je vais donc simplement cliquer sur Montserrat,
et c'est terminé Vous pouvez donc voir
qu'ils sont maintenant des Monserat, et c'est encore plus beau En bas, nous
pouvons voir que nous avons une section similaire à la barre d'annonce
que nous avions en haut. Nous pouvons donc faire deux choses, il suffit de copier et coller
cette barre d'annonce. Ou si nous voulons avoir
le texte supplémentaire, et que vous souhaitez simplement ajouter
rapidement le style,
faites défiler la page vers le haut jusqu'à la barre d'
annonce, cliquez avec le bouton
droit sur l'un des éléments par lesquels vous
souhaitez commencer. Nous allons donc commencer par la section d'
arrière-plan, Copier le style, faire défiler la page vers le bas, coller ce style
sur cet élément d'arrière-plan, puis faire de
même pour la police. On fait donc défiler la page vers le haut, on fait un clic droit. Copiez le style, revenez en bas, collez. Allons-y. Maintenant, nous
avons terminé cette section. C'est sympa et facile. Le set
ne prend pas trop de temps. Et maintenant, nous avons une autre
petite section de navigation. Une chose similaire. Nous pouvons mettre en évidence tous
ces éléments. Vous pouvez soit cliquer sur
tous
ces éléments avec la touche Maj, soit simplement les faire glisser vers le haut. Nous allons changer
cela pour Monsat, et nous allons passer au
semi-gras ou au moyen, je
crois que c'était le cas. Ensuite, comme la dernière fois, ajustez
simplement l'espacement,
donc faites-le glisser légèrement vers l'extérieur Sélectionnez chacun des éléments, puis cliquez sur les trois points ou
passez à la position. Mais cette fois, nous
pouvons faire trois points, puis nous pouvons parcourir l'espace de
manière uniforme et ranger Allons-y. Maintenant, dans les
dernières sections, nous avons cette section en bas
de page Donc, si vous voulez
l'élément vague, vous pouvez le garder là. Il suffit de cliquer dessus,
puis je vais prendre une couleur de notre
marque ici Je vais
donc prendre celle-ci,
puis vous pourrez simplement changer la couleur dans cette
section. Allons-y. Ensuite, je vais faire la même chose pour les
sections situées en dessous. Donc, ces deux
boîtes grises, c'est pareil. Surlignez-les, passez à la couleur, puis je vais simplement
y
ajouter cette couleur . Allons-y. Tu pourrais y aller. Je
n'ai aucune utilité pour cette section de vague, vous pouvez
donc simplement cliquer dessus, supprimer, et le tour est joué. Et puis, si vous souhaitez ajouter un
nouvel arrière-plan, vous le pouvez. Vous pouvez simplement utiliser l'un de ces blocs. Vous pouvez
soit le faire glisser vers le haut. Donc, si vous cliquez dessus, utilisez cet onglet ici, faites glisser
le pointeur jusqu'en haut. Vous pouvez le faire, ou vous pouvez le faire glisser jusqu'à cet endroit si vous
voulez le laisser blanc. C'est à vous de décider. Tu
peux faire ce que tu veux. Vous pouvez ajouter
plusieurs autres blocs de ce type, afin que nous puissions les faire glisser vers le bas ,
puis simplement
les copier-coller. Ensuite, nous pourrions ajouter une section
de couleur différente ici. Donc, si nous le faisons glisser vers le haut, nous pourrions rendre cette section
verte plus foncée, et c'est parti. Tu pourrais
faire quelque chose comme ça. Pour l'instant, je vais rester
simple parce que nous aimons la simplicité. La seule chose que vous pouvez voir,
c'est que cela se chevauche. Donc, si une section
chevauche d'autres éléments,
cliquez sur l'élément, cliquez avec le bouton
droit de la souris, passez à la couche, et nous vous
la renverrons Cependant, pour cet exemple, je vais revenir
à l'élément wave, donc je vais simplement
annuler toutes ces modifications. Il suffit donc de cliquer sur Annuler. Et nous y voilà. Nous avons donc
retrouvé la section des vagues. Et ce que vous pouvez voir ici, est que
nous avons des sections sur les
avantages des magasins. Ainsi, pour chacun d'entre eux,
nous pouvons y mettre
une icône ou une image,
puis modifier le texte. Vous avez donc déjà des icônes que
vous souhaitez utiliser.
Peut-être que tu ne le sais pas. Nous utilisons à la fois des icônes provenant de bibliothèques de ressources auxquelles
nous avons accès et des icônes de conception personnalisées. Chaque magasin peut être
un peu différent. Ce que vous pouvez également faire, c'est si vous voulez juste quelque chose de
simple et facile, entrer dans les éléments, et nous
allons faire une recherche et
peut-être aller, vous savez, nous voulons renvoyer l'icône. Nous allons donc y retourner, puis voir ce qui se passe. Donc, si nous examinons les graphismes
et que nous allons tout voir, nous pouvons voir de nombreuses
options différentes se présenter ici. Donc, selon votre marque, vous voudrez peut-être avoir
quelque chose d'un peu plus audacieux Vous voudrez peut-être quelque chose d'un peu
moins audacieux ou moins intense. Mais peut-être allons-nous simplement opter
pour l'un d'entre eux. Disons simplement que nous optons une simple sorte de signe infini de
retour ici. Nous
allons donc soit simplement le faire glisser, soit cliquer pour l'ajouter
à notre plan de travail. Ensuite, nous allons simplement faire glisser là où
nous voulons qu'il aille. Et évidemment, nous allons
devoir le redimensionner. Ensuite, je vais juste prendre la flèche et la réduire. Ensuite, je pourrai le mettre là
où nous voulons qu'il aille. Maintenant, comme il s'agit d'un graphique, il ne remplacera pas ou ne rentrera dans le
cadre de l'image, car il est légèrement différent de la
façon dont il est conçu sur Canevas Nous avons donc l'impression de cliquer
là où se trouvent le cadre et le texte, de les dissocier. Nous avons donc l'impression de
sélectionner le graphique situé derrière Nous allons
donc déplacer le
graphique ou l'icône dans un sens ou dans l'autre, supprimer le cadre de l'image et remettre le graphique en place.
Alors, on y va. Maintenant, nous l'avons.
Je vais remplacer le texte des avantages du magasin par ici,
puis passer à Monsat Encore une fois, nous pourrions
créer ce média, juste pour faciliter
un peu lecture de ces avantages, car
ils sont importants et nous voulons que les
gens les voient. Vous pouvez donc
répéter ce processus pour chacune de ces quatre sections. Mais disons simplement que vous n'en
avez pas quatre. Peut-être que tu
n'en as que trois. Donc, ce que nous pouvons faire ici, supprimer l'une
de ces sections et en faire simplement
passer trois, par exemple. Donc, ce que je vais
faire, c'
est supprimer les
trois. Ensuite, nous pouvons
prendre celui-ci et dupliquer en
trois autres instances. De plus, avant cela,
je pourrais simplement augmenter légèrement
l'espacement et augmenter la taille de la police
à 12. Nous l'avons là. Ensuite, je peux simplement passer à la vitesse
supérieure, cliquer sur ces deux
éléments et les faire glisser au milieu, puis je peux passer de
l'autre côté. Et nous pouvons voir ici Canbll
vous dit souvent quand vous êtes
parfaitement séparés . Donc,
comme vous pouvez le voir là-bas. Je pense que c'est un
peu trop
éloigné par rapport au
reste du courrier électronique, donc je vais juste les
apporter légèrement. Là-bas, puis faites de même de ce côté où
nous pourrons apporter celui-ci. Et encore une fois, cela devrait nous dire que nous
y voilà. Alors maintenant,
nous les avons terminés. Vous pouvez ajouter d'autres graphiques, donc encore une fois, vous pouvez
accéder aux éléments, aller ici, et vous pourriez dire que vous pouvez être un peu créatif. Supposons donc que vous
vouliez parler de votre, cette icône en forme de cercle pourrait
être destinée aux retours gratuits. Maintenant
que nous avons cette soudure de mise en page, vous
devez vous
assurer de bénéficier de trois avantages différents Ne vous contentez pas d'en
répéter un trois fois, vous voudrez peut-être simplement
ajouter quelques éléments supplémentaires. Alors n'hésitez pas à vous
lancer dans les éléments. N'oubliez pas que les icônes
ne doivent pas nécessairement
correspondre explicitement à ce que vous dites. Tant que cela correspond à
l'
ambiance de votre marque Supposons donc que vous en ayez un
autre qui concerne les
points de fidélité. Il faudrait peut-être y avoir un
cœur ou quelque chose comme ça. Passons donc au cœur, puis nous pourrons
voir les différents
cœurs , graphismes ou formes. Et nous pouvons prendre celui-ci ici, ajouter, le réduire
évidemment, puis nous assurer qu'
il correspond à ce que nous
voulons qu'il aille. Ensuite, vous pouvez l'ajouter.
Une fois que vous l'avez obtenu, sélectionnez le cadre situé derrière,
supprimez-le, et c'est parti. Faites-le donc pour le troisième, et vous aurez presque terminé votre section des avantages. ne reste plus qu' ajouter le
nom et les signatures de votre entreprise. Bien que cela soit très
probablement
géré au sein de votre plateforme de
messagerie elle-même, juste pour simuler le design,
vous pouvez ajouter le nom de votre entreprise, qui rappelle que dans ce cas, nous sommes un studio de mode quatre étoiles, donc nous pouvons simplement le
taper ici Mode Four Tette. L'idée est là, puis nous avons
les icônes sociales ne vous
reste donc plus
qu'à en changer
la couleur, afin que nous puissions cliquer sur
l'icône sociale, puis revenir en arrière et sélectionner le code hexadécimal pour
cette couleur verte Ensuite, nous pouvons simplement
ajouter cette couleur ici. Vous pouvez donc le faire si vous le
souhaitez et changer cela pour nous, je vais
les laisser en blanc pour le moment, et nous pouvons laisser le
reste tel quel également. Mais il en va de même pour les graphismes. Si vous l'avez ajouté en tant que
graphique ou élément de forme , vous pourrez
souvent
changer la couleur, pas toujours, alors
gardez cela à l'esprit. Vous serez souvent en mesure
de changer les couleurs, mais certains éléments de Canva
n'en ont pas la possibilité Alors ne devenez pas fou s'
il ne vous le permet pas, ce n'est pas vous, c'est Canva Fais-moi confiance. Et enfin,
dernière chose, je vais juste changer
la couleur de ce séparateur Vous pourriez regarder
cet e-mail et partir. C'est presque terminé. Vous savez, nous n'avons pas besoin de
faire grand-chose d'autre. Mais ce que je suggère toujours,
c'est de faire un dernier tour horizon et de réfléchir aux
éléments clés dont nous avons discuté.
8. Examen final et audit: Ces points clés,
tout tourne autour de la clarté, facilitent l'engagement des
personnes, facilitent
la lecture, garantissent un espacement correct et des éléments cohérents Donc, ce que je dirais, c'est
qu'il y a certaines choses que je voudrais
peut-être simplement changer. Donc, quand je fais un run
through, je me dis :
OK, nous avons un quart d'action là-bas, une voiture pour l'action là-bas. Mais au-dessus du pli,
il n'y a pas de quart d'action. Mais je pense que j'
aimerais en avoir un. Donc, ce que je pourrais faire, c'est copier cette action trimestrielle ici, revenir, puis je vais
simplement la
coller dans cette section. Et si vous descendez, faites-le glisser un peu vers le bas, puis nous pourrons en ajouter un
et faire vos achats en ligne. Soyez un peu plus créatif
avec l'appel à l'action, mais cela va soudainement
un peu mieux. Que nous avons un appel
à l'action en haut de
la page lorsque
quelqu'un ouvre un e-mail. Vous voudrez peut-être modifier un peu
votre style. Disons simplement que nous voulons que
la frontière soit large. Nous ne voulons peut-être pas d'arrière-plan. Vous pouvez voir à quoi
cela ressemble. Si vous n'avez que du texte blanc
avec le bouton blanc. Cela semble assez
clair, mais je pense que pour des raisons d'accessibilité
et de lisibilité, je pourrais simplement le
garder sur fond blanc
avec du texte noir C'est un petit changement rapide. Vous pouvez le voir ici, ça
a l'air plutôt bon. Je remarque un peu d'espacement
irrégulier, vous pouvez
donc simplement l'
ajuster et rendre agréable et uniforme
ou un peu plus près de Nous pouvons donc y aller à peu près. Encore une fois, ce sont de petits détails,
mais ils peuvent simplement rendre les choses un peu plus faciles
à parcourir et à lire. Je passe à cette section.
Je trouve que ça a l'air bien. Vous pouvez évidemment
jouer en modifiant ce bouton pour qu'il soit
plus foncé ou en utilisant le marron puis en
ayant du texte blanc ou la même couleur que l'arrière-plan.
Vous pouvez également le faire. Donc ça se démarque vraiment et ça
fait ressortir beaucoup
plus. Alors tu sais quoi ? Je pense que nous pourrions
laisser cela et avoir un bouton plus foncé dessus parce que le contraste est très
élevé, et vous ne pouvez pas manquer
cette action corallienne maintenant. Alors qu'avant, si nous y repensons, pour être honnête, cela se fondait
un peu. Alors maintenant, il se démarque et il éclate encore un
peu plus Ensuite, en bas, je n'aime plus
vraiment cette
navigation. Je pensais l'avoir fait,
mais tu sais quoi ? En fait, je
vais juste les supprimer et également supprimer ces vagues.
Je vais donc le supprimer. Ensuite, je vais faire glisser toute
cette section vers le haut pour simplement
tout mettre en évidence, faites-la glisser vers le haut. Il est donc agréable de s'
y rapprocher avec un espacement uniforme, puis d'augmenter simplement
la hauteur de cette section rectangulaire.
Et voilà. Nous pouvons donc simplement ajuster la touche
d'espacement. Et parfait. Alors maintenant, ça rassemble un peu plus les
choses. Je ne pense pas que les vagues
et ces liens ajoutent autant de valeur en toute honnêteté. Et nous y voilà. Nous venons faire un rapide audit.
Dans cet audit. Je pense que nous avons simplement mis de l'
ordre, rendu les appels à l'action
un peu plus clairs, plus accessibles dès le premier
contact avec l'e-mail afin que
les utilisateurs puissent agir rapidement et
immédiatement et simplifier le design. Nous avons
supprimé l'encombrement visuel qui n'ajoutait pas beaucoup de valeur à l'expérience
client dans le courrier électronique,
lors du défilement
et de la lors du défilement
et N'ayez jamais peur de concevoir quelque chose, de vous asseoir dessus
pendant un petit moment, revenir avec un
regard neuf
et de supprimer le travail que vous avez fait. Je sais que cela peut parfois être un peu plus effrayant, voire bouleversant, mais n'ayez pas peur de
supprimer le travail que vous avez effectué, de le simplifier
et de
réaliser que moins c'est mieux, surtout lorsque nous voulons que
l'accent soit mis sur le client lorsqu'il s'agit d' le code d'action contenu
dans le courrier électronique
9. Conclusion: Alors voilà. Nous terminons
maintenant la conception de notre nouvelle
campagne d'e-mail au sein de Camba Et je pense que si vous regardez
le temps qu'il nous
a fallu pour le faire pour la première fois et pour le faire comme ça, vous allez de plus en plus vite
les assembler. Et au fil du temps, vous aurez également de plus en plus de vos
propres modèles à référencer. La qualité de
vos e-mails et
l'engagement vont donc continuer à s'améliorer au fil du temps. Ne vous inquiétez donc pas si au début, cela vous semble un peu plus lent
ou un peu délicat. Tu vas t'
améliorer. Fais-moi confiance. Continuez simplement
à jouer avec un appareil photo, Figma, quel que soit l'outil que vous utilisez
pour concevoir vos e-mails, et cela deviendra de plus
en plus facile au fil du temps Et j'espère que vous vous
sentirez un
peu plus en confiance
pour appuyer sur Envoyer de
votre prochaine campagne par e-mail
lorsqu'elle un peu plus belle et
plus adaptée à votre marque. Et pas seulement comme si c'était la
première fois que vous concevez un e-mail et l'associez à une plateforme de messagerie, car nous avons tous
vu ces e-mails ou même les avons
créés au début. Et ils ne sont pas toujours agréables quand
on y repense. Voici donc la fin de notre atelier sur la conception d'e-mails
à l'intérieur de Campa Et la prochaine chose que nous
allons faire est transférer ces designs
à Clavio Restez donc à l'affût
du prochain atelier. Et j'ai hâte de vous
montrer comment intégrer ces designs
dans Clavio, quel que soit le port e-mail
que vous utilisez N'hésitez donc pas à me faire
savoir si vous avez des
questions en
attendant, pendant que vous
concevez tout ce qui se trouve dans
Camba ou autour des modèles Sinon, j'ai
hâte de voir le prochain atelier
et je suis impatiente de
voir les designs de courriels que vous allez créer.