Media Source - Cómo Diseñar Gráficos Que Conviertan

CÓMO DISEÑAR GRÁFICOS QUE CONVIERTAN
CÓMO
DISEÑAR
GRÁFICOS
QUE CONVIERTAN
1
Tabla de
contenidos:
Introducción 3
Sección 1
Diseñando Gráficos para Correo Electrónico 5
Sección 2
Diseñando Gráficos para Landing Pages 17
Sección 3
Diseñando Gráficos para Llamada a la Acción 23
Sección 4
Diseñando Gráficos para Redes Sociales y de Paga 31
Conclusión 41
2
INTRODUCCIÓN
Como mercadologos estamos constantemente leyendo blogs; sumergiéndonos en nuevos conse-
jos y trucos; pensando en nuestras próximas campañas; probando asuntos para nuestros correos
electrónicos; reuniéndonos para la promoción de nuevos productos y hablando sobre estrategias
de medios sociales, por nombrar algunas tareas comunes. Pero más allá de todo este bullicio, hay la
idea fundamental de que lo que hacemos como mercadologos de atracción (inbound) es crear con-
tenido, compartir ese contenido, promoverlo, y generar clientes potenciales para nuestra empresa.
El gran contenido no es muy útil si no lo estás promoviendo. Pero promoverlo significa algo más
que compartirlo en Twitter y Facebook. Tu estrategia social y de correo electrónico detrás de la
promoción de contenidos debe evolucionar para adaptarse a las necesidades visuales de los con-
sumidores. Sí, está comprobado que los mensajes en medios sociales con imágenes tienen un nivel
de conversión más alto que los mensajes sin imágenes.
Pero hay mucho más que una imagen en la creación de gráficos para tus promociones de mar-
keting. La copia, el color, la colocación, tamaño y uso de gráficos pueden realmente impactar las
conversiones cuando optimizas la llamada a la acción deseada. Pero, y ¿qué hay sobre el resto del
contenido promocional? ¿encabezados de correo electrónico, imágenes de la página de aterrizaje
y llamadas a la acción (CTA)?
La pregunta que todos desearíamos responder es: ¿cómo diseñamos los gráficos que convierten
cuando se trata de promover el contenido?
En este libro electrónico hablaremos sobre como diseñar gráficos para medios sociales, páginas de
aterrizaje, mercadotecnia a través de correos electrónicos, llamadas a la acción y ADS pagadas, que
incrementen las cuotas de conversión y permitan que tu contenido tenga un mejor desempeño,
más seguidores y llegue a una mayor audiencia.
3
SECCIÓN 1
Diseñando Gráficos para
Correo Electrónico
4
Un reciente estudio realizado por MarketingSherpa indica que el 72% de los adultos en Estados
Unidos prefieren comunicarse a través de correos electrónicos con las compañías; el 86% desean
recibir correos-e promocionales mensualmente y un 61% semanalmente. Mercadologos: es mo-
mento de ponernos la camiseta de la optimización de conversiones.
Cuando se trata de un correo electrónico de marketing y de cuotas de conversión, vienen a la
mente el título del asunto; la cuota de apertura, y la cuota de “click through rate…” Junto con todos
estos aspectos ¿qué otra cosa sucede cuando alguien abre tu correo electrónico? ¿qué es lo que
ven?
Si estás encargado de diseñar un boletín de correo electrónico; la promoción de un producto; la
pieza de contenido o de invitar a la gente a un evento, presta atención: los gráficos en tu correo-e
juegan un papel importante en la conversión y toma de acción de tu público.
5
De acuerdo a Laura Busche, independientemente si tu correo es

personal o de trabajo, tiene el poder de:
• Conectar con una gran audiencia de manera constante y frecuente.
• Mantener los costos de compartir nueva información bajos cultivando un canal propio.
• Te permite ampliar rápidamente un programa de contenido atractivo

• Compartir las llamadas a la acción para dirigir a tu público a una dirección específica.
Los gráficos de tus correos-e, necesitan seguir estas reglas:
1. Ser visualmente atractivos.

Sigue los principios de diseño de
jerarquía y tipografía.
2. Ser “responsive” (móvil, tableta,

escritorio)
3. Agregar valor
4. Ser A / B comprobable (papel vs
imagen)
5. Tener un botón claro de “llama-

