Transcripciones
1. Introducción al diseño de correos electrónicos en Canva: Ya sea que necesite
nuestro marketing para su propio
negocio o trabaje dentro de un negocio que lo necesite o tal vez incluso
brindarlo como un servicio, entonces este curso le ayudará a diseñar
correos electrónicos atractivos dentro de Canva, o cualquier plataforma, puede tomar las mismas prácticas
en cualquier plataforma, pero vamos a
estar trabajando dentro de
Camera en esta para
todos los
ejemplos. Y vamos a ayudar a que los correos electrónicos
atractivos sean realmente orgullosos de mostrarle a la gente. Ahora, todos hemos estado ahí
donde enviamos un correo electrónico, y piensas que
en realidad es bastante malo, ¿no? Al igual que, le dediqué
tanto tiempo. A lo mejor no tanto
tiempo. ¿Quién sabe? ¿Todos son diferentes? Y piensas que simplemente no se ve bien. No importa lo que
haga, por alguna razón, simplemente
se ve muy genérica y muy simple Jane, básicamente. Entonces, lo que vamos
a hacer es hacer que
estos correos electrónicos sean atractivos
sin exagerar. Pero algo que puedes hacer sin gastar horas en ello. Incluso podrías tomarte
menos tiempo que antes y comenzar a aumentar tu
compromiso con estos correos electrónicos. Y ojalá ganar más dinero, ventas, consultas, sea cual sea
tu objetivo. Así que vamos a sumergirnos en ello, y te veré
en el siguiente video.
2. ¿Por qué diseñar correos electrónicos en Canva?: Me preguntaría por qué
estamos usando Canva y no diseñamos esto dentro de la plataforma de
correo electrónico en sí Y para ser honesto contigo, puedes hacerlo dentro de
la plataforma de correo electrónico. Pero siempre está la trampa 22, porque al diseñar directamente
en la plataforma de correo electrónico, a menudo
he encontrado que la gente
deja bordes irregulares, ya sea que tenga que ver
con
el espaciado o las formas que usan o la
forma en que recortan
las imágenes, todo puede parecer un
poco áspero cuando se
junta,
porque es un poco más
rígido cuando estás restringido a esos elementos o los
bloques que te dan. Ahora bien, si sabes cómo codificar y hacer todos los cambios
dentro de un Clavia, puedes lograr la mayoría de los diseños que realmente quieres
dentro de ahí Pero la cuestión de hecho es a menudo
es más fácil
y
eficiente en recursos diseñarlos en algo como Canva y exportar esos elementos y llevarlos a la plataforma de correo electrónico Y esta es una solución completa
sin código, por lo que significa que tú o cualquier persona
de tu equipo puede hacer esto. Entonces, una vez que tengas
la plantilla ahí, puedes hacer que un
miembro del equipo salte, comience a producir los correos
electrónicos por ti. No te vas a preocupar de que se vayan a hacer pícaros y ya
sabes, quién sabe
lo que van a hacer dentro de una clava
tal vez solo un correo electrónico de
texto plano con alguna fuente rosa
o morada ahí No lo sabes. Pero cuando estás dentro de una Canva, puedes construir
más una plantilla,
una estructura clara que luego puedes llevar a las plataformas de correo
electrónico Una vez que lo tengas
ahí, es posible que tengas bloques
reutilizables dentro
de la plataforma, que puedas seguir
usando a través tu flujo automatizado o correos electrónicos de campaña de
correo electrónico. Pero en el mundo ideal, en
realidad queremos estar usando algunas
de las secciones de
la propia plataforma de correo electrónico, y algunos de los componentes que vamos a diseñar
o construir a partir de Canva Y queremos
fusionarlos básicamente cuando
creas tu campaña de correo electrónico
o tu diseño de flujo de correo electrónico. Entonces, al final, no hay nada correcto o incorrecto, qué
plataforma usas, dónde es Photoshop
Illustrator, Canva, Figma, para que puedas diseñar allí
y traerlos a través o hacerlo todo dentro de la propia plataforma
EMA, sea lo que sea
con lo que te sientas cómodo y sientas que puedes obtener el mejor resultado y es más eficiente para ti y el equipo con el
que estás trabajando
3. 5 principios clave de diseño y diseño: Cinco
principios clave de diseño y diseño que
debes tener en cuenta al
diseñar tus correos. El primero es la
jerarquía visual y los puntos focales. Ahora, por lo general el objetivo
principal de cualquier correo electrónico será
impulsar algún tipo de acción. Ahora bien, tal vez no
siempre sea así,
pero en la mayoría de los casos, lo es. Y lo que queremos
asegurarnos entonces es que toda
nuestra jerarquía visual lleve al botón de llamada a
la acción. Ese botón de acción de carter
es lo principal que queremos que la
gente vea e interactúe
o se involucre con. Entonces, al decir eso, lo que no
queremos hacer es poner ese pequeño botón de
acción carter abajo en una pequeña fuente
pequeña con solo texto plano que solo tiene
algún espacio en blanco a su alrededor, y esperar que la gente lo
encuentre abajo. Nosotros no queremos hacer
eso. Queremos asegurarnos de que usamos imágenes.
Utilizamos espacios en blanco. Usamos el tamaño de la fuente, todo para guiar
el ojo y guiar al lector a esa acción
carter. También puede ser la colocación
del llamado a la acción, por lo que queremos
asegurarnos de que este se coloque por encima del
pliegue, por ejemplo. Queremos asegurarnos de que al
menos un botón de llamada a la acción sea accesible dentro de
esa
primera pequeña vista que cuando miras en un correo
electrónico, puedes verlo. Hazlo simple y
hazlo fácil para las personas. No lo compliques demasiado. Esto se vincula perfectamente con
el segundo punto que es el equilibrio, el espaciado
y la simplicidad. Esto no es difícil, pero a menudo
algo que la gente equivoca porque trata de
meter demasiado en un correo electrónico Queremos utilizar
imágenes y texto para apoyar el llamado a la acción,
no quitarle. Mantenga los párrafos agradables y cortos. Mantener considerable el espacio entre las imágenes y los
párrafos. No necesitas
tenerlo súper, súper cerca. Tampoco
lo quieres muy lejos. Sólo una buena brecha. Cuando puedes
mirar ese correo electrónico, si personalmente
puedes simplemente abrirlo y echar un vistazo rápidamente, puedes hacerte una idea de
lo que está hablando? ¿Las imágenes en el texto se
apoyan unas a otras que luego ayudan a llevar al botón
call dction y a la gente a involucrarse con él O son todo tipo de cosas
simplemente separadas, y hay muchos párrafos de texto grandes y
largos, que probablemente
nadie va a leer, y luego solo está
causando confusión. Recuerda, mantenlo simple. Queremos limitar el
número de activos en el correo electrónico y mantener párrafos o cualquier
texto breve y dulce. No lo hagas como
leer una carta larga. Queremos que sea breve,
dulce y atractivo. Eso es todo. El tercer punto es la optimización del diseño móvil. A menudo encontrarás que la
gente diseña
correos electrónicos increíbles similares a sitios web
que se ven geniales en un escritorio. Pero una vez que abres en
una pantalla más pequeña, todo simplemente se ve abarrotado Los diseños cambian.
Todo se rompe, y
en realidad ya no se ve muy atractivo ni agradable de
ver. No fluye de la
manera que lo hizo en el escritorio. Entonces, lo que queremos
hacer es diseñar los correos para móviles. Y para ser honesto, probablemente
vas a tener del 60 al 80% de tu audiencia
mirando ese correo electrónico en el móvil. Entonces, con el móvil en mente, algunos de los elementos clave
que queremos estar considerando es mantener
un diseño de una sola columna. No queremos una
estructura de rejilla demasiado compleja, mantenla simple. En segundo lugar son los tamaños de fuente
lo suficientemente grandes. En el móvil, es posible que
veas a veces la gente encoge los tamaños de fuente
por debajo de los 12 píxeles. Ahora, muy raramente vas
a poder leer eso, y las cosas pueden verse súper pequeñas, especialmente si tienes texto y un activo de imagen en el escritorio podría verse
genial cuando se expande. Una vez que eso se encoge
a una pantalla móvil, ¿aún
puedes leerlo Necesitas estar
revisando estas cosas antes de enviar el correo electrónico. Y otra son las acciones coralinas. ¿Todavía caen dentro
del marco correcto de
lo que tenías en mente? ¿Tenías ese
primero por encima del pliegue? ¿El otro donde lo
tenías a la derecha? ¿Eso ahora se rompe
y está por debajo un activo diferente al que
pensabas antes? ¿Cómo
fluye todo esto? Solo tienes que verificar todo esto.
Es súper fácil. Envíese primero una pequeña prueba de
vista previa y asegúrese de que su llamada a la
acción siga
sobresaliendo y sea fácilmente accesible
para participar. Porque, como
todos hemos estado antes, estás tratando de hacer clic en
algo en tu teléfono y los botones demasiado
cerca de otra cosa, y terminas haciendo clic en
eso. Es un Shamozle Queremos asegurarnos de que
ese botón se mantenga
agradable y claro. Podemos hacer clic en él fácilmente, y tenemos suficiente espaciado y todo lo demás en el medio. Así que solo revisa eso para el móvil. Eso va a ser una
prioridad máxima. Así que tenlo en mente. Cuatro es el uso de una
marca consistente en el estilo. Eso no es
peor cuando ves una marca invertir en
alguna marca genial, y luego
miras su correo electrónico y
el sitio web y las redes sociales
y nada se une Todo se ve tan diferente. No tienes reconocimiento
de la marca. Y está justo
por todas partes. Asegurarnos de que
tenemos el uso de marca y un estilo
consistentes en todos los correos electrónicos realmente
va a ayudar
a generar confianza y reconocimiento
fácil para las personas cuando están viendo
tu sitio web, o tus correos electrónicos o redes sociales, todo va
a vincularse, y harán clic y el cerebro de
Bill que, Oh, esa es esa marca Esa es tu marca con la que
me estoy comprometiendo, y tendré más confianza
que se ha construido ahí. Lo principal es mantener consistentes
los colores, los tamaños de fuente, el uso de logotipos, todo ese
tipo de cosas. Simplemente ordenar no
parece una marca
nueva aparece en tu
bandeja de entrada cada vez Simplemente manténgalo simple,
manténgalo consistente. Eso va a ser
clave para construir ese reconocimiento de marca
que buscas. Por último, número cinco,
legibilidad y accesibilidad. Queremos asegurarnos de
que sus correos electrónicos sean realmente legibles a través de dispositivos móviles, de
escritorio, tabletas por
las personas que lo reciben. No solo que se ve
bien en un archivo de diseño, sino que en realidad es
legible y accesible. Lo último que
queremos es un bajo contraste en los colores que se
usen uno encima del otro. Texto que es demasiado pequeño para leer, mucho menos si es
de bajo contraste, también. Terrible combinación. La acción Cort es demasiado pequeña para incluso hacer clic o
distinguir entre otros textos y las imágenes no se están cargando que no
tienen descripciones antiguas Solo ten en cuenta estas cosas, son súper simples de
verificar y solo de probar. A pesar de que podría
verse mejor de una manera, a veces usando un cierto color o un cierto tamaño de fuente
cuando está en el archivo de diseño. Solo recuerda que estos
correos electrónicos sí sirven a un propósito, y la idea es
conseguir el compromiso
de la audiencia, no solo hacer que se
vean y vayan. Oh, eso es bonito,
y luego sigue adelante. Queremos que paren, se
involucren o absorban lo que sea que haya
en ese correo electrónico y
hagan ese clic. Eso es todo lo que realmente importa. Así que incluso podrías sacrificar
un poco de diseño o un poco de esa libertad
creativa esperas tener, no
importa. Ese no es el punto de esto.
Queremos asegurarnos de que sea legible y
atractivo. Eso es todo.
4. Preocupaciones de la entregabilidad del correo electrónico: preocupación común que tiene la
gente es diseñar mi correo electrónico y
algo como Canva, y luego importar
todas las imágenes y activos a través de
la plataforma de correo electrónico, afectará mi capacidad de entrega de correo electrónico Y la respuesta es, bueno, sí y no. Entonces todo depende de
cómo lo hagas. Lo que queremos asegurarnos es que cuando estamos trayendo
elementos a través, lo primero es, si es
solo un elemento de texto plano, y no hay animaciones. No hay superposición
ni nada por el estilo. Entonces haz que sea un
bloque de texto dentro del correo electrónico, usando una de las plataformas de correo
electrónico, componentes de
texto, básicamente. Entonces, cuando podamos,
queremos asegurarnos de usar las plataformas,
componentes o secciones de correo electrónico ,
donde tenga sentido. No siempre queremos
estar usando una imagen si realmente
podemos usar esas
secciones que nos proporcionan. Lo segundo es que cuando
traemos activos, queremos asegurarnos de que
estén optimizados. Ahora, no hay nada
peor cuando haces clic en un correo electrónico, y
luego solo queda en blanco. No aparece nada. Las imágenes están tomando
tal vez 10 segundos o carga, estás ahí sentado esperando,
y luego de repente, empiezas a verlas rodar. Lo que podemos hacer ahí es optimizar
las imágenes y asegurarnos que se exporten de acuerdo
al uso de donde vayan. Entonces, si solo tienes un pequeño
mosaico que podría ser 100 píxeles por 100 píxeles, no
hagas de esa una imagen del
tamaño de una bana que
solo estamos colocando ahí. Eso podría ser, a veces he visto correos
electrónicos de gente con dos, tres
archivos de imagen de megabyte ahí dentro Es absurdo.
No necesitas eso. Se puede bajar eso a
100 kilobytes o menos, incluso en las decenas de No necesitas tamaños de archivo
masivos. grandes medidores de archivos no
significarán una mejor calidad o solo significarán menos entregabilidad
y menos compromiso Ahora, lo tercero es
también agregar texto antiguo. Las imágenes de texto antiguas significarán que
si la imagen no se carga, y a veces las personas en
cajas tienen
medidas de seguridad implementadas, es cajas tienen
medidas de seguridad implementadas, posible
que no carguen
la imagen hasta que hagan clic en Mostrar imágenes que
queremos que tengan texto antiguo. También es importante para
la accesibilidad. Entonces, si las personas tienen lectores de
pantalla, esto también
les ayuda a experimentar su correo electrónico y saber en qué hacer clic o lo que realmente se
muestra en la pantalla. Entonces no hay ningún daño en esto. Tarda solo unos
segundos en hacerlo también. Entonces, si no lo estás haciendo, es solo porque
estás siendo flojo, y simplemente puedes
hacerlo cuando agregas la imagen a
Plavio o chip de correo Cualquier otra plataforma de correo electrónico. Tendrá la opción de agregar un
enlace y muchas veces lt texto también. Siempre solo asegúrate de poner una descripción simple de lo que se
está mostrando en la imagen. Te va a ayudar, y
va a ayudar con la
entregabilidad, y también a cualquiera que vea
tus correos electrónicos si algo iba a salir mal cuando se cargaron las imágenes, por
ejemplo Entonces, en resumen, no,
estarás bien, pero sí queremos asegurarnos usar una buena combinación
de todo. Entonces los elementos
que se proporcionan desde la plataforma de correo electrónico y también los activos que estamos creando
dentro de la cámara. Queremos unir a
todos esos y hacer que funcionen como uno solo. No necesitamos simplemente
depender de uno u otro. Ellos pueden trabajar
juntos, y
vas a encontrar que ese es
un equilibrio perfecto. No deberías tener ningún
problema cuando lo haces.
5. Elección y configuración de una plantilla: Ahora, estamos listos para
saltar a Canva, y vamos a estar
diseñando tu primer correo electrónico Hay algunas
opciones que tienes aquí. Uno, Canva tiene muchas
plantillas existentes. Entonces, lo que puedes hacer es una vez que
hayas abierto tu Canva, es cabeza a plantilla y solo
buscar en diseño de correo electrónico Entonces, como puedes ver,
hay muchas plantillas
diferentes
que ya existen en Canva que puedes usar,
ya sea inspiración Puedes tomar la plantilla y
luego personalizarla tú mismo, para que puedas usarla como base
de nuevo correo electrónico,
lo que quieras. Tampoco tienes que
usar toda la plantilla. Se podría decir, Oh, me
gusta mucho este, pero quiero solo quiero
robarme esta imagen de banner. Realmente no me gusta el
resto. Yo solo quiero tener la imagen de banner simple
con ese tipo de texto. Perfecto. También puedes
crearlo tú mismo. Entonces la otra opción es, vas a crear un Diseño, y puedes ir al
boletín electrónico que ya existe como formato de
plantilla aquí, y luego puedes comenzar a diseñar tu correo electrónico dentro de esta
nueva mesa de trabajo personalizada Como puedes ver, todavía hay otros activos de Canva que
puedes usar mientras estás en esto Ahora Camber te va a
sugerir todos
los diferentes
activos de correo electrónico que podrían ser relevantes para el tipo
de mesa de trabajo que tienes Entonces en este caso, es correo electrónico. Entonces eso es genial porque queremos muchos activos relacionados con el correo electrónico. Para que puedas desplazarte por
ahí, puedes ver
cosas diferentes e irte, Oh, ¿no me gusta eso? Oh, esto va a funcionar bastante bien. Si sólo hago clic en
éste, entonces puedo ver eso. O bien, aquí van más opciones
recomendadas. Perfecto. Voy
a tomar esta. Me gusta la mirada a
ese pedacito y hecho. Entonces vamos, ahora puedo
tomar esto, puedo entrar, y puedo cambiar este
texto si me gusta, voy, Oh,
en realidad, mi oferta
es de $150 perfecta. Y luego ya terminamos. Ahora básicamente
acabas de conseguir esto. Esto va a quedar
mejor que el correo electrónico de la mayoría de la gente, y acabas de hacer unos
clics dentro de una cámara. Me gusta, piénsalo
por un segundo y ve, ¿Esto se ve mejor que la
mayoría de los correos electrónicos que recibo a
diario? Chance, es sí. Ahora, otra opción,
tienes estas plantillas de
canva existentes, pero también he hecho
una plantilla Canva para ti que puedes usar y comenzar a construir todo el correo electrónico Así que muchas de estas plantillas de
correo electrónico en Canva serán para pequeñas
secciones de un correo electrónico Entonces, lo que he hecho por
ti es que he tomado algunos diseños de
plantillas de correo electrónico existentes y los he
recreado de una
manera que puedes usar dentro de Canva y simplemente
arrastrar y soltar tu contenido Entonces, como puedes ver aquí
al momento de grabar, tengo siete
plantillas de correo electrónico diferentes completas y listas
para que empieces a usar? ¿Puedes mezclar y combinar estos? Puedes tomar ciertos
elementos y agregarlos a tus correos electrónicos existentes. No tienes que usar
todo el correo electrónico. Por supuesto. No pienses que
solo tienes que cambiar toda
tu marca y tu
look completo para que coincida con uno de estos. Pero puedes usarlo como inspiración
muy fuerte, podrías decir, y hacerte una idea de cómo también se está utilizando. Entonces, como pueden ver,
cada uno de los diseños de
plantillas de correo electrónico en Canva, también
he incluido el correo electrónico de
referencia en el
que se basa Para que puedas hacerte una idea de, Bien, ¿qué
usaban para los colores? ¿Cómo era su contraste? ¿Cuál era el tamaño de la fuente, la audacia, el llamado a la
acción? ¿Qué estaban haciendo? Entonces ojalá estos sean
muy útiles para ti, y voy a estar incluyendo el liak para estos para que
puedas acceder a estos, empezar a personalizar, y
voy a seguir
agregando más y más Entonces va a haber más plantillas
apareciendo con el tiempo. Así que mantén un ojo en ello también. Puede comenzar
con uno de estos, pero ojalá pronto haya algunos nuevos
para que los use,
y pueda seguir
renovando y escalando sus esfuerzos en
torno a y pueda seguir
renovando y su diseño de correo electrónico con estos Ahora, solo uno rápido sobre eso, si tienes algún correo
electrónico que te
gustaría haber recreado
dentro de Camera, por favor avísame, y estaré encantado de
ayudarte a hacer eso Y podemos agregarlo
a la
colección de plantillas para ayudar a todos. Así que avíseme,
envíame un mensaje, reenvíame el correo electrónico que
quieras haber recreado, y voy a ver qué
puedo hacer por ti Entonces, ya sea que hayas seleccionado
usar una de las plantillas de Canva, crear una mesa de trabajo para clientes o una de las plantillas
que te he proporcionado, ahora vas a
abrirla y vamos a configurar el diseño
dentro de
Canva Entonces voy a estar trabajando
uno de los diseños de correo electrónico que se incluyen dentro la plantilla que he
compartido contigo. Vamos a echar un vistazo y creo que vamos
a usar el último, pero puedes echarle un vistazo a
estos a medida que nos desplazamos, y son bastante largos. Así que recuerda, no tienes que
tener todos los correos electrónicos tanto tiempo. Puedes cortar secciones
si no lo tienes. No sientas que
tienes que llenar cada vacío porque
no confías en mí. La gente no va a leer
todos tus correos electrónicos, probablemente, así que no te ofendas, sino que
solo incluye los bits clave Entonces voy a estar
recreando este correo electrónico aquí. Si le das un
vistazo a este diseño, puedes ver que es bastante
simple y directo, pero hay algunas
cosas clave a considerar. Uno es que no todos estos
elementos necesitan ser creados en Canva para que luego los usemos
dentro de nuestra plataforma de correo electrónico Entonces, ya sea
clavia o chip de correo, en realidad
puedes crear la mayor parte de este correo electrónico dentro
de la plataforma Pero para este ejemplo,
vamos a estar construyendo y
diseñándolo dentro de Canva, que una vez
que tengas ese diseño ahí, podrás entonces decidir
qué secciones debes construir
en la plataforma Siempre es mejor diseñar
primero el correo electrónico y luego
evaluarlo después. No trates de apresurarte hacia adelante y
hacer ambas al mismo tiempo, porque solo haces
un lío y a menudo doble asa y haces
más trabajo por ti mismo. Diseña primero el Ema, una vez que tengas la
estructura que te gusta, luego
toma esas decisiones después. Entonces para esto,
sólo vamos a estar centrándonos en el propio diseño de
Ema. Entonces, lo que podemos hacer ahora si nos
desplazamos hacia abajo hasta solo
la plantilla en sí, que podemos ver está
en la siguiente diapositiva, podemos ver que tenemos un
lienzo en blanco para trabajar. Entonces, en cada una de estas plantillas, los elementos individuales
están todos separados, para que puedas tener un control completo sobre los colores de las fuentes. Y eso es lo que mencionamos. Queremos
asegurarnos de que los colores y fuentes estén alineados con nuestras guías de
marca y estilo, así que no queremos
simplemente tomar lo que hay aquí. Recuerda alinearlo. Sólo voy a correr rápidamente por hacer los
ajustes a estos, así que también lo tienes como punto de
referencia. Entonces lo que quiero hacer
es que sé que algunos de ustedes podrían no estar
completamente familiarizados con Canva y se
beneficiarían de ver un temperamento
ser rediseñado o transformado en un nuevo tipo de look and feel para
una Eso es lo que
voy a hacer hoy.
6. Cómo y por qué usar una guía de estilo de marca: Una de las
cosas más difíciles
a la hora de empezar dentro de una cámara es saber cómo tomar una plantilla y realmente
alinearla con tu marca. Porque a menudo, ya sabes, podrías mirar
este ejemplo e irte, pero no soy una marca de cuidado de la piel No tengo las
imágenes como esta ni esas combinaciones de colores geniales
y las fuentes así. ¿Cómo aplico esto
a mi marca que realmente
puedo hacer que
se vea bien y no carnicería que entonces
se vea tan mal como lo que hacía antes cuando la estabas diseñando directamente
dentro de la plataforma Entonces, lo que quiero hacer hoy
es rediseñar esta plantilla de correo electrónico con una apariencia diferente para un tipo diferente de producto, y simplemente mostrar
lo simple que puede ser, y no tienes que
pensarlo demasiado al pasar Entonces lo que he hecho para
el ejemplo es que acabo tomar un kit de marca que
ya existe en Camera, así que solo busco en
plantillas de cámara kit de marca. Entonces, si alguna vez estás atascado
por la marca y quieres algo rápido o simplemente
algo para despertar algunas ideas, definitivamente
te recomendamos
hacerlo si recién estás
comenzando Así que uno de los elementos clave que
tocamos fue mantener tus diseños
alineados con tu marca. Y este es un buen punto de
referencia para tener. Esto podría ser algo que
necesitas hacer por tu negocio
y solo para crear una
marca simple o una guía de estilo. Ahora, muchos de ustedes podrían
haberse burlado su propio logotipo inicialmente
al comenzar su marca, y eso está completamente bien. De hecho, eso me encantó.
Es exactamente lo que hice, y creo que es una
gran manera de
empezar y solo de hacer
rodar la pelota. El problema con eso
es que a menudo no
tienes esa visión
de las fuentes y los colores y el uso
diferente que
podrías tener para esos elementos de
marca. Y ahí es donde
las cosas se ponen un
poco desordenadas o un poco grises a medida que intentas crecer y hacer
diferentes tipos de marketing Como no
quieres ser esas personas, y queremos asegurarnos de tener consistencia y
alineación y reconocimiento de marca, probablemente
queramos armar
algo así. Entonces te recomendaría
que crees una guía de marca simple si aún no
tienes una, y eso solo
te facilitará a
ti o a cualquier persona
del equipo hacer estos correos y mantenerlos alineados con esa
marca a medida que pasa el tiempo.
7. Diseño de tu correo electrónico: Nos fijamos en la plantilla, vamos a
desplazarnos hacia abajo hasta la plantilla editable
que tenemos aquí, y podemos ver lo
primero que vamos a
abandonar es un logotipo Entonces, para que empecemos,
solo vamos a copiar el logo, y solo vamos
a tirar eso aquí. Así que copia y pega, y luego
tenemos el logo aquí. Ahora es obvio que se han perdido
en la nube. Eso está bien. También vamos a reemplazar
la imagen. Entonces, qué podemos hacer por la imagen. Es que sólo vamos a
tomar una de las imágenes que ya existen dentro de aquí. Así que sólo vamos
a tomar este, y podemos simplemente
copiarlo a través. Simplemente puedes subirlo desde tu computadora y
agregarlo directamente. Entonces si lo pegamos
en esta mesa de trabajo, ya que se trata de un marco, solo
puedes arrastrar la
imagen al marco, y va a
detectar que
quieres poner esta imagen
dentro del marco Tan agradable y fácil. Entonces hacemos clic en la imagen y simplemente la
arrastramos sobre el marco. Se agrega directamente aquí. Entonces cuando quieras cambiar el tamaño esta imagen, ahora
está en el marco Sólo voy a hacer
doble clic sobre eso. Podemos ver que aquí somos
algunas opciones. Puedes rotar, expandir
con IA, o puedes recortar. Solo quiero aumentar un poco el tamaño de la
imagen, así que se sienta
un poco mejor en el marco. Entonces, si solo agarro la esquina
aquí y solo arrastro eso hacia arriba, verás que solo aumenta
un poco de tamaño. Muévelo un poco hacia arriba,
y ahí vamos. De hecho, no
sé si me encanta cómo se sienta
la mano detrás del logotipo, así
que podría bajarlo un poco. Son las pequeñas
cosas las que cuentan. Y entonces podría simplemente mover
el logo un toque ahí arriba. Perfecto. Así que ahora ya tenemos la imagen del héroe y la sección del
logotipo hecha. Ahora bien, si subimos a
la sección superior aquí, podemos ver que los colores no coinciden del
todo con la marca. Entonces, si volvemos a la marca, podemos ver que aquí estamos trabajando con algunos colores
diferentes. Entonces tomemos este color. En primer lugar, sólo vamos
a copiar ese código hexadecimal, y luego vuelvo a entrar aquí. Y yo sólo voy a añadir a este jefe de
sección, ese color. Y luego para esta barra de
anuncios, solo
voy a agarrar
un color diferente, así que podríamos agarrar este verde. Así que de nuevo, copia ese código hexadecimal, y luego voy a entrar
aquí, pegar ese color en. Ese no es el color correcto. Entonces no estoy seguro de lo
que han hecho ahí, pero entonces sólo vamos a
entrar en este color. Y en su lugar, vamos a copiarlo desde el seleccionador de color Eso podría darnos
un mejor resultado. Entonces si entramos ahí, entonces pegarlo.
Perfecto. Ahí vamos. Así que ahora podemos ver los
colores que se unen. Pero si recuerdas uno de esos puntos clave de los que
hablamos, es la relación de contraste. Ahora bien, si estoy
viendo estos enlaces aquí, realmente no
los
puedo ver muy bien. Y si mi dispositivo no tiene la mejor resolución de pantalla
o claridad de color, o mis ojos tampoco, entonces no voy a poder leerlos y hacer clic fácilmente. Entonces queremos
ajustar esto para
asegurarnos de que tenemos una buena relación de color. Entonces para lograr la relación de color, único que vamos a hacer es
seleccionar estos elementos de texto, luego vamos a
cambiar el color de la fuente. Y en realidad podemos, mirar la pauta de la marca. Podríamos usar el negro o
podríamos usar este marrón. Creo que por ahora sólo vamos
a usar el negro. Lo sé, podría estar
rompiendo las reglas. Sólo vamos
a seleccionar negro. Y lo siguiente que
puedes ver aquí en los lineamientos de la
Marca, tenemos el clásico de Montserrat Ahora otra vez, podría estar
rompiendo las reglas aquí, pero en realidad no tenemos Montserrat instalado en
esta instancia de Canva Entonces, en cambio, solo voy a estar usando el
Monate normal para esto Entonces si hago clic en Poppins, donde tenemos nuestra familia de fuentes, y solo voy a
entrar aquí y buscar a Mond, y luego vamos a
verlo subir aquí, y podemos simplemente hacer clic ahí, y podemos probar ¿Queremos
medio, semi negrita, negrita No, creo que para esto,
si nos vamos medianos, creo que eso va a estar bien por ahora. Y entonces lo que puedo hacer es
simplemente aumentar un ingenio ahí. Y luego después
selecciono todos esos. También queremos asegurarnos de que todos
estos estén posicionados de manera uniforme. El espacio entre
ellos es parejo. Entonces, si seleccionas todos esos, pequeño truco es,
entonces puedes ir a la posición. Una vez que se abre la posición, se
puede ver el espaciado horizontal, y queremos espaciar
uniformemente horizontalmente, hacer clic en eso, y ahí vamos. Ves muy poca diferencia, pero a menudo encuentras que la gente
tiene muchos elementos
en los correos electrónicos que
están todos extrañamente espaciados, así que esta es solo una
excelente manera de reducir el riesgo de eso y ahorrarte
algo de tiempo y poder cerebral Para moverlo píxel a píxel. Entonces también vamos a hacer lo mismo para
la barra de
anuncios en la parte superior aquí. Entonces vamos a
hacer click en eso y cambiar esto a Monsat, también Y podríamos ir por solo
un semi audaz en esa. Ahora bien, de nuevo, este es el último al que voy
a referirlo, pero es solo para darte una idea de cómo usar
una pauta de marca. A menudo hay
muchos más detalles en una pauta de marca
que tiene, ya sabes, texto de
llamada a la acción
tiene que verse
así o qué fuente
usar para los encabezados, subtítulos y
ese tipo Entonces voy a estar engañando un poco al sistema
con eso. Así que llévate el grand st, pero ojalá esto te dé la dirección y orientación que necesitas sobre cómo aplicar tu
marca a los correos electrónicos. Ya casi terminamos con
esta sección superior aquí. Entonces lo que podemos hacer
es desplazarnos hacia abajo, y podemos
sumergirnos en la copia del cuerpo. Entonces podemos ver que tenemos una
bonita sección de encabezado aquí, y luego vamos
a volver
a sumergirnos y luego simplemente
agregar esta fuente aquí. Ahí vamos. Yo diría que esto se ve un
poco demasiado grande, así que sólo vamos a reducir
esto un poco. Y creo que 36 pixeles es
un tamaño muy razonable. Entonces podemos agregar eso, y solo
queremos asegurarnos de que el
espaciado no sea demasiado loco. Entonces no es demasiado
grande, ni demasiado pequeño, porque si estás desplazándote
por el correo electrónico, ¿eso va a
parecer extraño o no Creo que el espaciado
es casi correcto, así que podemos dejar eso como está ahora. Y entonces podemos traer
este texto aquí arriba, y podemos espaciarlo desde
el encabezamiento anterior.
Entonces ahí lo tenemos. Pero ahora vemos cambiar la familia de fuentes de
este body copy. Entonces, si haces clic en
este texto aquí, y luego otra vez, vas a Poppins o donde tienes la familia de
fuentes aquí, vas a
ir a Montserrat, y luego podemos dar click
ahí y simplemente ir regulares, y ahí Así que ahora tienes
tu fuente ahí, y tienes tu copia
de encabezado alineada con la marca. Yo diría que
esto en realidad se ve un poco
extraño con el tallaje. Entonces lo que pienso es que el
cuerpo copia 15 pixeles. Probablemente no queremos ir más pequeños de 14 en este caso, así
que podemos bajarlo para tocar y ajustar el diseño así. Lo que también podemos hacer es en realidad buscar aumentar el tamaño del
encabezado aquí, solo para darle una
mejor jerarquía. Entonces, si aumentamos
el tamaño del encabezado, baje eso de nuevo un toque, y luego solo
queremos traer ese espaciado ahí. Y ahí vamos. Creo que eso solo se ve
un poco mejor en que ahora tenemos un
poco más de jerarquía, el body copy y
el encabezado tiene una diferencia de
tamaño distinguible agradable y fácil de hojear Ahora, es posible que tenga
esta sección como código de descuento incluido
en su serie de bienvenida, o puede que no tenga un código de
descuento hasta usted. Lo que podría hacer aquí es en realidad sólo voy
a poner en negrita este texto, creo, así que sólo vamos
a resaltar ese texto. Después sube hasta aquí
donde tienes la barra de estilo, y
vamos a hacer clic en negrita. Y luego solo tienes
ese efecto diferente para donde tendrás
el código de descuento. Eso podría parecer demasiado
audaz para ti podría estar pensando en
destacar como un pulgar dolorido. Entonces, lo que puedes hacer en cambio
es si anulas la selección de negrita, luego vuelves a Monsrat Cuando tu familia de fuentes tenga
varios pesos múltiples, puedes entrar y seleccionar el
texto resaltado que quieres cambiar, y luego ir a la familia Font, y luego puedes
ajustarlo en consecuencia. Para que veas que puedes tener aún más atrevido o
puedes tener menos atrevido. Vamos a
encontrarnos con el medio y
ponernos semi audaces en lugar
de audaces ahí, y ahora podemos dejar
eso como está. Ahora el último bit
para esta sección es agregar el llamado a la acción. Entonces, si volvemos a
las pautas de la marca, en realidad
verás
que no tienen un llamado a la acción para
esta pauta de marca. Entonces, lo último
que necesitamos agregar a esta sección es el
llamado a la acción. Entonces para esto,
solo podemos agregar un bonito botón. Entonces, ya sea que tengas un botón estilo pastilla
redondeado, un botón rectangular, lo que sea
que tengas, no importa. Para esto, vamos a
agregar el botón estilo píldora. Entonces esta plantilla ya
tiene un estilo de botón aquí. Entonces, si cambiamos el color,
podemos ver que ya hay una forma de
píldora ahí. Entonces queremos tener
el fondo blanco con un borde negro, y luego el texto dentro. Entonces voy a cambiar el color de
fondo a blanco, y luego voy a subir hasta aquí y cambiar
el estilo de borde. Esto, sólo vamos a
hacer tal vez uno o dos pixeles. Podríamos ir
con uno por ahora. Y para este estilo de
marca en particular, quiero que el botón sea un
poco diferente de espaciado. Así que lo primero que
voy a hacer es en realidad simplemente cambiar los
textos a nuestro auto a la acción. Eso va a ser
tienda, recién llegados. Y luego quiero aumentar la altura y solo
ajustar el ancho. Así que todo encaja un poco más con la marca y
lo que vamos por aquí. Entonces solo voy a
aumentar eso un poco, traer estos lados
adentro, y ahí vamos. Y luego voy a
cambiar la fuente a Monsat, e ir por creo que podemos ir
con Semi negrita para esa Y ahí vamos. Así que ahora tenemos esta sección superior todo ordenado. Entonces tenemos la
sección de héroes con la navegación, la barra de anuncios que destaca muy bien,
diferente contraste de color. Y ahora que hacemos con esta sección, vamos a
sumergirnos en la siguiente. Para esta sección, aquí
vamos a cambiar el color del elemento de
fondo, así que solo voy a
dirigirme a la pauta de la marca, seleccionar este color aquí, copiar ese código hexadecimal. Regresa. Una vez que regrese, haga clic en
el elemento de fondo, haga clic en el color seleccionado allí. Entonces ve a agregar nuevo color, y voy a pegar
ese código hexadecimal en. Recuerda, solo puedes seleccionar el color que quieras desde aquí. Entonces, si quieres un bonito
amarillo descolorido para tu marca, o podrías tener un
bonito azul, azul suave Ahí vas.
También puedes seleccionar de ahí. Sólo voy a pegar
eso, y ahí vamos. Ahora podemos ver que
somos algunos
elementos diferentes con los que estamos
trabajando aquí. Ahora, para ti, es posible que tengas
activos que quieras agregar. Para algunos de ustedes, tal vez no. Tal vez quieras
cambiar un aspecto de esto y no tener textos
exagerados también, que eso es a lo que
vamos a ir para hoy. Entonces lo que voy a hacer es
comenzar con un encabezado, voy a subir hasta aquí y hacer click derecho sobre
este elemento de texto. Entonces si clic derecho, vaya a
copiar estilo scroll hacia abajo, entonces puedo hacer click en este elemento de
encabezado aquí, y eso va a
aplicar el estilo que ya habíamos establecido
en ese elemento anterior. Entonces, ahora que eso es
agradable y consistente, tenemos consistencia en nuestra jerarquía de encabezamientos una estructura tipográfica,
como se quiera Entonces ya lo tenemos arreglado. Se puede ver que aquí se está formando un poco
de brecha. Así que sólo vamos a arrastrar
este elemento de imagen y traerlo un poco,
y ahí lo tenemos. Para este ejemplo, voy
a eliminar este texto superpuesto, así que solo voy a eliminar
esto por el momento. Regresa a la marca, y voy a tomar
otra imagen de aquí. Entonces voy a tomar esta
imagen por este lado por ahora, Copia eso y luego pega en la mesa de trabajo
igual que antes Como es un activo de imagen, entonces
podemos arrastrar esto
directamente al marco de la imagen, y eso va a
encajar en ese espacio. Ahí vamos. Ahora
eso está ahí dentro. Podemos o bien ajustar
el tamaño de este marco o
podemos mover este texto. Este ejemplo, voy a
hacer un poco de ambos. Para que puedas ver
cómo ajustar el marco. Si haces clic en el marco aquí, puedes ver que tenemos opciones. Podemos arrastrar por la esquina. Esto mantendrá la proporción y la
hará más grande o menor, o podemos arrastrar estas pestañas
laterales aquí, que te permitirán extender en
cada una de esas direcciones. Entonces, si agarramos el de abajo, podemos extender esto
un poco hacia abajo , o
puedes hacer que suba. Entonces eso dependerá
del activo que tengas. Pero digamos que
lo extendemos por un toque hasta ahí. Entonces quiero mover
estos elementos de texto hacia arriba. Lo que podemos hacer para hacer eso es que solo
voy a hacer clic en cada uno de estos elementos y mantener el
turno al mismo tiempo. Mientras hago eso, entonces puedo arrastrar todo el camino hacia arriba, y ahí vamos. Ahora tenemos un espaciado más
consistente ahí entre la parte superior de la
sección y el rumbo, la parte inferior de la acción carter, y entre cada uno de
los elementos también. Entonces ahora solo necesito
actualizar la acción carter. Lo que voy a hacer
es desplazarme hacia arriba. Solo voy a copiar
esto y luego desplazarme hacia abajo, eliminar el auto de acción
que está ahí actualmente y solo pegaré el
que acabo de copiar, y solo vamos
a empujar eso hacia abajo. Perfecto. Por lo que también podrías cambiar
tu texto para esta sección. Diga esto secciones
para artículos en venta. Podrías simplemente cambiar
para comprar, vender artículos. Y ahí lo tenemos. Entonces ahora también
tienes esta
sección todo hecho. Así que obviamente se puede
ver que todavía hay elementos como los textos
que no he intercambiado. Puedes fácilmente simplemente
hacer clic en esto. Si haces doble clic,
entonces puedes editar el emoji
o lo que va aquí. Y también puedes
simplemente editar el texto. Entonces, una cosa que obviamente
tenemos que hacer es cambiar el texto a Montserrat para que coincida con
nuestro estilo, claro Entonces, si hacemos click en ahí, resaltamos todos esos, volvemos a la familia Font y
cambiamos eso a Montserrat Entonces sólo voy a dar click a Montserrat ahí,
y ya terminamos Para que veas que ahora
son Monserat, y se ve aún mejor De cabeza abajo,
podemos ver que tenemos una sección similar a la barra de anuncios
que teníamos en la parte superior. Para que podamos hacer dos cosas, simplemente copiar y pegar
esa barra de anuncios. O si queremos tener
el texto adicional, y solo quieres agregar
rápidamente el estilo, desplázate hacia arriba hasta la barra de
anuncios, haz clic
derecho sobre uno de los elementos con los que
quieres comenzar. Entonces comenzaremos con la sección de
fondo, Copiar estilo, desplazarnos hacia abajo, pegar ese estilo
en ese elemento de fondo, y luego hacer lo
mismo para la fuente. Entonces nos desplazamos hacia arriba, hacemos clic derecho. Copiar estilo, volver a bajar, pegar. Ahí vamos. Ahora ya
tenemos esa sección hecha. Agradable y fácil. El set
no lleva demasiado tiempo. Y ahora tenemos otra
pequeña sección de navegación. Algo similar. Podemos destacar todos
esos elementos. Puede
cambiar, haga clic en todos esos o simplemente arrastrar por encima de la parte superior. Vamos a cambiar
esto a Monsat, y vamos a ir a semi negrita o medio,
creo que en realidad lo fue Entonces lo mismo que la última vez, solo ajusta el espaciado de este, así que solo arrástralo ligeramente hacia afuera. Selecciona cada uno de los elementos, y luego puedes hacer clic en los tres puntos o
ir a la posición. Pero esta vez,
podemos ir tres puntos, y luego podemos ir al espacio de
manera uniforme y ordenar. Ahí vamos. Ahora, las
últimas secciones aquí, tenemos esta sección de
pie de página inferior. Entonces, si quieres
el elemento onda, puedes quedártelo ahí. Simplemente haz click en él, y
luego voy a tomar un color de nuestro guardia de
marca aquí, así que solo tomaré este,
y luego solo puedes cambiar el color en esta
sección. Ahí vamos. Y entonces sólo voy a hacer lo mismo por
las
secciones que están debajo de ella. Entonces estas dos
cajas grises, lo mismo. Resáltalas, ve al color, y luego sólo voy
a agregar
ahí ese color . Ahí vamos. Puede que te vayas. En realidad
no tengo ningún uso para esta sección de olas, así que simplemente puedes hacer clic en esta, eliminarla, y ahí tienes. Y luego si quieres agregar un
nuevo fondo en, puedes. Solo puedes usar uno de estos bloques.
O puedes arrastrar esto hacia arriba. Entonces, si haces clic en eso, usa esta pestaña aquí, arrastra
todo el camino hacia arriba. Puedes hacer eso, o
puedes arrastrarlo hasta allí si
quieres dejar ese blanco. Completamente depende de ti.
Puedes hacer lo que quieras. Puedes agregar varios
más de estos bloques, así que podríamos arrastrar eso hacia abajo y luego simplemente copiar
y pegar esto. Entonces podríamos agregar una sección de
color diferente aquí. Entonces, si arrastramos eso hacia arriba, podríamos hacer de esta sección
el verde más oscuro, y ahí vamos. Podrías
hacer algo así. Por ahora, voy a mantenerlo sencillo porque nos gusta simple. Lo único que puedes ver
es que esto se superpone. Entonces, si tienes una sección que
se superpone a otros elementos, haz clic en el elemento, haz clic
derecho ,
ir a capa, y
vamos a enviar a atrás. Aunque, para este ejemplo, voy a volver
al elemento onda, así que sólo voy a
deshacer todos estos cambios. Así que sólo va a hacer clic en Deshacer. Y ahí vamos. Entonces
tenemos la sección de olas de vuelta. Y lo que puedes ver aquí, tenemos secciones de
beneficios de tienda. Así que para cada uno de estos,
podemos meter un icono o una imagen y luego
también cambiar el texto. Entonces ya tienes íconos que quieres usar.
A lo mejor no. Hacemos una mezcla de iconos de bibliotecas de activos a las que
tenemos acceso y también iconos de diseño personalizado. Cada tienda puede ser
un poco diferente. Lo que también puedes hacer es si solo
quieres algo
simple y fácil, entrar en elementos, y nosotros
vamos a hacer búsqueda y
tal vez ir ya sabes, queremos devolver icono. Entonces vamos a ir a regresar, y luego ver qué viene. Entonces, si entramos en gráficos
y vamos a ver todos, podemos ver muchas
opciones diferentes que vienen aquí arriba. Entonces, dependiendo de tu marca, es posible que quieras tener
algo un poco más audaz Quizás quieras algo un poco
menos audaz o menos intenso. Pero a lo mejor sólo vamos
a ir con uno de estos. Digamos que vamos con un simple solo tipo de signo de infinito de
retorno aquí. Así que o simplemente
vamos a arrastrarlo o hacer clic y eso va a agregar
a nuestra mesa Entonces vamos a simplemente arrastrar eso a donde
queremos que vaya. Y obviamente, vamos a necesitar
cambiar el tamaño de esto. Y entonces sólo voy a agarrar la flecha y reducir eso hacia abajo. Y entonces puedo poner eso a
donde queramos que vaya eso. Ahora, como es un gráfico, no
va a reemplazar ni encajar dentro del
marco de la imagen porque son ligeramente diferentes
como lo lienzan Entonces parece que damos click en
donde tenemos el marco
y el texto ahí, desagruparnos Entonces entonces simplemente parece que
seleccionamos el gráfico detrás, así que vamos a mover el
gráfico o icono de cualquier manera, eliminar el marco de la imagen y volver a poner el gráfico.
Entonces ahí vamos. Ahora ya tenemos eso.
Voy a cambiar el texto de beneficio de la tienda a aquí, y luego ir Monsat Nuevamente, en realidad podríamos
hacer este medio, solo para que sea
un poco más fácil leer estos beneficios porque
son importantes, y sí queremos que la
gente los vea. Entonces puedes
repetir este proceso para las cuatro secciones. Pero digamos que no
tienes cuatro. A lo mejor
sólo tienes tres. Entonces, lo que podemos hacer aquí, podemos eliminar una
de estas secciones y solo tener tres que
cruzan digamos. Entonces lo que voy a
hacer es que
en realidad voy a eliminar los
tres de estos. Y luego podemos
tomar esta y luego simplemente duplicar en
tres instancias más. Además, antes de hacer eso,
podría simplemente aumentar el espaciado ligeramente ahí y también aumentar el tamaño de la fuente
a 12. Ahí lo tenemos. Y luego solo puedo ir turno, hacer clic en ambos
elementos y arrastrar por el medio, y luego puedo ir
al otro lado. Y podemos ver aquí, Canbll a menudo
te dice cuando estás
perfectamente separado . Entonces
como puedes ver ahí. Creo que está un
poco demasiado separado en comparación con el
resto del correo electrónico, así que solo voy a
traer esos un poco. Ahí afuera, y luego hacer lo mismo de este lado donde
podamos traer esa. Y otra vez, debería decirnos, ahí vamos. Así que ahora
ya los tenemos hechos. Puedes agregar más gráficos en, así que de nuevo, puedes
ir a elementos, entrar aquí, y podrías decir, puedes ser un poco creativo. Entonces digamos que
quieres hablar de tu, este ícono de círculo podría
ser para devoluciones gratuitas. Entonces ahora
que tenemos esa soldadura de diseño, vas
a querer asegurarte de que
tienes tres beneficios diferentes. No solo tengas una
repetida tres veces, así que quizás quieras
agregar algunos elementos más. Así que siéntete libre de
saltar a los elementos. Recuerda, los íconos
no tienen que coincidir explícitamente con
lo que estás diciendo. Siempre y cuando coincida con el tipo de vibra del
sentimiento de tu marca. Entonces, digamos que tienes otro que tiene que
ver con los puntos de fidelidad. Quizá quiera tener un corazón ahí dentro o algo así. Así que vamos corazón, y luego podremos
ver los diferentes corazones, gráficos o formas. Y podemos tomar este de aquí, agregar eso,
reducirlo obviamente, y luego solo asegurarnos que se ajuste a donde queremos que vaya. Entonces puedes agregar eso.
Una vez que lo consigas, selecciona el marco detrás,
elimínalo y ahí tienes. Entonces hazlo para el tercero, y luego ya casi
terminarás con tu sección de beneficios. Lo único que queda realmente es
agregar el nombre de tu empresa y sus sig ons. Entonces, si bien es muy
probable que esto se administre dentro de su propia plataforma de
correo electrónico, solo por el ejemplo de
burlarse del diseño, puede agregar el nombre de su empresa, que recuerde, en este caso, somos cuatro ete fashion studio, así que solo podemos
escribir esto aquí Cuatro ette moda. Ideo ahí lo tenemos, y luego tenemos
los íconos sociales Entonces lo único que
queda por hacer aquí es si quieres cambiar
el color de estos, que podamos dar click en
el icono social, luego solo tienes que volver atrás y seleccionar el código Hex para
ese color verde. Y entonces sólo podemos
agregar ese color aquí. Entonces puedes hacer eso si lo
deseas y cambiarnos eso a nosotros, voy a dejar
esos como blancos por ahora, y podemos dejar el
resto como está, también. Pero lo mismo va para los gráficos. Si lo has agregado como un elemento
gráfico o de forma, a menudo, podrás
cambiar el color,
no siempre, así que solo
tenlo en cuenta. A menudo podrás
cambiar los colores, pero algunos elementos en Canva
no tendrán esa capacidad Así que no te vuelvas loco
si no te
está dejando, no eres tú, es Canva Confía en mí. Y luego lo
último aquí, sólo
voy a cambiar
el color de este divisor. Podrías mirar
este correo electrónico y irte. Ya casi está hecho. Ya sabes, no
necesitamos
hacer demasiado más. Pero lo que siempre sugeriría
es hacer un último recorrido y pensar en esos
elementos clave que discutimos.
8. Revisión final y auditoría: Esos puntos clave, se
trata de claridad, facilitan que las
personas se involucren, más fáciles de leer, asegurarse de que
el espaciado sea agradable y que las cosas sean consistentes. Entonces lo que diría es que aquí hay algunas cosas que
tal vez solo quiera cambiar. Así que cuando estoy haciendo un
recorrido, voy,
Bien, tenemos un cuarto de acción ahí, coche a acción ahí. Pero por encima del redil, no
hay ninguna acción de cuartos. Pero creo que me
gustaría tener uno. Entonces lo que podría hacer es que podría copiar esta acción trimestral aquí, volver a subir, y luego
solo voy a
pegarla en esta sección. Y si solo bajas,
arrastra eso un poco hacia abajo, entonces podemos agregar uno
y simplemente ir a comprar en línea. Sé un poco más creativo
con el llamado a la acción, pero esto ahora es repentino
un poco mejor. Que tenemos un llamado
a la acción por encima del redil para cuando
alguien abre un correo electrónico. Es posible que quieras cambiar un poco
tu estilo. Entonces, digamos que queremos que
la frontera sea amplia. Puede que no queramos un trasfondo. Se puede ver cómo se ve
esto. Si solo tienes texto en blanco
con el botón blanco. Eso se ve bastante
limpio, pero creo que por accesibilidad
y legibilidad, podría simplemente mantenerlo como un fondo blanco
con texto negro Ese es un pequeño cambio rápido. Puedes ver aquí, esto
se ve bastante bien. Noto un poco de espaciado
inconsistente, así que es posible que solo quieras
ajustar eso y simplemente hacer eso agradable e incluso ahí
o un poco más cerca de incluso. Para que podamos ir justo por ahí. Nuevamente pequeños detalles,
pero solo pueden hacer que todo sea un poco más
fácil de recorrer y leer. Yendo a esta sección.
Creo que se ve bien. Obviamente podrías
jugar con cambiar este botón a ser
más oscuro o usar el marrón y luego
tener texto blanco o el mismo color que el fondo.
También podrías hacer eso. Entonces eso definitivamente
destaca y hace estallar mucho
más. Entonces, ¿sabes qué? Creo que en realidad podríamos
dejar eso y vamos a tener un botón más oscuro ahí porque tiene un contraste súper
alto, y no puedes perderte
esa acción coral ahora. Mientras que antes, si miramos hacia atrás, sí
se mezcló un
poco para ser honestos. Entonces ahora destaca y está reventando ese
poquito más Entonces bajando por el fondo, en realidad ya no me gusta esta
navegación. Pensé que sí,
pero ¿sabes qué? En realidad solo
voy a eliminar estos y también eliminar estas ondas.
Entonces voy a borrar eso. Entonces voy a arrastrar toda
esta sección para simplemente resaltar
todo, arrastrar eso hacia arriba. Entonces es agradable y cerca
ahí con un espaciado uniforme, y luego solo aumenta
la altura de esta sección rectangular.
Y ahí lo tenemos. Así que solo podemos ajustar el toque de
espaciado. Y perfecto. Entonces ahora solo reúne
todo un poco más. No creo que las olas
y esos enlaces estén agregando tanto valor con toda honestidad. Y ahí vamos. Acabamos hacer una auditoría rápida.
En esa auditoría. Creo que solo hemos
ordenado las cosas, hecho que el llamado a las acciones sea
un poco más claro, más accesible al
aterrizar por primera vez en el correo electrónico para que la
gente pueda tomar una acción
inmediata rápida y simplificar el diseño que
eliminamos el desorden visual que no
estaba agregando mucho valor al correo electrónico de la experiencia de
los clientes, al desplazarse
y leer el contenido Nunca tengas miedo de diseñar algo, sentarte en él
por un rato, regresa con un
par de ojos frescos y borra el trabajo que has hecho. Sé que puede ser un poco aterrador, desgarrador a veces, pero no tengas miedo de
eliminar el trabajo que has hecho y simplificar y
darte cuenta de que menos es más, especialmente cuando queremos que
el enfoque esté en que el cliente interactúe con
el código de acción
que tenemos en el
9. Para terminar: Entonces ahí lo tenemos.
Ahora terminamos el diseño de nuestra nueva
campaña de correo electrónico dentro de Camba Y creo que cuando miras
cuánto tiempo nos llevó hacerlo por primera vez y caminar así, solo
vas a ser cada vez más rápido en armar
estos. Y a medida que pasa el tiempo, también
tienes más plantillas
propias a las que hacer referencia. Así que la calidad de
tus correos y el engagement van a
seguir mejorando con el tiempo. Así que no te preocupes si al principio, se siente un poco más lento
o un poco complicado. Vas a
mejorar. Confía en mí. Simplemente sigue jugando
dentro de una cámara, Figma, sea cual sea la herramienta que estés usando
para diseñar tus correos, y va a ser cada vez más fácil
a medida que pase el tiempo Y ojalá te
sientas un
poco más seguro de golpear
enviar en tu próxima campaña de correo electrónico
cuando empiecen a verse un poco mejor y
más alineados con tu marca. Y no solo como si fuera la
primera vez que diseñas un correo electrónico y lo lanzas juntos en la plataforma de correo electrónico, porque todos hemos
visto esos correos e incluso los hicimos
al empezar. Y no siempre son agradables cuando los
miras hacia atrás. Así que eso envuelve nuestro taller de diseño de correo electrónico
dentro de Campa Y lo siguiente que
vamos a hacer es llevar estos diseños
a Clavio Así que estén atentos para
el próximo taller. Y no puedo esperar para
mostrarte cómo llevar
estos diseños
a Clavio, cualquiera que sea el correo electrónico
pt que estés usando Así que por favor
avísame si tienes alguna pregunta mientras
tanto mientras estás diseñando todo dentro de Camba o alrededor de las plantillas De lo contrario,
espero ver el próximo taller
y no puedo esperar a ver los diseños de correo electrónico que harías.