HubSpot + Canva | Cómo diseñar gráficos que conviertan 1
8eneyw7kh
8eneyw7kh
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 1
Índice<br />
Introducción ....................................................................................... 01<br />
Sección 1:<br />
Diseñar <strong>gráficos</strong> para correos electrónicos ............................... 02<br />
Sección 2:<br />
Diseñar <strong>gráficos</strong> para páginas de destino ................................... 11<br />
Sección 3:<br />
Diseñar <strong>gráficos</strong> para llamadas a la acción .................................. 16<br />
Sección 4:<br />
Diseñar <strong>gráficos</strong> para redes sociales y anuncios de pago ...... 21<br />
Conclusión .......................................................................................... 30<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 2
Introducción<br />
L os profesionales del marketing estamos constantemente leyendo los post, aprendiendo los<br />
nuevos consejos y trucos, pensando en nuestras próximas campañas, analizando las líneas de<br />
asunto de los correos electrónicos, nos reunimos para hablar sobre cómo promocionar los productos<br />
nuevos y sobre la estrategia de redes sociales (por nombrar algunas tareas de nuestra vida cotidiana).<br />
Detrás de todo ese trabajo arduo, está la idea de <strong>que</strong> lo <strong>que</strong> hacemos como profesionales del inbound<br />
marketing es principalmente pensar maneras para crear contenido, compartirlo, promocionarlo y<br />
generar oportunidades de venta para nuestra empresa.<br />
El contenido extraordinario no es muy útil si no lo promocionas, ¿cierto? Pero promocionarlo significa<br />
más <strong>que</strong> compartir algunas publicaciones en Twitter y Facebook. La estrategia de redes sociales y<br />
correo electrónico <strong>que</strong> hay detrás de la promoción del contenido debe evolucionar para adaptarse a las<br />
necesidades visuales del consumidor. Sí, está comprobado <strong>que</strong> las publicaciones de redes sociales <strong>que</strong><br />
tienen imágenes convierten más <strong>que</strong> las <strong>que</strong> no tienen <strong>gráficos</strong>. Pero crear ciertos <strong>gráficos</strong> va mucho<br />
más allá de una sola imagen para tus promociones de marketing. El texto, color, posicionamiento,<br />
tamaño y uso de <strong>gráficos</strong> puede tener un impacto real en las conversiones al optimizar una llamada<br />
a la acción. ¿Pero qué sucede con el resto de tu contenido promocional como títulos de correos<br />
electrónicos, imágenes de páginas de destino y llamadas a la acción (CTA)?<br />
La pregunta <strong>que</strong> a todos nos gustaría responder es: ¿cómo <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> cuando<br />
debemos promocionar el contenido?<br />
En este ebook hablaremos sobre cómo <strong>diseñar</strong> <strong>gráficos</strong> para redes sociales, páginas de destino, email<br />
marketing, CTA y anuncios de pago <strong>que</strong> aumentarán tus tasas de conversión y permitirán <strong>que</strong> tu<br />
contenido tenga un mejor rendimiento, obtenga más oportunidades de venta y llegue a una audiencia<br />
más amplia.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 1
Sección 1:<br />
Diseñar<br />
<strong>gráficos</strong><br />
para correos<br />
electrónicos<br />
Un estudio reciente <strong>que</strong> llevó a cabo MarketingSherpa indicó <strong>que</strong> el 72% de las personas adultas en<br />
Estados Unidos prefiere <strong>que</strong> las empresas se comuni<strong>que</strong>n por correo electrónico, el 86% preferiría<br />
recibir correos con promociones una vez al mes y el 61% en forma semanal. Profesionales del<br />
marketing: es hora de <strong>que</strong> nos encarguemos de la optimización de conversiones.<br />
Cuando se trata del email marketing y las tasas de conversión, lo primero <strong>que</strong> se nos ocurre son las<br />
pruebas tradicionales de líneas de asunto, tasas de apertura y de click-through (CTR). Al igual <strong>que</strong><br />
conla CTR, ¿qué más sucede cuando alguien abre tu correo electrónico? ¿Qué ven las personas?<br />
Si estás encargado de <strong>diseñar</strong> un boletín por correo electrónico, promocionar un producto o elemento<br />
de contenido en un correo detallado o invitar a las personas a un evento, presta atención: los <strong>gráficos</strong><br />
de tu correo serán muy importantes para hacer <strong>que</strong> tu audiencia tome acción.<br />
De acuerdo con Laura Busche, sin importar <strong>que</strong> tu correo electrónico sea para tu marca personal<br />
o para tu trabajo, debe tener el poder de:<br />
• Conectarte con una audiencia grande con frecuencia y consistencia.<br />
• Mantener los costes de compartir información nueva en un nivel bajo al crear un canal por<br />
tu cuenta.<br />
• Permitirte ampliar la participación de un programa de contenido con rapidez.<br />
• Compartir llamadas a la acción cautivadoras para dirigir a tu audiencia en una dirección<br />
específica.<br />
Los <strong>gráficos</strong> de tus correos electrónicos necesitan seguir las siguientes reglas:<br />
1. Ser atractivos visualmente (seguir los principios de diseño de jerarquía y tipografía).<br />
2. Ser receptivo (en los móviles, tabletas y equipos de escritorio).<br />
3. Agregar valor.<br />
4. Permitir las pruebas A/B (texto vs. imagen).<br />
5. Tener una CTA clara.<br />
¡Comencemos!<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 2
Diseñar con la<br />
jerarquía<br />
ytipografía<br />
en mente<br />
La jerarquía se aplica al orden de tus diseños y garantiza <strong>que</strong> los elementos más importantes se vean<br />
primero. Esto es fundamental para los títulos de correos electrónicos, ya <strong>que</strong> es lo primero <strong>que</strong> las<br />
personas ven cuando lo abren. Con un título eficaz de correo electrónico <strong>que</strong> sea atractivo visualmente<br />
y <strong>que</strong> tenga una llamada a la acción clara, puedes aumentar tu tasa de conversión a la brevedad.<br />
Cuando trabajas con varios elementos <strong>gráficos</strong>, como fuentes, imágenes, colores, formas o íconos, usar<br />
la jerarquía es una habilidad vital para hacer <strong>que</strong> el mensaje de tu diseño se comuni<strong>que</strong> con claridad y<br />
de forma breve.<br />
Cuando estés listo, considera estos cinco principios fundamentales de la jerarquía visual eficaz.<br />
1. Ordena tu título, subtítulo y cuerpo del mensaje por tamaño.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 3
Estos elementos son los tres mos<strong>que</strong>teros de la tipografía. De mayor a menor, estos tipos de contenido<br />
deben leerse en un orden natural de avance.<br />
Tu título es lo primero <strong>que</strong> las personas notarán, así <strong>que</strong> asegúrate de <strong>que</strong> se desta<strong>que</strong>. Puedes lograrlo<br />
si la fuente tiene el tamaño más grande y con una fuente marcada y llamativa. El subtítulo debe<br />
respaldar a la fuente de tu título en un tamaño relativamente más pe<strong>que</strong>ño.<br />
El tamaño del texto del cuerpo es el más pe<strong>que</strong>ño y debe ser claro y fácil de leer. En el cuerpo, evita<br />
usar fuentes elaboradas de escritura o texto en mayúscula, ya <strong>que</strong> hacen <strong>que</strong> el lector fuerce la vista<br />
y <strong>que</strong> el texto sea más difícil de leer en general.<br />
2. Aumenta el tamaño de los íconos para reflejar su importancia.<br />
Recuerda hacer <strong>que</strong> los elementos más importantes sean los más grandes. Cuando el tamaño de los<br />
elementos aumenta, este refleja su importancia visual.<br />
Aumenta el tamaño de los íconos para <strong>que</strong> funcionen como una «llamada a la acción». Cuanto más<br />
relevante sea el ícono, funcionará mejor.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 4
3. Usa los colores como un marcador visual.<br />
El color no solo produce sentimientos, también crea un nivel de distinción entre qué es importante<br />
y qué no.<br />
Si aplicas un color brillante y en negrita a una característica significativa, el texto resaltará y llamará<br />
la atención, <strong>que</strong> será un componente focal en tu diseño.<br />
En este ejemplo, se usó una herramienta de selección de color para hacer coincidir el color del texto<br />
«Sunshine» con el vibrante color amarillo de la flor <strong>que</strong> está en la imagen de fondo. El color hace <strong>que</strong><br />
el texto sobresalga de la página y lo convierte en una característica dominante del diseño.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 5
4. Mezcla tus estilos de fuente.<br />
La mayoría de las fuentes vienen en distintos estilos, por ejemplo, en negrita o itálica, <strong>que</strong> pueden<br />
ser útiles al crear jerarquías en tus diseños.<br />
Podemos usar distintos estilos de fuente en palabras <strong>que</strong> necesitan cautivar a los demás, como<br />
«venta» o «atención».<br />
5. Usa cuadrículas para ordenar tus imágenes.<br />
Utilizar cuadrículas en la jerarquía es una excelente estrategia para mostrar las imágenes en orden de<br />
importancia o crear una narrativa visual. Puedes lograrlo al colocar las imágenes más importantes en<br />
el marcador de posición más grande y las fotos menos relevantes en los marcadores secundarios.<br />
Recuerda <strong>que</strong> puedes lograr tener una consistencia visual al aplicar el mismo código de filtro a todas<br />
las imágenes, ya sea al usar nuestros ajustes preestablecidos o crear los tuyos con características<br />
avanzadas.<br />
Cuando se trata de la tipografía de los <strong>gráficos</strong> de tus correos electrónicos, sigue el concepto de<br />
«Jerarquía de 3 niveles de la tipografía», <strong>que</strong> se explica en este post de Janie Kliever.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 6
Mejorar la legibilidad de tus correos electrónicos sin duda aumentará el valor <strong>que</strong> percibe el lector y<br />
los elementos <strong>que</strong> le interesan, lo cual producirá un incremento de conversiones, ya <strong>que</strong> tendrá claro<br />
qué obtendrá de tu correo.<br />
Título<br />
Este es el elemento más importante de información <strong>que</strong> necesita conocer tu lector sobre el correo<br />
electrónico. El título atraerá al lector para <strong>que</strong> siga leyendo el contenido.<br />
Subtítulo<br />
Este debe ser más sutil <strong>que</strong> el título. En su post, Janie menciona <strong>que</strong> cree <strong>que</strong> el subtítulo te ayuda a<br />
«organizar el diseño en secciones o grupos de información relacionada. No debe resaltar tanto como<br />
un título, pero debe dirigir fácilmente a las visitas a distintas partes del diseño y ayudarlas a navegar<br />
con facilidad».<br />
Texto<br />
El texto es como el platillo fuerte de tu gráfico, ya <strong>que</strong> debe transmitir toda la información posible para<br />
proporcionar valor al lector.<br />
Informa a las personas los detalles sobre el ebook <strong>que</strong> quieres <strong>que</strong> descarguen, el o los productos <strong>que</strong><br />
quieres <strong>que</strong> compren, el periodo de versión de prueba <strong>que</strong> quieres <strong>que</strong> empiecen, el evento al <strong>que</strong><br />
quieres <strong>que</strong> vayan o el sitio web <strong>que</strong> quieres <strong>que</strong> visiten.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 7
A continuación tenemos el ejemplo de un gráfico <strong>que</strong> muestra las reglas de jerarquía cuando se trata<br />
de la tipografía:<br />
¿Qué hace <strong>que</strong> este sea un gráfico excelente?<br />
Para empezar, el título rojo y en negrita junto con «Soho Loft», en definitiva llaman la atención y<br />
el espacio en blanco en el anuncio hace <strong>que</strong> el texto grande resalte aún más. En segundo lugar, el<br />
subtítulo «Special Offer» (oferta especial) solo tiene dos palabras, así <strong>que</strong> es fácil de leer. El texto es<br />
de seguimiento, <strong>que</strong> es, en esencia, un motivador para <strong>que</strong> el lector haga clic y revise el apartamento<br />
antes de <strong>que</strong> finalice la oferta en «10 días, 23 horas y 14 minutos».<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 8
Survey Monkey hace un gran trabajo con las reglas de jerarquía y tipografía en este correo electrónico<br />
<strong>que</strong> está muy bien dividido en secciones:<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 9
¿Qué hace <strong>que</strong> este sea un gráfico excelente?<br />
Si contrastamos este ejemplo con el anterior, este gráfico tiene más información y módulos en la<br />
página, sin embargo, sigue siendo simple, legible y tiene llamadas a la acción claras. Por ejemplo,<br />
el título «3 consejos para hacer análisis e informes de datos con facilidad» llamará la atención de las<br />
personas <strong>que</strong> quieran facilitar sus vidas para hacer estas tareas. Hay una llamada a la acción sencilla:<br />
«Obtener consejos» antes del subtítulo del gráfico, <strong>que</strong> son dos. El lector puede llevar a cabo la acción<br />
primero o seguir leyendo y decidir cuál de los dos subtítulos le interesa más.<br />
Este gráfico es como un «árbol de decisión», una lectura parecida a un diagrama de flujos <strong>que</strong> es fácil<br />
de consumir y entender, donde el lector obtendrá valor.<br />
Por último, el siguiente es un excelente ejemplo de un gráfico de email marketing de Drybar. (Las flechas<br />
apuntan a secciones distintas del gráfico y llaman la atención hacia la CTA).<br />
¿Qué hace <strong>que</strong> este sea un gráfico excelente?<br />
Este gráfico es el ejemplo perfecto de un correo electrónico <strong>que</strong> usa un título en negrita diseñado para<br />
dirigir la atención al subtítulo <strong>que</strong> está abajo, en donde se muestra una imagen del producto y después<br />
al texto, <strong>que</strong> finaliza en la CTA. (La imagen del diseño final completo está en este post)<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 10
Sección 2:<br />
Diseñar<br />
<strong>gráficos</strong><br />
para páginas<br />
de destino<br />
Cuando se trata de <strong>diseñar</strong> <strong>gráficos</strong> para páginas de destino, piensa en hacer pruebas A/B a los<br />
elementos de tus <strong>gráficos</strong>, como:<br />
• Imagen del producto vs. imagen de la persona<br />
• Imagen del producto: colocación, capturas de pantalla o dibujos<br />
• Imágenes de personas: hacia a dónde apuntan sus ojos y si es hombre o mujer<br />
Mostrar<br />
personas<br />
en tus<br />
páginas de destino<br />
Hay una supuesta teoría <strong>que</strong> indica <strong>que</strong> cuando la imagen de una persona de una página de destino<br />
está mirando fijo al producto, las tasas de conversión aumentan, ya <strong>que</strong> nuestra forma de mover los<br />
ojos en los sitios web sigue la dirección de ese producto para <strong>que</strong>rer comprarlo.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 11
En el siguiente ejemplo, el bebé de esta página de destino está mirando hacia adelante, así <strong>que</strong> el<br />
lector directamente ve primero los ojos del niño. Sin embargo, en la segunda variación, el bebé está<br />
mirando hacia el título de la página de destino, <strong>que</strong>, según el mapa de calor, es el área <strong>que</strong> obtiene<br />
más concentración.<br />
Fuente de la imagen:<br />
En este segundo ejemplo, la mujer está mirando hacia adelante en el gráfico de la página de destino,<br />
<strong>que</strong> solo provocó <strong>que</strong> un 6% de los participantes de este estudio mirara al producto. Cuando mira al<br />
producto, el 84% de los participantes en realidad observó al producto en la página de destino.<br />
Fuente de la imagen:<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 12
Hay otras formas en las <strong>que</strong> se puede poner a personas en páginas de destino, donde no<br />
necesariamente deben «mirar» al producto <strong>que</strong> se muestra.<br />
Intenta hacer pruebas con un hombre versus una mujer en una página de destino.<br />
En el siguiente ejemplo, Highrise, una pe<strong>que</strong>ña empresa de CRM, hizo una prueba A/B a las imágenes<br />
de su sitio web al colocar a dos personas distintas; Jocelyn está a la izquierda y Michael a la derecha.<br />
Descubrieron <strong>que</strong> Michael les ayudó a mejorar las conversiones en casi un 5%.<br />
En este último ejemplo, la página de destino muestra a una mujer sobre el formulario de la página,<br />
lo cual redujo el envío de formularios en un 24%.<br />
¿Por qué? Para empezar, la mujer no está viendo al gráfico o captura de pantalla del producto ni<br />
a donde <strong>HubSpot</strong> quiere <strong>que</strong> los usuarios se dirijan para llenar el formulario. Para <strong>que</strong> esta mujer<br />
agregue valor a la página de destino, debería estar mirando hacia el título para <strong>que</strong> el ojo humano<br />
se dirija hacia ahí primero, lea el valor y después llene el formulario. Con solo ver hacia nuestra<br />
dirección, esta mujer no agrega valor para ayudar a aumentar las tasas de conversión.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 13
Al colocar <strong>gráficos</strong> en las páginas de destino, piensa en mostrar el valor de lo <strong>que</strong> se ofrece en la<br />
página. Ejecuta pruebas A/B en capturas de pantalla de tu producto vs. las personas <strong>que</strong> usan tu<br />
producto o crea <strong>gráficos</strong>, como algunos de los siguientes ejemplos, <strong>que</strong> muestran a la visita lo <strong>que</strong><br />
obtendrá si envía su información.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 14
Para una prueba de captura de pantalla vs. producto, <strong>HubSpot</strong> llevó a cabo una prueba A/B en una<br />
página <strong>que</strong> mostraba una captura de pantalla del producto vs. una imagen con personas.<br />
vs.<br />
¡Un 130% más de clics!<br />
La página <strong>que</strong> mostraba la captura de pantalla del producto recibió 130% más clics <strong>que</strong> la página <strong>que</strong><br />
tenía personas en su imagen. ¿Quieres saber cuál es el punto más importante de esto? Si bien los<br />
profesionales del marketing pueden asumir lo <strong>que</strong> las personas quieren, este es un ejemplo clásico<br />
de cómo una prueba demostró la mejor opción e identificó <strong>que</strong> la imagen del producto tenía más<br />
conversiones.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 15
Sección 3:<br />
Diseñar<br />
<strong>gráficos</strong> de<br />
llamadas<br />
a la acción<br />
Cuando se trata de la acción <strong>que</strong> quieres <strong>que</strong> las personas hagan en tu página de destino, piénsalo bien<br />
y realiza pruebas con frecuencia. Los dos elementos a los <strong>que</strong> debes hacer pruebas en los <strong>gráficos</strong> de<br />
CTA son el color y texto; ajustar y probar ambos garantizará <strong>que</strong> tus tasas de conversión aumenten.<br />
Teoría del color<br />
Se han realizado muchas investigaciones en torno a este tema y es un hecho <strong>que</strong> debes hacer pruebas<br />
con el color de los <strong>gráficos</strong> de tus CTA en todas tus páginas de destino.<br />
Si quieres saber más sobre las asociaciones de la psicología del color y la industria para la <strong>que</strong><br />
trabajas, échale un vistazo a esta infografía y úsala como una pauta para hacer pruebas con colores.<br />
A continuación podrás ver una vista previa:<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 16
Usa las teorías de color como una pauta general para hacer pruebas con los <strong>gráficos</strong> de las CTA<br />
y recuerda agregar un texto donde sea necesario para «cerrar» a las visitas y hacer <strong>que</strong> envíen<br />
su información.<br />
Texto de la CTA<br />
Tener un botón (como en los ejemplos del siguiente gráfico) suena fácil, pero hay un número de<br />
variables <strong>que</strong> hacen <strong>que</strong> tomar esa decisión se sienta como algo complicado. ¿Qué tan grande<br />
debería ser el botón? ¿Qué color debería tener? ¿Qué debería decir el texto del botón? Aquí hay<br />
algunos consejos para hacer <strong>que</strong> tus botones sean más exitosos.<br />
• Haz <strong>que</strong> sean claros. En el siguiente ejemplo, «Email to a Colleague» (Enviar correo electrónico<br />
a un colega) fue la CTA <strong>que</strong> obtuvo el mayor rendimiento por<strong>que</strong> el lenguaje es más claro.<br />
• Transmitir valor. Tu CTA debe responder la pregunta: «¿En qué me beneficia?». Piensa en los<br />
dos o tres beneficios de tu oferta y trata de hacer una lista con un orden de prioridad. Después<br />
selecciona la más importante y acórtala para <strong>que</strong> solo tenga algunas palabras. De esta forma,<br />
resaltarás el punto clave de interacción y garantizarás <strong>que</strong> haya un alineamiento entre tu anuncio<br />
y la oferta.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 17
• Hacer <strong>que</strong> produzca una acción. «Get Started Now» (Empezar ahora) le dice al lector <strong>que</strong> debe<br />
tomar una acción inmediata, lo opuesto de «Read More» (Leer más), <strong>que</strong> es una acción menos<br />
orientada y <strong>que</strong> no tiene un sentido de urgencia.<br />
• Haz pruebas en la primera plana o debajo de esta para tu audiencia o industria. Muchas<br />
personas creen <strong>que</strong> el contenido importante de tu página de destino debe aparecer en primera<br />
plana; supuestamente, las personas no se desplazarán para llenar un formulario o buscarán<br />
más información crucial sobre la oferta del formulario. Pero la plana en realidad no afecta a las<br />
conversiones. KISSmetrics encontró <strong>que</strong> cuando se motiva a las personas para <strong>que</strong> se <strong>conviertan</strong><br />
en una página, estas lo hacen, sin importar en dónde esté el botón de «Enviar». De acuerdo con<br />
ese artículo, el factor más importante en el aumento de la motivación es un texto cautivador, sin<br />
importar su longitud. Así <strong>que</strong> olvídate de optimizar solo el contenido de la primera plana; con las<br />
pruebas A/B puedes descubrir cuánta información necesitan las personas para convertirse.<br />
Fuente de la imagen:<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 18
• Crear urgencia. En el siguiente ejemplo, los mensajes «24 Hour Flash Sale» (Venta fugaz de<br />
24 horas), «Shop Now» (Comprar ahora) y «Ends Friday» (Finaliza el viernes) transmiten la<br />
importancia de la urgencia al lector, <strong>que</strong> serán más eficaces <strong>que</strong> los <strong>gráficos</strong> con una fecha<br />
indeterminada y <strong>que</strong> no tienen ninguna razón para <strong>que</strong> la persona realice una acción inmediata<br />
<strong>que</strong> «no se puede perder».<br />
• Incluir números. Incluir números afecta al lector, ya <strong>que</strong> lo integra a una comunidad de otras<br />
personas <strong>que</strong> realizarán esa acción, ya sea para usar un software o descargar un ebook. <strong>HubSpot</strong><br />
llevó a cabo un experimento, donde se incluyó el número de descargas de una página. Al incluir<br />
números de otras personas <strong>que</strong> descargaron el contenido, la tasa de conversión aumentó un 4%.<br />
Intenta incorporar el número de otros usuarios o personas en tus <strong>gráficos</strong> <strong>que</strong> hayan expresado<br />
un interés para <strong>que</strong> el lector sienta <strong>que</strong> forma parte de una comunidad.<br />
• Alinearlo con la página de destino. (Por ejemplo, «Apartar mi lugar» para asistir a un webinar<br />
o «Descargar mi ebook» para obtener un ebook).<br />
• ¡Sigue haciendo pruebas!<br />
Puedes leer más información sobre las llamadas a la acción eficaces aquí.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 19
Consejo profesional de CTA: Agregar el «elemento de cierre»<br />
Dependiendo del contenido <strong>que</strong> estés promocionando, cuando se trata de ebooks y webinar, piensa<br />
en agregar un elemento de cierre al gráfico de tu CTA.<br />
Ejemplo: Para los webinar, agrega un recordatorio <strong>que</strong> indi<strong>que</strong> <strong>que</strong> grabarás la sesión y enviarás una<br />
versión «por pedido» con la presentación. Dales a las personas un «elemento de cierre» en la página,<br />
una frase simple y corta, como en el ejemplo siguiente <strong>que</strong> diseñó Unbounce:<br />
Fuente de la imagen:<br />
Cuando se trata de ebooks, Michael Aagaard, de ContentVerve, destacó <strong>que</strong> su ebook solo era una<br />
lectura de 25 minutos. Esta declaración simple en el gráfico de la CTA produjo un aumento del 19%<br />
en el número de descargas.<br />
Cuando hagas pruebas A/B a los <strong>gráficos</strong> de las llamadas a la acción o a otros elementos visuales de<br />
marketing, configura plantillas de diseño <strong>que</strong> te permitirán reproducir tus <strong>gráficos</strong> con eficiencia.<br />
Las pruebas con distintas fotos, textos de llamadas a la acción y colocación de botones se pueden<br />
implementar con rapidez y facilidad usando el editor de arrastrar y soltar de <strong>Canva</strong>.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 20
Sección 4:<br />
Diseñar<br />
<strong>gráficos</strong><br />
para redes sociales<br />
y anuncios de pago<br />
La importancia de incluir <strong>gráficos</strong> en las publicaciones de redes sociales se están destacando con<br />
fuerza en el marketing de la actualidad, así <strong>que</strong> es importante empezar a crear y probar <strong>gráficos</strong> <strong>que</strong><br />
aumenten las conversiones en Twitter, Facebook, LinkedIn y otras plataformas <strong>que</strong> sean adecuadas<br />
para tu marca.<br />
Elegir imágenes para los <strong>gráficos</strong> de tus redes sociales<br />
Evita un error <strong>que</strong> la mayoría de las marcas comete y aléjate de los bancos de fotografías populares<br />
o de mala calidad. Aprende a usar las imágenes como un diseñador.<br />
En la siguiente página verás consejos profesionales del Diseñador sénior de <strong>Canva</strong>, Poppie Pack,<br />
sobre cómo usar imágenes para el diseño de redes sociales.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 21
1. No elijas imágenes con demasiada actividad.<br />
Las imágenes con mucha actividad desviarán la atención de tu audiencia y harán <strong>que</strong> sea más difícil<br />
comunicar tu mensaje.<br />
2. Sé específico<br />
cuando bus<strong>que</strong>s<br />
imágenes.<br />
Usa palabras clave<br />
descriptivas para<br />
asegurarte de obtener<br />
resultados de calidad.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 22
3. Haz <strong>que</strong> tu contenido sea relevante.<br />
Asegúrate de <strong>que</strong> las imágenes se relacionen con el mensaje <strong>que</strong> intentas transmitir<br />
con tus <strong>gráficos</strong>.<br />
4. Corta las imágenes con cuidado.<br />
Usa herramientas para cortar con inteligencia y asegurarte de <strong>que</strong> los elementos principales<br />
de tu imagen estén en el punto de mira.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 23
5. El espacio del texto es la clave.<br />
Busca imágenes con espacio libre para colocar tu texto en lugar de trabajar alrededor de sus elementos.<br />
Consejo profesional: Agrupa una selección de imágenes de alta calidad<br />
Las imágenes formarán la base de muchos de tus <strong>gráficos</strong> de marketing, así <strong>que</strong> para ahorrar tiempo,<br />
crea una carpeta de <strong>gráficos</strong> <strong>que</strong> sean de alta calidad y estén relacionadas con tu marca. Usar técnicas<br />
creativas, como las anteriores, te permitirá volver a usar varios <strong>gráficos</strong> y crear diseños con apariencia<br />
profesional constantemente.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 24
Publicaciones<br />
de redes<br />
sociales<br />
<strong>HubSpot</strong> tiene la reputación de crear contenido y promocionarlo constantemente en las redes sociales.<br />
El equipo de redes sociales en raras ocasiones publica contenido en Facebook o Twitter sin usar <strong>gráficos</strong>.<br />
A continuación hay algunos ejemplos de resultados de pruebas A/B <strong>que</strong> se llevaron a cabo en <strong>gráficos</strong><br />
publicados en redes sociales (nota: se usó el mismo texto en todas las pruebas A/B; el único elemento<br />
<strong>que</strong> cambió fue el gráfico).<br />
El primer gráfico <strong>que</strong> <strong>HubSpot</strong> publicó en Twitter obtuvo 33% más clics <strong>que</strong> la segunda imagen, sin<br />
embargo, la segunda imagen obtuvo 24% más retweets <strong>que</strong> la primera.<br />
vs.<br />
Otro ejemplo de <strong>gráficos</strong> en redes sociales <strong>que</strong> <strong>HubSpot</strong> probó tiene una imagen de un ebook frente<br />
a una publicación sin imagen.<br />
El primer gráfico obtuvo más clics con una CTR 49% mayor <strong>que</strong> la del segundo. Sin embargo, la segunda<br />
imagen obtuvo un 15% más de retweets.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 25<br />
vs.
También debes pensar en la información <strong>que</strong> muestras en el gráfico de redes sociales. A continuación<br />
hay dos tweets <strong>que</strong> <strong>HubSpot</strong> publicó para promocionar un webinar. El primer gráfico, la imagen A,<br />
tuvo una CTR 250% mayor <strong>que</strong> la segunda. La Imagen A fue 5% más barata <strong>que</strong> la imagen B en cuanto<br />
al coste por clic (CPC).<br />
¿Quieres saber cuál es la diferencia? La imagen A muestra datos y proporciona una estadística para<br />
aumentar los clics en Twitter, mientras <strong>que</strong> la imagen B comunica la fecha y hora del webinar y de qué<br />
tratará.<br />
Imagen A<br />
¡Un 250% más de CTR!<br />
Imagen B<br />
Puedes ejecutar pruebas similares en redes sociales usando herramientas como <strong>Canva</strong> para crear<br />
imágenes con facilidad y hacer pruebas A/B con Bandeja de entrada de <strong>HubSpot</strong> para probar un<br />
texto o gráfico y comparar canales como LinkedIn, Facebook y Twitter con el fin de ver qué canales<br />
funcionan mejor para generar oportunidades de venta.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 26
Anuncios de pago<br />
en redes sociales<br />
Al <strong>diseñar</strong> <strong>gráficos</strong> para la publicidad de pago en redes sociales, prueba estos consejos breves <strong>que</strong><br />
sugiere Twitter.<br />
1. Exhibe tu producto.<br />
Busca imágenes con espacio libre para colocar tu texto en lugar de trabajar alrededor de sus<br />
elementos.<br />
Arriba, a la izquierda Nest muestra el tweet promocionado <strong>que</strong> obtuvo más interacciones con una<br />
imagen sencilla de su producto en el gráfico. Mientras <strong>que</strong> a la derecha, Pariti usa una captura de<br />
pantalla de su producto para mostrar cómo se ve en tu dispositivo. Es muy probable <strong>que</strong> se dirijan<br />
a los usuarios de iPhone, lo cual lograron con este gráfico.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 27<br />
vs.
Consejo profesional: No tienes <strong>que</strong> contratar a un fotógrafo para usar imágenes de alta calidad en tus<br />
<strong>gráficos</strong> de pago. Usa herramientas gratuitas, como www.unsplash.com para descargar fotos hermosas<br />
y profesionales para tus <strong>gráficos</strong> sin ningún coste o usa tu iPhone para editar fotos con herramientas<br />
baratas y gratuitas.<br />
Consejo profesional: Haz <strong>que</strong> tus capturas de pantalla coincidan con la audiencia a la <strong>que</strong> te diriges.<br />
Por ejemplo, no muestres una captura de pantalla en un equipo de escritorio si estás promocionando<br />
una app móvil.<br />
2. Explica el proceso.<br />
El objetivo de la mayoría de las campañas de marketing de pago es obtener nuevos clientes, pero no<br />
todos conocen tu producto. Nunca asumas <strong>que</strong> las personas ya escucharon de tu empresa cuando<br />
estés promocionando; usa <strong>gráficos</strong> para describir cómo funciona tu producto.<br />
En este ejemplo, Lyft usa <strong>gráficos</strong> estratégicos en su tweet promocionado para mostrarle a su<br />
audiencia cuán sencillo es ordenar un coche con conductor para <strong>que</strong> los lleve a cualquier lugar. En<br />
el gráfico destacan y explican qué fácil es usar su app con texto para llevar a cabo ciertas acciones,<br />
características <strong>que</strong> contribuyen a <strong>que</strong> el gráfico tenga una tasa de conversión más alta.<br />
Para obtener más información sobre cómo aumentar las conversiones en tweets promocionados con<br />
texto, échale un vistazo a este webinar.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 28<br />
vs.
Consejo profesional: Reutiliza los <strong>gráficos</strong> <strong>que</strong> tengan un rendimiento alto en varias plataformas.<br />
Obtén el mayor provecho de tu prueba A/B al mostrar tu gráfico ganador en varios canales de redes<br />
sociales. Por ejemplo, si cierto gráfico con colores determinados tiene una tasa de conversión mayor<br />
en Facebook, vuelve a usarlo en Twitter, Instagram y más.<br />
Las herramientas como <strong>Canva</strong> for Work te permiten hacerlo de forma automática, así <strong>que</strong> no<br />
necesitarás empezar desde cero o modificar el tamaño de tu diseño para las distintas plataformas.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 29<br />
vs.
Conclusión<br />
Cuando se trata de los <strong>gráficos</strong>, se necesita demostrar qué funciona mejor con pruebas, rediseño,<br />
modificaciones y al intentar usar cosas nuevas constantemente. En especial para ciertas industrias,<br />
lo <strong>que</strong> funciona para unas cuantas, podría no funcionar para otras.<br />
Si leíste en algún lugar <strong>que</strong> los botones rojos funcionan mejor para las ventas de software o <strong>que</strong> los<br />
<strong>gráficos</strong> rosas convierten mejor en los anuncios de Facebook para ecommerce, intenta hacer pruebas<br />
por ti mismo y analiza qué funciona para tu audiencia específica.<br />
Hay muchas variaciones; literalmente, miles de millones de combinaciones para los <strong>gráficos</strong> de email<br />
marketing, redes sociales, páginas de destino y anuncios de pago. Tu única tarea es encontrar qué<br />
variaciones aumentan tus tasas de conversión. Asegúrate de jugar un poco con tus <strong>gráficos</strong>, visitar otros<br />
blogs y suscribirte a otros boletines de correo electrónico <strong>que</strong> servirán de inspiración para tus diseños.<br />
Ya sea <strong>que</strong> los <strong>gráficos</strong> aumenten las veces <strong>que</strong> algo se comparte, las oportunidades de venta, visitas<br />
o ventas, está comprobado <strong>que</strong> ayudan a incrementar las conversiones y lograr objetivos <strong>que</strong> los<br />
profesionales del marketing siempre buscan obtener. Este es un pe<strong>que</strong>ño resumen de algunos puntos<br />
clave <strong>que</strong> debes aplicar en el diseño y pruebas de tus siguientes <strong>gráficos</strong>.<br />
Puntos clave:<br />
• Intenta mantenerte alejado de las fotos de archivo de mala calidad. Usa capturas de pantalla<br />
de productos, testimonios de clientes, fotos de empleados en la oficina o usa herramientas, como<br />
www.unsplash.com, para encontrar imágenes excelentes para tus <strong>gráficos</strong>.<br />
• Sigue las pautas de jerarquía y tipografía en tus <strong>gráficos</strong>. Prueba un elemento de tu gráfico en<br />
distintas variaciones para asegurarte de saber exactamente qué causa un aumento o disminución<br />
de conversiones.<br />
• Siempre ejecuta pruebas A/B a tus CTA. ¡Algo <strong>que</strong> crees <strong>que</strong> funciona bien podría no ser verdad!<br />
Por último, usa <strong>gráficos</strong> para tu beneficio: colócalos donde puedas. Mejoran la promoción de tu<br />
contenido y productos, ¡así <strong>que</strong> diviértete diseñándolos y haciendo pruebas!<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 30
Prueba <strong>HubSpot</strong> gratis<br />
Plataforma de marketing<br />
Gratis durante 30 días<br />
Desde atraer visitas, hasta cerrar clientes, <strong>HubSpot</strong> une a todo tu<br />
embudo de marketing. ¿Cuál es el resultado? Menos dificultades, más control<br />
y una estrategia de inbound marketing <strong>que</strong> realmente funciona.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 1
Prueba <strong>Canva</strong> for Work<br />
Gratis durante 30 días<br />
Crea documentos y diseños<br />
cautivadores con facilidad.<br />
Crea plantillas atractivas<br />
fáciles de editar.<br />
Garantiza la consistencia<br />
en todos tus documentos.<br />
<strong>HubSpot</strong> + <strong>Canva</strong> | <strong>Cómo</strong> <strong>diseñar</strong> <strong>gráficos</strong> <strong>que</strong> <strong>conviertan</strong> 2