da a la acción”
¡Empecemos!
6
Diseñando con
Jerarquía y Tipografía en Mente
La Jerarquía aplica orden a tus diseños y asegura que los elementos más importantes se vean
primero. Esto es crucial para los encabezados de los correos electrónicos ya que es lo primero que
ve la gente al leerlos. Con un encabezado efectivo que sea visualmente atractivo y tenga un claro
“llamado a la acción”, puedes incrementar tu tasa de conversión rápidamente.
Cuando trabajas con múltiples elementos gráficos tales como fuentes, imágenes, colores y formas
o íconos, aplicar la jerarquía es una habilidad vital para obtener el mensaje de manera clara y
concisa.
Una vez que estés listo, considera estos cinco principios de jerarquía visual efectiva:
01 Ordena el título,
subtítulo y cuerpo por tamaño:
Estos elementos son los Tres

Mosqueteros de la tipografía. De
más grande a más pequeño, este
tipo de contenido debe leerse en
un orden natural progresivo.

7
02 Aumenta el tamaño de los íconos

para resaltar su importancia
Recuerda conservar los objetos importantes más grandes. Cuando el
tamaño de los elementos se incrementa refleja una importancia visual.
Aumenta la medida de los íconos para que se comporten como un “lla-
mado a la acción”. Mientras más grande sea el ícono, funcionará mejor.
8
03 Utiliza colores
visualmente brillantes
Los colores no solo evocan
sentimientos, también crean un

nivel de distinción entre lo que es
importante y no.
La aplicación de un color fuerte y

brillante a elemento importante,
resaltará y dirigirá la vista hacia
el haciéndolo un componente
focal en tu diseño.
9
04 Mezcla los estilos

de la fuente
La mayoría de las fuentes vienen en diferentes estilos, por ejemplo, bold
e itálica, que pueden ser especialmente útiles cuando se crean jerarquías
en el diseño.
Las palabras que merecen especial notoriedad, como “venta” o “atención”
son excelentes para utilizarlas con diferentes estilos.
10
05 Utiliza cuadrículas
para ordenar tus imágenes
El uso de cuadrículas para jerarquizar es una excelente forma de mostrar las imágenes en orden
de importancia o para crear una narrativa visual. Puedes hacer esto, colocando la imagen más
importante en la posición más grande y las fotos menos significativas en los espacios para fotos
secundarias.
Recuerda que debes lograr coherencia visual aplicando el mismo filtro a todas tus fotos mediante
el uso de un catálogo o creando uno propio utilizando imágenes avanzadas.
Cuando se trata de la tipografía de los gráficos de correo electrónico, sigue el concepto de
“Jerarquía de los 3 Niveles de Tipografía “, blog post de Janie Kliever.
11
Titular
Es la pieza más importante de información que tu
lector necesita saber sobre tu correo electrónico. El
encabezado seducirá al lector para seguir leyendo
lo que hay adentro.
Subtítulo
Este debería ser menos sutil que el encabezado. En
su post, Janie cree que el subtítulo ayuda a “organi-
zar el diseño en secciones o en grupos relaciona-
dos de información. No deben sobresalir más que
el nivel uno, pero deben claramente dirigir a los
espectadores a las diferentes partes del diseño y
ayudarlos a navegar con facilidad. “
Texto
El texto debe transmitir la mayor cantidad de infor-
mación posible para proporcionar valor a tu lector.
Proporciona detalles sobre el libro electrónico que
deseas que tus lectores descarguen; el producto (s)
que deseas que compren; la prueba gratuita quieres
que comiencen; el evento al que desees que asistan,
o simplemente el sitio web que deseas que vean.
12
¿Qué lo hace ser un gráfico?
Por un lado, el encabezado resal-
tado en rojo junto a las palabras
“Soho Loft” sin duda llama la
atención y el espacio en blanco
hace que el texto grande destaque
aún más.
En segundo lugar, el subtítulo “Spe-
cial Offer” de sólo dos palabras, es
fácil de leer. El texto que sigue, es
esencialmente un motivador para
que el lector haga clic y verifique el
loft antes de que la oferta termine
en “10 días, 23 horas y 14 minutos.”
Survey Monkey realiza un gran
trabajo utilizando las reglas de
jerarquía y tipografía en este
correo-e que está bellamente orga-
nizado.
13
¿Qué lo hace ser un gran gráfico?
Contrastando con el ejemplo anterior, este gráfico tiene
mucha más información y módulos en la página, sin embar-
go, sigue siendo sencillo, leíble y tiene “llamados a la acción”
claros.
Por un lado, el encabezado “ “3 Tips for Easier Data Analysis
and Reporting “ despierta el interés de las personas inte-
resadas en hacer su vida más fácil con la presentación de
informes. Hay una “llamada a la acción” simple, “ Get Tips” in-
cluso antes del resto de los gráficos de los dos subencabeza-
dos. Inclusive el lector puede tomar acción primero, o seguir
leyendo y decidir cuál de los dos subencabezados le son de
mayor interés.
Este gráfico representa un “árbol de deci-
siones”, similar a un diagrama de flujo de
lectura. Fácil de consumir, de entender y de
donde el lector podrá obtener valor.
Por último, un gran ejemplo de gráfico de
marketing por correo electrónico es de
Drybar: Flechas apuntando a diferentes
secciones del gráfico del libro-e y atrayendo
la mirada hacia abajo en el “llamado a la
acción”.
14
¿Qué es lo que lo hace ser

