04.06.2016 Views

HubSpot + Canva | Cómo diseñar gráficos que conviertan 1

8eneyw7kh

8eneyw7kh

SHOW MORE
SHOW LESS

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

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!