Documentos de Académico
Documentos de Profesional
Documentos de Cultura
SPANISH HubSpot Canva Disenar Imagenes Que Conviertan PDF
SPANISH HubSpot Canva Disenar Imagenes Que Conviertan PDF
ndice
Introduccin ....................................................................................... 01
Seccin 1:
Disear grficos para correos electrnicos ............................... 02
Seccin 2:
Disear grficos para pginas de destino ................................... 11
Seccin 3:
Disear grficos para llamadas a la accin .................................. 16
Seccin 4:
Disear grficos para redes sociales y anuncios de pago ...... 21
Conclusin .......................................................................................... 30
Introduccin
L
os profesionales del marketing estamos constantemente leyendo los post, aprendiendo los
nuevos consejos y trucos, pensando en nuestras prximas campaas, analizando las lneas de
asunto de los correos electrnicos, nos reunimos para hablar sobre cmo promocionar los productos
nuevos y sobre la estrategia de redes sociales (por nombrar algunas tareas de nuestra vida cotidiana).
Detrs de todo ese trabajo arduo, est la idea de que lo que hacemos como profesionales del inbound
marketing es principalmente pensar maneras para crear contenido, compartirlo, promocionarlo y
generar oportunidades de venta para nuestra empresa.
El contenido extraordinario no es muy til si no lo promocionas, cierto? Pero promocionarlo significa
ms que compartir algunas publicaciones en Twitter y Facebook. La estrategia de redes sociales y
correo electrnico que hay detrs de la promocin del contenido debe evolucionar para adaptarse a las
necesidades visuales del consumidor. S, est comprobado que las publicaciones de redes sociales que
tienen imgenes convierten ms que las que no tienen grficos. Pero crear ciertos grficos va mucho
ms all de una sola imagen para tus promociones de marketing. El texto, color, posicionamiento,
tamao y uso de grficos puede tener un impacto real en las conversiones al optimizar una llamada
a la accin. Pero qu sucede con el resto de tu contenido promocional como ttulos de correos
electrnicos, imgenes de pginas de destino y llamadas a la accin (CTA)?
La pregunta que a todos nos gustara responder es: cmo disear grficos que conviertan cuando
debemos promocionar el contenido?
En este ebook hablaremos sobre cmo disear grficos para redes sociales, pginas de destino, email
marketing, CTA y anuncios de pago que aumentarn tus tasas de conversin y permitirn que tu
contenido tenga un mejor rendimiento, obtenga ms oportunidades de venta y llegue a una audiencia
ms amplia.
Seccin 1:
Disear
grficos
correos
electrnicos
para
Un estudio reciente que llev a cabo MarketingSherpa indic que el 72% de las personas adultas en
Estados Unidos prefiere que las empresas se comuniquen por correo electrnico, el 86% preferira
recibir correos con promociones una vez al mes y el 61% en forma semanal. Profesionales del
marketing: es hora de que nos encarguemos de la optimizacin de conversiones.
Cuando se trata del email marketing y las tasas de conversin, lo primero que se nos ocurre son las
pruebas tradicionales de lneas de asunto, tasas de apertura y de click-through (CTR). Al igual que
conla CTR, qu ms sucede cuando alguien abre tu correo electrnico? Qu ven las personas?
Si ests encargado de disear un boletn por correo electrnico, promocionar un producto o elemento
de contenido en un correo detallado o invitar a las personas a un evento, presta atencin: los grficos
de tu correo sern muy importantes para hacer que tu audiencia tome accin.
De acuerdo con Laura Busche, sin importar que tu correo electrnico sea para tu marca personal
opara tu trabajo, debe tener el poder de:
Conectarte con una audiencia grande con frecuencia y consistencia.
Mantener los costes de compartir informacin nueva en un nivel bajo al crear un canal por
tucuenta.
Permitirte ampliar la participacin de un programa de contenido con rapidez.
Compartir llamadas a la accin cautivadoras para dirigir a tu audiencia en una direccin
especfica.
Los grficos de tus correos electrnicos necesitan seguir las siguientes reglas:
1. Ser atractivos visualmente (seguir los principios de diseo de jerarqua y tipografa).
2. Ser receptivo (en los mviles, tabletas y equipos de escritorio).
3. Agregar valor.
4. Permitir las pruebas A/B (texto vs. imagen).
5. Tener una CTA clara.
Comencemos!
HubSpot + Canva | Cmo disear grficos que conviertan
Disear con la
jerarqua
tipografa
en mente
La jerarqua se aplica al orden de tus diseos y garantiza que los elementos ms importantes se vean
primero. Esto es fundamental para los ttulos de correos electrnicos, ya que es lo primero que las
personas ven cuando lo abren. Con un ttulo eficaz de correo electrnico que sea atractivo visualmente
y que tenga una llamada a la accin clara, puedes aumentar tu tasa de conversin a la brevedad.
Cuando trabajas con varios elementos grficos, como fuentes, imgenes, colores, formas o conos, usar
la jerarqua es una habilidad vital para hacer que el mensaje de tu diseo se comunique con claridad y
de forma breve.
Cuando ests listo, considera estos cinco principios fundamentales de la jerarqua visual eficaz.
Estos elementos son los tres mosqueteros de la tipografa. De mayor a menor, estos tipos de contenido
deben leerse en un orden natural de avance.
Tu ttulo es lo primero que las personas notarn, as que asegrate de que se destaque. Puedes lograrlo
si la fuente tiene el tamao ms grande y con una fuente marcada y llamativa. El subttulo debe
respaldar a la fuente de tu ttulo en un tamao relativamente ms pequeo.
El tamao del texto del cuerpo es el ms pequeo y debe ser claro y fcil de leer. En el cuerpo, evita
usar fuentes elaboradas de escritura o texto en mayscula, ya que hacen que el lector fuerce la vista
yque el texto sea ms difcil de leer en general.
Recuerda hacer que los elementos ms importantes sean los ms grandes. Cuando el tamao de los
elementos aumenta, este refleja su importancia visual.
Aumenta el tamao de los conos para que funcionen como una llamada a la accin. Cuanto ms
relevante sea el cono, funcionar mejor.
Mejorar la legibilidad de tus correos electrnicos sin duda aumentar el valor que percibe el lector y
los elementos que le interesan, lo cual producir un incremento de conversiones, ya que tendr claro
qu obtendr de tu correo.
Ttulo
Este es el elemento ms importante de informacin que necesita conocer tu lector sobre el correo
electrnico. El ttulo atraer al lector para que siga leyendo el contenido.
Subttulo
Este debe ser ms sutil que el ttulo. En su post, Janie menciona que cree que el subttulo te ayuda a
organizar el diseo en secciones o grupos de informacin relacionada. No debe resaltar tanto como
un ttulo, pero debe dirigir fcilmente a las visitas a distintas partes del diseo y ayudarlas a navegar
con facilidad.
Texto
El texto es como el platillo fuerte de tu grfico, ya que debe transmitir toda la informacin posible para
proporcionar valor al lector.
Informa a las personas los detalles sobre el ebook que quieres que descarguen, el o los productos que
quieres que compren, el periodo de versin de prueba que quieres que empiecen, el evento al que
quieres que vayan o el sitio web que quieres que visiten.
A continuacin tenemos el ejemplo de un grfico que muestra las reglas de jerarqua cuando se trata
de la tipografa:
Survey Monkey hace un gran trabajo con las reglas de jerarqua y tipografa en este correo electrnico
que est muy bien dividido en secciones:
10
Seccin 2:
Disear
grficos
pginas
dedestino
para
Cuando se trata de disear grficos para pginas de destino, piensa en hacer pruebas A/B a los
elementos de tus grficos, como:
Imagen del producto vs. imagen de la persona
Imagen del producto: colocacin, capturas de pantalla o dibujos
Imgenes de personas: hacia a dnde apuntan sus ojos y si es hombre o mujer
Mostrar
personas
en tus
pginas de destino
Hay una supuesta teora que indica que cuando la imagen de una persona de una pgina de destino
est mirando fijo al producto, las tasas de conversin aumentan, ya que nuestra forma de mover los
ojos en los sitios web sigue la direccin de ese producto para querer comprarlo.
11
En el siguiente ejemplo, el beb de esta pgina de destino est mirando hacia adelante, as que el
lector directamente ve primero los ojos del nio. Sin embargo, en la segunda variacin, el beb est
mirando hacia el ttulo de la pgina de destino, que, segn el mapa de calor, es el rea que obtiene
msconcentracin.
Fuente de la imagen:
En este segundo ejemplo, la mujer est mirando hacia adelante en el grfico de la pgina de destino,
que solo provoc que un 6% de los participantes de este estudio mirara al producto. Cuando mira al
producto, el 84% de los participantes en realidad observ al producto en la pgina de destino.
Fuente de la imagen:
12
Hay otras formas en las que se puede poner a personas en pginas de destino, donde no
necesariamente deben mirar al producto que se muestra.
Intenta hacer pruebas con un hombre versus una mujer en una pgina de destino.
En el siguiente ejemplo, Highrise, una pequea empresa de CRM, hizo una prueba A/B a las imgenes
de su sitio web al colocar a dos personas distintas; Jocelyn est a la izquierda y Michael a la derecha.
Descubrieron que Michael les ayud a mejorar las conversiones en casi un 5%.
En este ltimo ejemplo, la pgina de destino muestra a una mujer sobre el formulario de la pgina,
locual redujo el envo de formularios en un 24%.
Por qu? Para empezar, la mujer no est viendo al grfico o captura de pantalla del producto ni
a donde HubSpot quiere que los usuarios se dirijan para llenar el formulario. Para que esta mujer
agregue valor a la pgina de destino, debera estar mirando hacia el ttulo para que el ojo humano
se dirija hacia ah primero, lea el valor y despus llene el formulario. Con solo ver hacia nuestra
direccin, esta mujer no agrega valor para ayudar a aumentar las tasas de conversin.
13
Al colocar grficos en las pginas de destino, piensa en mostrar el valor de lo que se ofrece en la
pgina. Ejecuta pruebas A/B en capturas de pantalla de tu producto vs. las personas que usan tu
producto o crea grficos, como algunos de los siguientes ejemplos, que muestran a la visita lo que
obtendr si enva su informacin.
14
Para una prueba de captura de pantalla vs. producto, HubSpot llev a cabo una prueba A/B en una
pgina que mostraba una captura de pantalla del producto vs. una imagen con personas.
vs.
Un 130% ms de clics!
La pgina que mostraba la captura de pantalla del producto recibi 130% ms clics que la pgina que
tena personas en su imagen. Quieres saber cul es el punto ms importante de esto? Si bien los
profesionales del marketing pueden asumir lo que las personas quieren, este es un ejemplo clsico
de cmo una prueba demostr la mejor opcin e identific que la imagen del producto tena ms
conversiones.
15
Seccin 3:
Disear
grficos de
llamadas
a la accin
Cuando se trata de la accin que quieres que las personas hagan en tu pgina de destino, pinsalo bien
y realiza pruebas con frecuencia. Los dos elementos a los que debes hacer pruebas en los grficos de
CTA son el color y texto; ajustar y probar ambos garantizar que tus tasas de conversin aumenten.
16
Usa las teoras de color como una pauta general para hacer pruebas con los grficos de las CTA
yrecuerda agregar un texto donde sea necesario para cerrar a las visitas y hacer que enven
suinformacin.
Texto de la CTA
Tener un botn (como en los ejemplos del siguiente grfico) suena fcil, pero hay un nmero de
variables que hacen que tomar esa decisin se sienta como algo complicado. Qu tan grande
deberaser el botn? Qu color debera tener? Qu debera decir el texto del botn? Aqu hay
algunosconsejos para hacer que tus botones sean ms exitosos.
Haz que sean claros. En el siguiente ejemplo, Email to a Colleague (Enviar correo electrnico
aun colega) fue la CTA que obtuvo el mayor rendimiento porque el lenguaje es ms claro.
17
Hacer que produzca una accin. Get Started Now (Empezar ahora) le dice al lector que debe
tomar una accin inmediata, lo opuesto de Read More (Leer ms), que es una accin menos
orientada y que no tiene un sentido de urgencia.
Haz pruebas en la primera plana o debajo de esta para tu audiencia o industria. Muchas
personas creen que el contenido importante de tu pgina de destino debe aparecer en primera
plana; supuestamente, las personas no se desplazarn para llenar un formulario o buscarn
ms informacin crucial sobre la oferta del formulario. Pero la plana en realidad no afecta a las
conversiones. KISSmetrics encontr que cuando se motiva a las personas para que se conviertan
en una pgina, estas lo hacen, sin importar en dnde est el botn de Enviar. De acuerdo con
ese artculo, el factor ms importante en el aumento de la motivacin es un texto cautivador, sin
importar su longitud. As que olvdate de optimizar solo el contenido de la primera plana; con las
pruebas A/B puedes descubrir cunta informacin necesitan las personas para convertirse.
Fuente de la imagen:
18
Crear urgencia. En el siguiente ejemplo, los mensajes 24 Hour Flash Sale (Venta fugaz de
24 horas), Shop Now (Comprar ahora) y Ends Friday (Finaliza el viernes) transmiten la
importancia de la urgencia al lector, que sern ms eficaces que los grficos con una fecha
indeterminada y que no tienen ninguna razn para que la persona realice una accin inmediata
que no se puede perder.
Incluir nmeros. Incluir nmeros afecta al lector, ya que lo integra a una comunidad de otras
personas que realizarn esa accin, ya sea para usar un software o descargar un ebook. HubSpot
llev a cabo un experimento, donde se incluy el nmero de descargas de una pgina. Al incluir
nmeros de otras personas que descargaron el contenido, la tasa de conversin aument un 4%.
Intenta incorporar el nmero de otros usuarios o personas en tus grficos que hayan expresado
uninters para que el lector sienta que forma parte de una comunidad.
Alinearlo con la pgina de destino. (Por ejemplo, Apartar mi lugar para asistir a un webinar
oDescargar mi ebook para obtener un ebook).
Sigue haciendo pruebas!
Puedes leer ms informacin sobre las llamadas a la accin eficaces aqu.
19
Fuente de la imagen:
Cuando se trata de ebooks, Michael Aagaard, de ContentVerve, destac que su ebook solo era una
lectura de 25 minutos. Esta declaracin simple en el grfico de la CTA produjo un aumento del 19%
enel nmero de descargas.
Cuando hagas pruebas A/B a los grficos de las llamadas a la accin o a otros elementos visuales de
marketing, configura plantillas de diseo que te permitirn reproducir tus grficos con eficiencia.
Las pruebas con distintas fotos, textos de llamadas a la accin y colocacin de botones se pueden
implementar con rapidez y facilidad usando el editor de arrastrar y soltar de Canva.
20
Seccin 4:
Disear
grficos
redes sociales
y anuncios de pago
para
La importancia de incluir grficos en las publicaciones de redes sociales se estn destacando con
fuerza en el marketing de la actualidad, as que es importante empezar a crear y probar grficos que
aumenten las conversiones en Twitter, Facebook, LinkedIn y otras plataformas que sean adecuadas
para tu marca.
21
2. S especfico
cuando busques
imgenes.
Usa palabras clave
descriptivas para
asegurarte de obtener
resultados de calidad.
22
23
24
Publicaciones
de redes
sociales
HubSpot tiene la reputacin de crear contenido y promocionarlo constantemente en las redes sociales.
Elequipo de redes sociales en raras ocasiones publica contenido en Facebook o Twitter sin usar grficos.
A continuacin hay algunos ejemplos de resultados de pruebas A/B que se llevaron a cabo en grficos
publicados en redes sociales (nota: se us el mismo texto en todas las pruebas A/B; el nico elemento
que cambi fue el grfico).
El primer grfico que HubSpot public en Twitter obtuvo 33% ms clics que la segunda imagen, sin
embargo, la segunda imagen obtuvo 24% ms retweets que la primera.
vs.
Otro ejemplo de grficos en redes sociales que HubSpot prob tiene una imagen de un ebook frente
auna publicacin sin imagen.
El primer grfico obtuvo ms clics con una CTR 49% mayor que la del segundo. Sin embargo, la segunda
imagen obtuvo un 15% ms de retweets.
vs.
25
Tambin debes pensar en la informacin que muestras en el grfico de redes sociales. A continuacin
hay dos tweets que HubSpot public para promocionar un webinar. El primer grfico, la imagen A,
tuvo una CTR 250% mayor que la segunda. La Imagen A fue 5% ms barata que la imagen B en cuanto
al coste por clic (CPC).
Quieres saber cul es la diferencia? La imagen A muestra datos y proporciona una estadstica para
aumentar los clics en Twitter, mientras que la imagen B comunica la fecha y hora del webinar y de qu
tratar.
Imagen A
Un 250% ms de CTR!
Imagen B
Puedes ejecutar pruebas similares en redes sociales usando herramientas como Canva para crear
imgenes con facilidad y hacer pruebas A/B con Bandeja de entrada de HubSpot para probar un
texto o grfico y comparar canales como LinkedIn, Facebook y Twitter con el fin de ver qu canales
funcionan mejor para generar oportunidades de venta.
HubSpot + Canva | Cmo disear grficos que conviertan
26
Anuncios de pago
en redes sociales
Al disear grficos para la publicidad de pago en redes sociales, prueba estos consejos breves que
sugiere Twitter.
1. Exhibe tu producto.
Busca imgenes con espacio libre para colocar tu texto en lugar de trabajar alrededor de sus
elementos.
Arriba, a la izquierda Nest muestra el tweet promocionado que obtuvo ms interacciones con una
imagen sencilla de su producto en el grfico. Mientras que a la derecha, Pariti usa una captura de
pantalla de su producto para mostrar cmo se ve en tu dispositivo. Es muy probable que se dirijan
alos usuarios de iPhone, lo cual lograron con este grfico.
vs.
27
Consejo profesional: No tienes que contratar a un fotgrafo para usar imgenes de alta calidad en tus
grficos de pago. Usa herramientas gratuitas, como www.unsplash.com para descargar fotos hermosas
y profesionales para tus grficos sin ningn coste o usa tu iPhone para editar fotos con herramientas
baratas y gratuitas.
Consejo profesional: Haz que tus capturas de pantalla coincidan con la audiencia a la que te diriges.
Por ejemplo, no muestres una captura de pantalla en un equipo de escritorio si ests promocionando
una app mvil.
2. Explica el proceso.
El objetivo de la mayora de las campaas de marketing de pago es obtener nuevos clientes, pero no
todos conocen tu producto. Nunca asumas que las personas ya escucharon de tu empresa cuando
ests promocionando; usa grficos para describir cmo funciona tu producto.
En este ejemplo, Lyft usa grficos estratgicos en su tweet promocionado para mostrarle a su
audiencia cun sencillo es ordenar un coche con conductor para que los lleve a cualquier lugar. En
el grfico destacan y explican qu fcil es usar su app con texto para llevar a cabo ciertas acciones,
caractersticas que contribuyen a que el grfico tenga una tasa de conversin ms alta.
Para obtener ms informacin sobre cmo aumentar las conversiones en tweets promocionados con
texto, chale un vistazo a este webinar.
vs.
28
Consejo profesional: Reutiliza los grficos que tengan un rendimiento alto en varias plataformas.
Obtn el mayor provecho de tu prueba A/B al mostrar tu grfico ganador en varios canales de redes
sociales. Por ejemplo, si cierto grfico con colores determinados tiene una tasa de conversin mayor
en Facebook, vuelve a usarlo en Twitter, Instagram y ms.
Las herramientas como Canva for Work te permiten hacerlo de forma automtica, as que no
necesitars empezar desde cero o modificar el tamao de tu diseo para las distintas plataformas.
vs.
29
Conclusin
Cuando se trata de los grficos, se necesita demostrar qu funciona mejor con pruebas, rediseo,
modificaciones y al intentar usar cosas nuevas constantemente. En especial para ciertas industrias,
loque funciona para unas cuantas, podra no funcionar para otras.
Si leste en algn lugar que los botones rojos funcionan mejor para las ventas de software o que los
grficos rosas convierten mejor en los anuncios de Facebook para ecommerce, intenta hacer pruebas
por ti mismo y analiza qu funciona para tu audiencia especfica.
Hay muchas variaciones; literalmente, miles de millones de combinaciones para los grficos de email
marketing, redes sociales, pginas de destino y anuncios de pago. Tu nica tarea es encontrar qu
variaciones aumentan tus tasas de conversin. Asegrate de jugar un poco con tus grficos, visitar otros
blogs y suscribirte a otros boletines de correo electrnico que servirn de inspiracin para tus diseos.
Ya sea que los grficos aumenten las veces que algo se comparte, las oportunidades de venta, visitas
o ventas, est comprobado que ayudan a incrementar las conversiones y lograr objetivos que los
profesionales del marketing siempre buscan obtener. Este es un pequeo resumen de algunos puntos
clave que debes aplicar en el diseo y pruebas de tus siguientes grficos.
Puntos clave:
Intenta mantenerte alejado de las fotos de archivo de mala calidad. Usa capturas de pantalla
de productos, testimonios de clientes, fotos de empleados en la oficina o usa herramientas, como
www.unsplash.com, para encontrar imgenes excelentes para tus grficos.
Sigue las pautas de jerarqua y tipografa en tus grficos. Prueba un elemento de tu grfico en
distintas variaciones para asegurarte de saber exactamente qu causa un aumento o disminucin
de conversiones.
Siempre ejecuta pruebas A/B a tus CTA. Algo que crees que funciona bien podra no ser verdad!
Por ltimo, usa grficos para tu beneficio: colcalos donde puedas. Mejoran la promocin de tu
contenido y productos, as que divirtete disendolos y haciendo pruebas!
30
Garantiza la consistencia
en todos tus documentos.