un gran gráfico?
Este gráfico es un perfecto ejemplo de un correo-e que utiliza un
encabezado en negritas, diseñado para atraer la mirada hasta el
subtítulo. Debajo ofrece una imagen hermosa y limpia del producto,
y luego dirige el texto hacia el “llamado a la acción”.
15
SECCIÓN 2
Diseñando Gráficos para Páginas de
Destino (Landing Pages)
16
Cuando es momento de diseñar gráficos para páginas de destino, piensa en elementos de prueba
A/B tales como:
• Imagen del producto vs imagen de la persona
• Imagen del producto: colocación, capturas de pantalla o dibujos
• Imágenes de personas: la dirección a donde dirigen los ojos. Hombre o mujer
Utilizando Gente en tu Página de Destino
Hay una teoría flotando por ahí con la hipótesis de que, si la persona que aparece en un gráfico de
la página de aterrizaje está mirando el producto ofrecido en la misma página, las tasas de con-
versión aumentan ya que la forma en que nuestros ojos se mueven en los sitios web va en direc-
ción del producto, por lo tanto, desearás comprarlo.
En el siguiente ejemplo, la modelo que aparece en la primer página está viendo hacia adelante
por lo que el lector primero dirigirá la vista directamente a sus ojos. Sin embargo, en la segunda
variante ,la modelo está viendo hacia el producto, lo que muestra como el producto se convierte
en el área que más vistas tiene.
17
En este segundo ejemplo, la mujer que ve hacia adelante, únicamente
generó un 6% de las miradas hacia el producto. Pero cuando dirige la
mirada al producto, generó un 84% de la atención hacia el producto que se
presenta en la página de aterrizaje.
La gente puede aparecer de maneras diferentes en las páginas de aterriza-
je, no necesariamente tiene que ser “Mirando” al producto que se presenta.
18
Prueba un simple hombre vs mujer en una página de aterrizaje.

En el ejemplo que se presenta a continuación, Highrise, el CRM (Client Relationship Manager)
de esta pequeña empresa, puso a prueba imágenes A / B con dos personas diferentes en su sitio
web, Jocelyn en la LEF, y Michael a la derecha. Ellos encontraron Michael ayudado a mejorar las
conversiones en casi un 5%.
4.78%
19
En el siguiente ejemplo, en la página de destino aparece una mujer mirando sobre el formulario
(Versión B) la cual disminuyó los registros en un 24% con respecto a la Versión A.
¿Por qué?
Por un lado, la mujer no está mirando al gráfico ni a la pantalla del producto ni al formato que
quieres que los usuarios llenen.
Lo ideal sería que la mujer observara el título para agregar valor a la página de destino con el fin
de que nuestra mirada se dirija ahí primero, lea el valor, y luego llene el formulario. Con la mirada
de la mujer fija en nosotros, no añade ningún valor para incrementar la tasa de conversión.
Versión A VS Versión B
20
Cuando se colocan los gráficos en las páginas de destino, piensa en mostrar el valor de lo que se
ofrece. Realiza pruebas A / B sobre las capturas de pantalla de tu producto vs las personas utili-
zando tu producto, o crea gráficos al igual que los ejemplos que a continuación te proporciona-
os, en donde muestras al espectador qué es lo que están consiguiendo cuando proporcionan su
información.
21
Como ejemplo de una captura de pantalla vs una prueba de producto, llevamos a cabo una prueba
A/B en una página que ofrece su producto en pantalla vs una imagen de personas.
La página que despliega la captura de pantalla del producto recibió 130% más clics que la página
que muestra a la gente. ¿El punto? Mientras que los Mercadologos asumen que es lo que la gente
quiere; este es un ejemplo clásico de como las evaluaciones prueban otras opciones y la vista de
la imagen del producto genera más conversiones.
22
SECCIÓN 3
“Llamados a la Acción”
23
Cuando se trata de llamar a la acción, deseas que la gente considere tu página de destino, la
reflexione y la pruebe constantemente. Los dos elementos que ponen a prueba los gráficos de un
llamado a la acción (CTA) son el color y la copia; ajustarlos y probarlos garantizarán el incremento
de tu tasa de conversión.
Teoría del Color

