Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Índice
Introducción .....................................................................01
Sección 1:
Diseñar gráficos para correos electrónicos ...................... 02
Sección 2:
Diseñar gráficos para páginas de destino........................ 11
Sección 3:
Diseñar gráficos para llamadas a la acción...................... 16
Sección 4:
Diseñar gráficos para redes sociales y anuncios de pago ....21
Conclusión........................................................................30
L os profesionales del marketing estamos constantemente leyendo los post, aprendiendo los
nuevos consejos y trucos, pensando en nuestras próximas campañas, analizando las líneas de
asunto de los correos electrónicos, nos reunimos para hablar sobre cómo promocionar los productos
nuevos y sobre la estrategia de redes sociales (por nombrar algunas tareas de nuestra vida cotidiana).
Detrás 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.
La pregunta que a todos nos gustaría responder es: ¿cómo diseñar gráficos que conviertan cuando
debemos promocionar el contenido?
En este ebook hablaremos sobre cómo diseñar gráficos para redes sociales, páginas de destino, email
marketing, CTA y anuncios de pago que aumentarán tus tasas de conversión y permitirán que tu
contenido tenga un mejor rendimiento, obtenga más oportunidades de venta y llegue a una audiencia
más amplia.
electrónicos
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 electrónico, el 86% preferiría
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 optimización de conversiones.
Cuando se trata del email marketing y las tasas de conversión, lo primero que se nos ocurre son las
pruebas tradicionales de líneas de asunto, tasas de apertura y de click-through (CTR). Al igual que
conla CTR, ¿qué más sucede cuando alguien abre tu correo electrónico? ¿Qué ven las personas?
Si estás encargado de diseñar un boletín por correo electrónico, promocionar un producto o elemento
de contenido en un correo detallado o invitar a las personas a un evento, presta atención: los gráficos
de tu correo serán muy importantes para hacer que tu audiencia tome acción.
De acuerdo con Laura Busche, sin importar que tu correo electrónico sea para tu marca personal
o para tu trabajo, debe tener el poder de:
• Conectarte con una audiencia grande con frecuencia y consistencia.
• Mantener los costes de compartir información nueva en un nivel bajo al crear un canal por
tu cuenta.
• Permitirte ampliar la participación de un programa de contenido con rapidez.
• Compartir llamadas a la acción cautivadoras para dirigir a tu audiencia en una dirección
específica.
Los gráficos de tus correos electrónicos necesitan seguir las siguientes reglas:
1. Ser atractivos visualmente (seguir los principios de diseño de jerarquía y tipografía).
2. Ser receptivo (en los móviles, tabletas y equipos de escritorio).
3. Agregar valor.
4. Permitir las pruebas A/B (texto vs. imagen).
5. Tener una CTA clara.
¡Comencemos!
tipografía
en mente
La jerarquía se aplica al orden de tus diseños y garantiza que los elementos más importantes se vean
primero. Esto es fundamental para los títulos de correos electrónicos, ya que es lo primero que las
personas ven cuando lo abren. Con un título eficaz de correo electrónico que sea atractivo visualmente
y que tenga una llamada a la acción clara, puedes aumentar tu tasa de conversión a la brevedad.
Cuando trabajas con varios elementos gráficos, como fuentes, imágenes, colores, formas o íconos, usar
la jerarquía es una habilidad vital para hacer que el mensaje de tu diseño se comunique con claridad y
de forma breve.
Cuando estés listo, considera estos cinco principios fundamentales de la jerarquía visual eficaz.
Tu título es lo primero que las personas notarán, así que asegúrate de que se destaque. Puedes lograrlo
si la fuente tiene el tamaño más grande y con una fuente marcada y llamativa. El subtítulo debe
respaldar a la fuente de tu título en un tamaño relativamente más pequeño.
El tamaño del texto del cuerpo es el más pequeño y debe ser claro y fácil de leer. En el cuerpo, evita
usar fuentes elaboradas de escritura o texto en mayúscula, ya que hacen que el lector fuerce la vista
y que el texto sea más difícil de leer en general.
Recuerda hacer que los elementos más importantes sean los más grandes. Cuando el tamaño de los
elementos aumenta, este refleja su importancia visual.
Aumenta el tamaño de los íconos para que funcionen como una «llamada a la acción». Cuanto más
relevante sea el ícono, funcionará mejor.
El color no solo produce sentimientos, también crea un nivel de distinción entre qué es importante
y qué no.
Si aplicas un color brillante y en negrita a una característica significativa, el texto resaltará y llamará
la atención, que será un componente focal en tu diseño.
En este ejemplo, se usó una herramienta de selección de color para hacer coincidir el color del texto
«Sunshine» con el vibrante color amarillo de la flor que está en la imagen de fondo. El color hace que
el texto sobresalga de la página y lo convierte en una característica dominante del diseño.
La mayoría de las fuentes vienen en distintos estilos, por ejemplo, en negrita o itálica, que pueden
ser útiles al crear jerarquías en tus diseños.
Podemos usar distintos estilos de fuente en palabras que necesitan cautivar a los demás, como
«venta» o «atención».
Utilizar cuadrículas en la jerarquía es una excelente estrategia para mostrar las imágenes en orden de
importancia o crear una narrativa visual. Puedes lograrlo al colocar las imágenes más importantes en
el marcador de posición más grande y las fotos menos relevantes en los marcadores secundarios.
Recuerda que puedes lograr tener una consistencia visual al aplicar el mismo código de filtro a todas
las imágenes, ya sea al usar nuestros ajustes preestablecidos o crear los tuyos con características
avanzadas.
Cuando se trata de la tipografía de los gráficos de tus correos electrónicos, sigue el concepto de
«Jerarquía de 3 niveles de la tipografía», que se explica en este post de Janie Kliever.
Título
Este es el elemento más importante de información que necesita conocer tu lector sobre el correo
electrónico. El título atraerá al lector para que siga leyendo el contenido.
Subtítulo
Este debe ser más sutil que el título. En su post, Janie menciona que cree que el subtítulo te ayuda a
«organizar el diseño en secciones o grupos de información relacionada. No debe resaltar tanto como
un título, pero debe dirigir fácilmente a las visitas a distintas partes del diseño y ayudarlas a navegar
con facilidad».
Texto
El texto es como el platillo fuerte de tu gráfico, ya que debe transmitir toda la información 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 versión de prueba que quieres que empiecen, el evento al que
quieres que vayan o el sitio web que quieres que visiten.
Para empezar, el título rojo y en negrita junto con «Soho Loft», en definitiva llaman la atención y
el espacio en blanco en el anuncio hace que el texto grande resalte aún más. En segundo lugar, el
subtítulo «Special Offer» (oferta especial) solo tiene dos palabras, así que es fácil de leer. El texto es
de seguimiento, que es, en esencia, un motivador para que el lector haga clic y revise el apartamento
antes de que finalice la oferta en «10 días, 23 horas y 14 minutos».
Si contrastamos este ejemplo con el anterior, este gráfico tiene más información y módulos en la
página, sin embargo, sigue siendo simple, legible y tiene llamadas a la acción claras. Por ejemplo,
el título «3 consejos para hacer análisis e informes de datos con facilidad» llamará la atención de las
personas que quieran facilitar sus vidas para hacer estas tareas. Hay una llamada a la acción sencilla:
«Obtener consejos» antes del subtítulo del gráfico, que son dos. El lector puede llevar a cabo la acción
primero o seguir leyendo y decidir cuál de los dos subtítulos le interesa más.
Este gráfico es como un «árbol de decisión», una lectura parecida a un diagrama de flujos que es fácil
de consumir y entender, donde el lector obtendrá valor.
Por último, el siguiente es un excelente ejemplo de un gráfico de email marketing de Drybar. (Las flechas
apuntan a secciones distintas del gráfico y llaman la atención hacia la CTA).
de destino
Cuando se trata de diseñar gráficos para páginas de destino, piensa en hacer pruebas A/B a los
elementos de tus gráficos, como:
personas
Mostrar
en tus
páginas de destino
Hay una supuesta teoría que indica que cuando la imagen de una persona de una página de destino
está mirando fijo al producto, las tasas de conversión aumentan, ya que nuestra forma de mover los
ojos en los sitios web sigue la dirección de ese producto para querer comprarlo.
Fuente de la imagen:
En este segundo ejemplo, la mujer está mirando hacia adelante en el gráfico de la página 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 página de destino.
Fuente de la imagen:
Intenta hacer pruebas con un hombre versus una mujer en una página de destino.
En el siguiente ejemplo, Highrise, una pequeña empresa de CRM, hizo una prueba A/B a las imágenes
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 página de destino muestra a una mujer sobre el formulario de la página,
lo cual redujo el envío de formularios en un 24%.
¿Por qué? Para empezar, la mujer no está viendo al gráfico 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 página de destino, debería estar mirando hacia el título para que el ojo humano
se dirija hacia ahí primero, lea el valor y después llene el formulario. Con solo ver hacia nuestra
dirección, esta mujer no agrega valor para ayudar a aumentar las tasas de conversión.
vs.
La página que mostraba la captura de pantalla del producto recibió 130% más clics que la página que
tenía personas en su imagen. ¿Quieres saber cuál es el punto más importante de esto? Si bien los
profesionales del marketing pueden asumir lo que las personas quieren, este es un ejemplo clásico
de cómo una prueba demostró la mejor opción e identificó que la imagen del producto tenía más
conversiones.
Si quieres saber más sobre las asociaciones de la psicología del color y la industria para la que
trabajas, échale un vistazo a esta infografía y úsala como una pauta para hacer pruebas con colores.
A continuación podrás ver una vista previa:
Texto de la CTA
Tener un botón (como en los ejemplos del siguiente gráfico) suena fácil, pero hay un número de
variables que hacen que tomar esa decisión se sienta como algo complicado. ¿Qué tan grande
debería ser el botón? ¿Qué color debería tener? ¿Qué debería decir el texto del botón? Aquí hay
algunos consejos para hacer que tus botones sean más exitosos.
• Haz que sean claros. En el siguiente ejemplo, «Email to a Colleague» (Enviar correo electrónico
a un colega) fue la CTA que obtuvo el mayor rendimiento porque el lenguaje es más claro.
• Transmitir valor. Tu CTA debe responder la pregunta: «¿En qué me beneficia?». Piensa en los
dos o tres beneficios de tu oferta y trata de hacer una lista con un orden de prioridad. Después
selecciona la más importante y acórtala para que solo tenga algunas palabras. De esta forma,
resaltarás el punto clave de interacción y garantizarás que haya un alineamiento entre tu anuncio
y la oferta.
• Haz pruebas en la primera plana o debajo de esta para tu audiencia o industria. Muchas
personas creen que el contenido importante de tu página de destino debe aparecer en primera
plana; supuestamente, las personas no se desplazarán para llenar un formulario o buscarán
más información 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 página, estas lo hacen, sin importar en dónde esté el botón de «Enviar». De acuerdo con
ese artículo, el factor más importante en el aumento de la motivación es un texto cautivador, sin
importar su longitud. Así que olvídate de optimizar solo el contenido de la primera plana; con las
pruebas A/B puedes descubrir cuánta información necesitan las personas para convertirse.
Fuente de la imagen:
• Incluir números. Incluir números afecta al lector, ya que lo integra a una comunidad de otras
personas que realizarán esa acción, ya sea para usar un software o descargar un ebook. HubSpot
llevó a cabo un experimento, donde se incluyó el número de descargas de una página. Al incluir
números de otras personas que descargaron el contenido, la tasa de conversión aumentó un 4%.
Intenta incorporar el número de otros usuarios o personas en tus gráficos que hayan expresado
un interés para que el lector sienta que forma parte de una comunidad.
• Alinearlo con la página de destino. (Por ejemplo, «Apartar mi lugar» para asistir a un webinar
o «Descargar mi ebook» para obtener un ebook).
Puedes leer más información sobre las llamadas a la acción eficaces aquí.
Dependiendo del contenido que estés promocionando, cuando se trata de ebooks y webinar, piensa
en agregar un elemento de cierre al gráfico de tu CTA.
Ejemplo: Para los webinar, agrega un recordatorio que indique que grabarás la sesión y enviarás una
versión «por pedido» con la presentación. Dales a las personas un «elemento de cierre» en la página,
una frase simple y corta, como en el ejemplo siguiente que diseñó Unbounce:
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 declaración simple en el gráfico de la CTA produjo un aumento del 19%
en el número de descargas.
Cuando hagas pruebas A/B a los gráficos de las llamadas a la acción o a otros elementos visuales de
marketing, configura plantillas de diseño que te permitirán reproducir tus gráficos con eficiencia.
Las pruebas con distintas fotos, textos de llamadas a la acción y colocación de botones se pueden
implementar con rapidez y facilidad usando el editor de arrastrar y soltar de Canva.
y anuncios de pago
La importancia de incluir gráficos en las publicaciones de redes sociales se están destacando con
fuerza en el marketing de la actualidad, así que es importante empezar a crear y probar gráficos que
aumenten las conversiones en Twitter, Facebook, LinkedIn y otras plataformas que sean adecuadas
para tu marca.
En la siguiente página verás consejos profesionales del Diseñador sénior de Canva, Poppie Pack,
sobre cómo usar imágenes para el diseño de redes sociales.
Las imágenes con mucha actividad desviarán la atención de tu audiencia y harán que sea más difícil
comunicar tu mensaje.
2. Sé específico
cuando busques
imágenes.
A continuación hay algunos ejemplos de resultados de pruebas A/B que se llevaron a cabo en gráficos
publicados en redes sociales (nota: se usó el mismo texto en todas las pruebas A/B; el único elemento
que cambió fue el gráfico).
El primer gráfico que HubSpot publicó en Twitter obtuvo 33% más clics que la segunda imagen, sin
embargo, la segunda imagen obtuvo 24% más retweets que la primera.
vs.
Otro ejemplo de gráficos en redes sociales que HubSpot probó tiene una imagen de un ebook frente
a una publicación sin imagen.
El primer gráfico obtuvo más clics con una CTR 49% mayor que la del segundo. Sin embargo, la segunda
imagen obtuvo un 15% más de retweets.
¿Quieres saber cuál es la diferencia? La imagen A muestra datos y proporciona una estadística para
aumentar los clics en Twitter, mientras que la imagen B comunica la fecha y hora del webinar y de qué
tratará.
Puedes ejecutar pruebas similares en redes sociales usando herramientas como Canva para crear
imágenes con facilidad y hacer pruebas A/B con Bandeja de entrada de HubSpot para probar un
texto o gráfico y comparar canales como LinkedIn, Facebook y Twitter con el fin de ver qué canales
funcionan mejor para generar oportunidades de venta.
1. Exhibe tu producto.
Busca imágenes 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 más interacciones con una
imagen sencilla de su producto en el gráfico. Mientras que a la derecha, Pariti usa una captura de
pantalla de su producto para mostrar cómo se ve en tu dispositivo. Es muy probable que se dirijan
a los usuarios de iPhone, lo cual lograron con este gráfico.
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 estás promocionando
una app móvil.
2. Explica el proceso.
El objetivo de la mayoría de las campañas 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
estés promocionando; usa gráficos para describir cómo funciona tu producto.
En este ejemplo, Lyft usa gráficos estratégicos en su tweet promocionado para mostrarle a su
audiencia cuán sencillo es ordenar un coche con conductor para que los lleve a cualquier lugar. En
el gráfico destacan y explican qué fácil es usar su app con texto para llevar a cabo ciertas acciones,
características que contribuyen a que el gráfico tenga una tasa de conversión más alta.
Para obtener más información sobre cómo aumentar las conversiones en tweets promocionados con
texto, échale un vistazo a este webinar.
Obtén el mayor provecho de tu prueba A/B al mostrar tu gráfico ganador en varios canales de redes
sociales. Por ejemplo, si cierto gráfico con colores determinados tiene una tasa de conversión mayor
en Facebook, vuelve a usarlo en Twitter, Instagram y más.
Las herramientas como Canva for Work te permiten hacerlo de forma automática, así que no
necesitarás empezar desde cero o modificar el tamaño de tu diseño para las distintas plataformas.
Si leíste en algún lugar que los botones rojos funcionan mejor para las ventas de software o que los
gráficos rosas convierten mejor en los anuncios de Facebook para ecommerce, intenta hacer pruebas
por ti mismo y analiza qué funciona para tu audiencia específica.
Hay muchas variaciones; literalmente, miles de millones de combinaciones para los gráficos de email
marketing, redes sociales, páginas de destino y anuncios de pago. Tu única tarea es encontrar qué
variaciones aumentan tus tasas de conversión. Asegúrate de jugar un poco con tus gráficos, visitar otros
blogs y suscribirte a otros boletines de correo electrónico que servirán de inspiración para tus diseños.
Ya sea que los gráficos 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 pequeño resumen de algunos puntos
clave que debes aplicar en el diseño y pruebas de tus siguientes gráficos.
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 imágenes excelentes para tus gráficos.
• Sigue las pautas de jerarquía y tipografía en tus gráficos. Prueba un elemento de tu gráfico en
distintas variaciones para asegurarte de saber exactamente qué causa un aumento o disminución
de conversiones.
• Siempre ejecuta pruebas A/B a tus CTA. ¡Algo que crees que funciona bien podría no ser verdad!
Por último, usa gráficos para tu beneficio: colócalos donde puedas. Mejoran la promoción de tu
contenido y productos, ¡así que diviértete diseñándolos y haciendo pruebas!
Garantiza la consistencia
en todos tus documentos.