Existe una gran cantidad de investigaciones sobre este tema y debería absolutamente compro-
bar el color de tu “Llamado a la acción”. Cuando se trata de la asociación psicológica del color y la
industria en la que trabajas, verifica una guía del color.
24
Utiliza la teoría del color como una guía general para probar los
gráficos de tu “Llamado a la acción” y recuerda agregar “copia”
cuando sea necesario para que tus visitantes envíen su infor-
mación.
Un botón, como los ejemplos que a continuación se muestran,
son una decisión sencilla, pero hay variables que parezca que sea
complicado. ¿Qué tan grande debe ser el botón? ¿Qué color? ¿Qué
debe decir el botón? Te sugerimos algunos consejos para que tus
botones sean más exitosos.
Sé claro:
En the example siguiente ,

“ Correo electrónico de la
ONU colega “ , FUE EL
“Llamado a la acción “ de
alcalde Porque el
Rendimiento lenguaje es el
mas claro .
25
Transmite valor:
Tu “llamado a la acción” debe responder a la pregunta "¿Qué hay en ella para mí?" pien-
sa en los dos primeros o tres beneficios de tu oferta, y trata de enumerarlos en orden de
prioridad. Elije el más importante y escríbelo en pocas palabras. De esa manera, harás que
resalte el punto clave de participación y asegurarás la alineación entre tu anuncio y la
oferta.
Hazlo procesable:
“Hazlo ahora mismo” estás invitando a que el lector tome acción inmediata, contraria-
mente a “Mayor Información” que es mucho menos orientado a la acción y no hay ninguna
urgencia.
26
Prueba por encima o por debajo de la mitad de la página para tu público o sector. Mucha gente
cree que todo el contenido importante de la página de destino debería aparecer por encima de a
mitad dc pie de página, supuestamente la gente no desplazará la página hasta llenar el formulario
o averiguar más información crucial acerca de lo que está por detrás de la forma.
Pero el pliegue no afecta realmente a la conversión - KISSmetrics encontraron que cuando las
personas están motivadas para convertir en una página, lo hacen, independientemente del lugar
en el formulario de presentar buton es. De acuerdo a ese artículo, el factor más importante en el
aumento de la motivación es la copia que obliga, independientemente de la longitud. Así que olví-
date optimizando sólo para el pliegue - a través de las pruebas A / B, averiguar cómo las personas
necesitan mucha información para convertir.
27
Crea el sentido de urgencia:

En el siguiente ejemplo, “Venta relámpago 24 Hrs”, “Compra Ahora” y “Termina el viernes” trans-
miten el sentido de urgencia para el lector y lo sensibiliza más que un gráfico sin fecha límite, no
hay razón para que la persona tome medidas inmediatas para no "quedar fuera."
28
Incluye números.
Incluir los números de una comunidad que está tomando la misma acción, ya sea utilizando un
software o descargando un libro electrónico, impacta al lector. HubSpot publicó un experimen-
to en el que se incluyen el número de descargas en una página y otra en donde se incluyen los
números de otras personas que han descargado el contenido, el índice de conversión aumentó
4%. Trata de incorporar en tus gráficos el número de usuarios o personas que han expresado
interés que tienen de tal forma que el lector se sienta parte de una comunidad.
Mantente alineado con tu página de destino. Ejemplo “Reserva mi lugar” o “Descarga Ahora mi
Libro-E”.
Continúa probando
29
Llamada a la Acción: Incluye “The Closer”

En función del contenido que estás promoviendo, cuando se trata de libros electrónicos y webi-
nars, piensa en agregar un acercamiento a tu gráfico de Llamado a la Acción.
Ejemplo: Para webinars, anexa
un recordatorio informando a tus
lectores que grabarás el webinar
y la presentación la enviarás bajo

solicitud. Brinda a tus lectores una
breve aproximación en la página.
Un pequeño diseño como el
siguiente ejemplo:
Cuando se trata de un libro-e, el hecho de informar que es una lectura de pocos minutos en los
gráficos del Llamado a la Acción, puede resultar en un buen porcentaje de descargas.
Cuando realices la prueba A/B de los gráficos de Llamado a la Acción y de otros elementos vi-
suales, establece el diseño de las plantillas que te permitirán reproducir tus gráficos eficiente-
mente. Prueba con diferentes imágenes, llamados a la acción con copia y ubicación del botón.
30
SECCIÓN 4
Redes Sociales y de Paga
31
Actualmente, es relevante incluir gráficos en los mensajes de redes sociales, por lo que es impor-
tante empezar a crear y probar los que aumenten las conversiones en Twitter, Facebook, LinkedIn
y otras plataformas exitosas para tu marca. Eligiendo imágenes para tus gráficos en redes
sociales.
Evita el error que casi todas las marcas cometen y no utilices fotografías cliché o de stock. Apren-
de a utilizar imágenes como diseñador.
En la siguiente página podrás observar, algunos consejos para utilizar imágenes para el diseño en
tus redes sociales.
32
01 No elijas imágenes
con mucho ruido
Imágenes saturadas únicamente distraerán la atención de tu audiencia y complicará la comuni-
cación del mensaje.
02 Cuando busques imágenes,

sé específico
Utiliza palabras clave descriptivas para asegurar la calidad de la búsqueda.
33
03 Conserva
el contenido relevante
Aségurate de que las
imágenes estén asociadas
con el mensaje.
04 Recorta
con cuidado
Utiliza sabiamente
herramientas para
recortar y asegúrate
de que los elementos
principales de la imagen
estén en foco.
34
05 El espacio
para copiar es lo principal
Encuentra imágenes con
un espacio claro para que
coloques el texto en lugar
de trabajar alrededor del
marco.
Consejo: Archiva una selección de imágenes de alta calidad.
Las imágenes serán la base de muchos de tus gráficos de marketing, al archivar fotografías de
alta calidad y marca, ahorrarás tiempo de búsqueda. Utiliza técnicas creativas como las que a
continuación te presentamos. Te permitirán reusar gráficos y constantemente crear diseños pro-
fesionales.
35
PUBLICACIONES EN REDES SOCIALES
HubSpot tiene la reputación de crear contenido y promoverlo ampliamente en Redes Sociales.
Es muy extraño que el equipo de Redes Sociales publique contenido en Facebook o Twitter sin
gráficos.
A continuación, se presentan algunos ejemplos de resultados de pruebas A/B en los gráficos
publicados en medios de comunicación social (nota: se utilizó la misma copia para esta prueba
A/B, el único elemento que cambió fueron los gráficos).
El primer gráfico lo publicó HubSpot en Twitter y recibió un 33% más clics que la segunda imagen.
Sin embargo, la segunda imagen obtuvo 24% más retweets que la primera imagen.
4 ERRORES A 4 ERRORES A
EVITAR EN INBOUND EVITAR EN INBOUND
VS
MARKETING MARKETING
Otro ejemplo de gráficos en medios sociales que HubSpot probó fue incluir una imagen de un
electrónico versus ninguna imagen.
El primer gráfico tuvo la mayoría de clics con un 49% más de CTR (Call through rate) que el segun-
do gráfico. Sin embargo, el segundo gráfico tuvo un 15% más de retweets.
LAS 6 MÉTRICAS
DE MARKETING
VS
36
Reflexiona sobre la información
que muestras en el gráfico. A
continuación, se presentan
dos Tweets que HubSpot envió
para promover un seminario. El
primer gráfico, Imagen A, tuvo
un CTR 250% más alto que el
segundo. La imagen A era 5%
más económico que B.
¿La diferencia? "A" muestra da-

B 250% MÁS CTR!
tos y proporciona una estadísti-
ca sobre cómo aumentar los
clics en Twitter, mientras que
"B" se limita a informar cuando
se llevará a cabo el seminario y
de lo que tratará.
Tu puedes ejecutar pruebas similares utilizando herramientas que fácilmente crean imágenes y
posteriormente realizar las pruebas A/B para evaluar los “copy”, gráficos y comparar en tus redes
sociales para determinar que canal funciona mejor para generar seguidores.
37
Redes Sociales Pagadas

Cuando diseñas gráficos para redes sociales pagadas, intenta los consejos que a continuación te
compartimos.
01 Haz un catálogo
de tu producto
Encuentra imágenes con espacios claros para colocar el texto en lugar de trabajar alrededor
del marco.
Imagen superior: NEST muestra el post de Tweet con mayor participación con una simple imagen
de su producto en sus gráficos. PARITI utiliza una captura de pantalla de su producto en una apli-
cación móvil para mostrar como se ve en un dispositivo. Lo más probable es que su target son los
usuarios de iPhone, y por eso lo han hecho solo con ese gráfico.
38
Consejo 1: No necesitas contratar un fo- Consejo 2: Dirige las capturas de pantalla

tógrafo para utilizar imágenes de alta calidad en a la audiencia para la cual te estás enfocando.
tus gráficos pagados. Utiliza herramientas gra- No emplees una captura de pantalla de una
tuitas para descargar fotos hermosas y profesio- computadora de escritorio si estás promovi-
nales para tus gráficos. endo una aplicación para móvil.
02 Explica
el proceso
El objetivo de la mayoría de las campañas de
marketing de paga es ganar más clientes, pero
no mucha gente sabe de qué se trata tu produc-
to. Cuando lo promuevas, nunca asumas que la
gente conoce tu negocio, utiliza gráficos para
representar como funciona tu producto.
En este ejemplo Lyft utiliza gráficos estratégi-
cos en su Tweet de promoción para mostrar
a su audiencia que tan sencillo es el proceso
en solicitar un auto. En el gráfico, resalta y ex-
plica que tan sencillo es utilizar su aplicación
para móvil y el “copy” accionable contribuye a

que sea un gráfico altamente convertible.
Consejo: Reutiliza los gráficos de alto rendimiento a través de diferentes plataformas.
39
Obtén el máximo provecho de tu prueba A/B a través del gráfico ganador desplegándolo en dif-
erentes redes sociales. Por ejemplo, si un determinado gráfico genera más conversiones en tu
Facebook, reutilízalo en Twitter, Instagram y más.
Existen herramientas que te lo permiten automáticamente, no necesitas empezar desde marcar o
cambiar el tamaño de tu diseño para las diferentes plataformas.
40
CONCLUSIÓN
41
Cuando se trata de gráficos, lo que funciona se reduce a la prueba, el rediseño, al
ajuste y a evaluar constantemente cosas nuevas. Especialmente para determinadas
industrias, lo que funciona para algunos puede no funcionar para
otros.
Si has leído en alguna parte que los botones rojos trabajan mejor para las
aplicaciones de ventas o que los gráficos en rosa convierten mejor en Facebook
ads para el comercio electrónico, pruébalos en ti y observa que funciona mejor
para tu audiencia.
Literalmente existen millones de diferentes combinaciones de gráficos para
marketing por correo-e, redes sociales, páginas de destino y publicidad pagada.
Tu única tarea es encontrar cuál variante incrementa tu tasa de conversión.
Asegúrate de jugar con tus gráficos, visita otros blogs y suscríbete a otros boletines
de correo-e que inspiren tus diseños.
Ya sea que se trate de incrementar el número de “shares”, de clientes potenciales
y visitas o ventas, se ha demostrado que los gráficos ayudan a incrementar las
conversiones y llegar a los objetivos que nosotros como Mercadologos siempre nos
esforzamos por alcanzar. He aquí algunas consideraciones para llevar y aplicar en
tu próximo diseño y pruebas de gráficos.
42
Claves:
Finalmente, utiliza los gráficos para tu conveniencia: ubícalos en donde puedas. Mejoran la
promoción de tu contenido y de tus productos. Diviértete diseñando y probando.
43
Acerca de
nosotros
Somos un equipo de profesionales con experiencia en marketing digital, nos apa-
siona la creatividad y nos enorgullece que en conjunto con nuestros clientes y/o
socios alcancemos objetivos claros y retos cumplidos.Nuestro equipo está con-
formado por estrategas de negocios, analistas de tendencias y comportamientos
de los compradores, generadores de contenido de calidad, expertos en posiciona-
miento, creadores de sitios web y diseñadores de arte que en conjunto fusionan
cada uno de los esfuerzos para para causar el mejor impacto en cada proyecto que
llevamos a cabo.Nuestro objetivo en cada proyecto es generar más visitas, más
leads que se conviertan en clientes, para de esta manera posicionar a tu marca
como líder en su industria sin descuidar el retorno de su inversión.
Recibe una evaluación de un especialista

en marketing de atracción
www.mediasource.mx
SOLICITA UNA ASESORÍA
44

Media Source - Cómo Diseñar Gráficos Que Conviertan

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Media Source - Cómo Diseñar Gráficos Que Conviertan

Загружено:

Авторское право:

Доступные форматы

CÓMO DISEÑAR GRÁFICOS QUE CONVIERTAN

electrónicos; reuniéndonos para la promoción de nuevos productos y hablando sobre estrategias

que compartirlo en Twitter y Facebook. Tu estrategia social y de correo electrónico detrás de la

de conversión más alto que los mensajes sin imágenes.

contenido promocional? ¿encabezados de correo electrónico, imágenes de la página de aterrizaje

y llamadas a la acción (CTA)?

cuando se trata de promover el contenido?

más seguidores y llegue a una mayor audiencia.

recibir correos-e promocionales mensualmente y un 61% semanalmente. Mercadologos: es mo-

mento de ponernos la camiseta de la optimización de conversiones.

Cuando se trata de un correo electrónico de marketing y de cuotas de conversión, vienen a la

Si estás encargado de diseñar un boletín de correo electrónico; la promoción de un producto; la

juegan un papel importante en la conversión y toma de acción de tu público.

De acuerdo a Laura Busche, independientemente si tu correo es

• Conectar con una gran audiencia de manera constante y frecuente.

• Te permite ampliar rápidamente un programa de contenido atractivo

Los gráficos de tus correos-e, necesitan seguir estas reglas:

1. Ser visualmente atractivos.

2. Ser “responsive” (móvil, tableta,

5. Tener un botón claro de “llama-

“llamado a la acción”, puedes incrementar tu tasa de conversión rápidamente.

Estos elementos son los Tres

más grande a más pequeño, este

tipo de contenido debe leerse en

un orden natural progresivo.

02 Aumenta el tamaño de los íconos

Recuerda conservar los objetos importantes más grandes. Cuando el

tamaño de los elementos se incrementa refleja una importancia visual.

Aumenta la medida de los íconos para que se comporten como un “lla-

mado a la acción”. Mientras más grande sea el ícono, funcionará mejor.

Los colores no solo evocan

sentimientos, también crean un

La aplicación de un color fuerte y

resaltará y dirigirá la vista hacia

04 Mezcla los estilos

La mayoría de las fuentes vienen en diferentes estilos, por ejemplo, bold

e itálica, que pueden ser especialmente útiles cuando se crean jerarquías

Las palabras que merecen especial notoriedad, como “venta” o “atención”

son excelentes para utilizarlas con diferentes estilos.

el uso de un catálogo o creando uno propio utilizando imágenes avanzadas.

Cuando se trata de la tipografía de los gráficos de correo electrónico, sigue el concepto de

“Jerarquía de los 3 Niveles de Tipografía “, blog post de Janie Kliever.

lector necesita saber sobre tu correo electrónico. El

encabezado seducirá al lector para seguir leyendo

lo que hay adentro.

su post, Janie cree que el subtítulo ayuda a “organi-

zar el diseño en secciones o en grupos relaciona-

dos de información. No deben sobresalir más que

el nivel uno, pero deben claramente dirigir a los

espectadores a las diferentes partes del diseño y

ayudarlos a navegar con facilidad. “

mación posible para proporcionar valor a tu lector.

Proporciona detalles sobre el libro electrónico que

deseas que tus lectores descarguen; el producto (s)

que deseas que compren; la prueba gratuita quieres

que comiencen; el evento al que desees que asistan,

o simplemente el sitio web que deseas que vean.

¿Qué lo hace ser un gráfico?

Por un lado, el encabezado resal-

tado en rojo junto a las palabras

“Soho Loft” sin duda llama la

atención y el espacio en blanco

hace que el texto grande destaque

En segundo lugar, el subtítulo “Spe-