98
7 PRINCIPIOS DEL DISEÑO PARA MEJORAR LA CONVERSIÓN _ Pablo Penadés Head of Marketing Unbounce en Español

7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Embed Size (px)

Citation preview

Page 1: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

7 PRINCIPIOS DEL DISEÑO PARA MEJORAR LA CONVERSIÓN

_

Pablo Penadés Head of Marketing Unbounce en Español

Page 2: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

qué vamos a aprender hoy

● Saber porqué estás perdiendo dinero al enviar el tráfico de tus campañas a tu homepage

● Conocer los 7 principios para Diseñar páginas orientadas a convertir.

● Acciones para aplicar hoy a tus páginas y tu marketing para mejorar la conversión

@unbounce_es @pepenades #SanValentin

Page 3: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

REFRESCAMOS CONCEPTOS:●QUÉ ES UNA LANDING PAGE●QUÉ ES UNA CONVERSIÓN

00

Page 4: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

QUÉ ES UNA LANDING PAGE

Page 5: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Es cualquier página de destino a la que aterriza un visitante tras un click en una acción de marketing online previa

Page 7: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Página independiente a la que dirigimos el tráfico de una campaña de marketing y guía a

los visitantes hacia un único objetivo, alineado con el objetivo de la campaña: conversión.

NO es una homepage.NO es una página interna de tu website.

Blog de Unbounce

@guest @unbounce #unwebinar@unbounce_es @pepenades #SanValentin

Page 8: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

@unbounce_es @pepenades #SanValentin

Page 9: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

@unbounce_es @pepenades #SanValentin

HP IP LP

Page 10: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Generación de leads

Registro a webinar

Suscripción a newsletter

Descargas de ebook

Conseguir un descuento

Lanzamiento de producto

Reservar una cita

Embudo de Ventasen Ecommerce

Eventos

Sorteos y concursos

Objetivos

@unbounce_es @pepenades #SanValentin

Page 11: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Homepage Landing Page

@unbounce_es @pepenades #SanValentin

Page 12: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

@unbounce_es @pepenades #SanValentin

Page 13: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

= 15 enlaces más

Homepage● Invita a explorar, a conocer, a

investigar.

● Los visitantes navegan entre información corporativa, canales sociales, etc.

● Encuentran mensajes genéricos, decenas de enlaces y varias acciones disponibles

● NO invita a comprar.

@unbounce_es @pepenades #SanValentin

Page 14: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Landing Page● Experiencia dedicada que

acompaña al usuario a que complete la única acción disponible.

● Asegura el match entre acción previa y página de llegada.

● Los visitantes encuentran el producto u oferta que esperaban.

● SÍ invita a completar la acción.

@unbounce_es @pepenades #SanValentin

Page 15: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

QUÉ ES UNA CONVERSIÓN

Page 16: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

1x OBJETIVO DE CAMPAÑA

1x LANDING PAGE DEDICADA

1x ACCIÓN DISPONIBLE >>

@unbounce_es @pepenades #SanValentin

Page 17: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Generación de leads

Registro a webinar

Suscripción a newsletter

Descargas de ebook

Conseguir un descuento

Lanzamiento de producto

Reservar una cita

Embudo de Ventasen Ecommerce

Eventos

Sorteos y concursos

Objetivo de campaña = conversión

@unbounce_es @pepenades #SanValentin

Page 18: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

@unbounce_es @pepenades #SanValentin

¿Dónde está la conversión en Inbound Marketing?

Page 19: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

@unbounce_es @pepenades #SanValentin

Page 20: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

7 PRINCIPIOS DEL DISEÑO PARA MEJORAR LA CONVERSIÓN

ATENCIÓNCONTEXTOCLARIDAD

CONGRUENCIACREDIBILIDAD

CIERRECONTINUACIÓN

Page 21: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

ATENCIÓN

01principio

Page 22: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Las ardillas son molestas y distraen la atención… hasta de los perros.

Page 23: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

- Ratio de Atención -

# DE ACCIONES POSIBLES vs

# ACCIONES DESEADAS

Page 24: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Ratio de Atención

1:1

@unbounce_es @pepenades #SanValentin

Page 25: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

@unbounce_es @pepenades #SanValentin

Page 26: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Ratio de Atención

61:1

@unbounce_es @pepenades #SanValentin

Page 27: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Ratio de Atención

61:1

@unbounce_es @pepenades #SanValentin

Page 28: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Reducir el número de enlaces en nuestras páginas de destino mejoraríamos la conversión.Qué dicen los datos

@unbounce_es @pepenades #SanValentin

Page 29: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Eliminar las distracciones del menú de navegación ayudará a reducir, en las páginas clave, el ratio de atención y por tanto, mejorará la conversión.

CASO: Eliminar menú de navegación.

@unbounce_es @pepenades #SanValentin

Page 30: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Eliminar las distracciones del menú de navegación ayudará a reducir, en las páginas clave, el ratio de atención y por tanto, mejorará la conversión.

CASO: Eliminar menú de navegación.

@unbounce_es @pepenades #SanValentin

Page 31: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Eliminar las distracciones del menú de navegación ayudará a reducir, en las páginas clave, el ratio de atención y por tanto, mejorará la conversión.

CASO: Eliminar menú de navegación.

Conversión+ 100 %

@unbounce_es @pepenades #SanValentin

Page 32: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

- Eliminar enlaces a perfiles sociales - Eliminar enlace en el logo principal- Eliminar enlaces el footer- Usa espacios en blanco - no temas el horror vacui- Usa enlaces ancla si es muy extensa que se dirigan al CTA.

Algunas ideas accionables

#EMAIL MARKETINGLas interfaces de los navegadores aumentan el ratio de atención (¡y no puedes evitarlo!)

@unbounce_es @pepenades #SanValentin

Page 33: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

CONTEXTO

02principio

Page 34: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Cada canal tiene diferente

nivel de contexto

@unbounce_es @pepenades #SanValentin

Page 35: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Debemos ofrecer a los visitantes toda la información que necesitan para convertir.

La información pre-click debe hacer match con la información post-click

Blog de Unbounce

@guest @unbounce #unwebinar@unbounce_es @pepenades #SanValentin

Page 36: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

- Contexto -

OFRECER A LOS PROSPECTOS LA INFORMACIÓN QUE

ESPERAN ENCONTRAR.

Tanto pre-click como post-click.

Page 37: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Pre-click

@unbounce_es @pepenades #SanValentin

Page 38: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Post-click

@unbounce_es @pepenades #SanValentin

Page 39: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Post-click

@unbounce_es @pepenades #SanValentin

Page 40: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Post-click

@unbounce_es @pepenades #SanValentin

Page 41: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

- Contexto -

DEBES CONSEGUIR MATCH DE DISEÑO Y MENSAJE

Tanto pre-click como post-click.

Page 42: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Pre-click Post-click

@unbounce_es @pepenades #SanValentin

Page 43: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Pre-click Post-click

@unbounce_es @pepenades #SanValentin

Page 44: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Pre-click Post-click

@unbounce_es @pepenades #SanValentin

Page 45: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Pre-click Post-click

@unbounce_es @pepenades #SanValentin

Page 46: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Pre-click Post-click

Muy bonito pero…¿colores? ¿título? ¿social media?

@unbounce_es @pepenades #SanValentin

Page 47: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Pre-click Post-click

Muy bonito pero…¿colores? ¿título? ¿social media?

@unbounce_es @pepenades #SanValentin

Page 48: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

#Test de contexto

1.REVISA LAS ACCIONES PRE Y POST CLICK DE TU CAMPAÑA

2.MUÉVETE 6 PASOS ATRÁS

3.¿DISTINGUES LA CONEXIÓN ENTRE AMBOS?

Page 49: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

CLARIDAD

03principio

Page 50: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

El objetivo de tu landing page es comunicar la Propuesta Única de Campaña.

“Qué estás ofreciendo”

Blog de Unbounce

@guest @unbounce #unwebinar@unbounce_es @pepenades #SanValentin

Page 51: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

PUV vs PUCPUV: Propuesta Única de ValorHace referencia al negocio

PUC: Propuesta Única de CampañaHace referencia a qué estamos ofreciendo y a cambio de qué - Información- Dinero- Social-share- Etc.

@unbounce_es @pepenades #SanValentin

Page 52: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

¿CUÁNTA CLARIDAD REFLEJAN TUS PÁGINAS?

Page 53: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

#Test de 5-segundos

1.SIENTA A UNA PERSONA FRENTE A TU PÁGINA

2.MUÉSTRALE LA PÁGINA DURANTE 5 SEGUNDOS

3.PREGÚNTALE “¿DE QUÉ SE TRATA?

Page 54: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

#Herramienta

Page 55: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

EJEMPLO

Page 56: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

@unbounce_es @pepenades #SanValentin

Page 57: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

@unbounce_es @pepenades #SanValentin

Page 58: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

@unbounce_es @pepenades #SanValentin

Page 59: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

CRM

@unbounce_es @pepenades #SanValentin

Page 60: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

@unbounce_es @pepenades #SanValentin

Page 61: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

@unbounce_es @pepenades #SanValentin

Page 62: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

@unbounce_es @pepenades #SanValentin

Page 63: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Más tests y procesos para optimizar tus landing pages en:

bit.ly/guia-LPO >>>

@unbounce_es @pepenades #SanValentin

Page 64: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

CONGRUENCIA

04principio

Page 65: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Congruencia es alinear todos los elementos de una página con el objetivo de la misma.

Debemos apartarnos emocionalmente del diseño de la misma y escuchar la voz de

nuestro cliente.

Blog de Unbounce

@guest @unbounce #unwebinar@unbounce_es @pepenades #SanValentin

Page 66: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Voz del cliente Congruencia

@unbounce_es @pepenades #SanValentin

Page 67: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

#Test de congruencia

1.COPIA TODOS LOS TEXTOS DE TU PÁGINA EN UNA TABLA EN BLANCO

Page 68: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler
Page 69: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

#Test de congruencia

1.COPIA TODOS LOS TEXTOS DE TU PÁGINA EN UNA TABLA EN BLANCO

2.PUNTUALOS DE 0 A 2 [0 = NADA | 1 = MEDIO | 2 = OK]

3.SUMA Y VALORA TU CONTENIDO

4.MODIFICA LO NECESARIO

Page 70: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

CREDIBILIDAD

05principio

Page 71: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Es una de las primeras preguntas que se hará un visitante cuando llegue a tu sitio web.

Dispones de 5 segundos para que la respuesta a esa pregunta sea positiva y sigan avanzando.

Incluye elementos que aporten seguridad y confianza al visitante sin que los pida.

¿Por qué debo fiarme?

@unbounce_es @pepenades #SanValentin

Page 72: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Referencias de terceros / influenciadores

Políticas de Privacidad claras y sencillas

SSL - HTTPs

Testimonios reales

Ratings en buscadores

Tu amigo ha comprado esto

Social-shares

Mostrar número de ventas o personas viendo esto

Política de devolución cómoda para cliente

Rankings

Elementos que muestran confianza

@unbounce_es @pepenades #SanValentin

Page 73: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

- NUNCA exageres.- NUNCA hagas promesas que tu

producto o servicio no puede cumplir.- NUNCA uses “lugares comunes”

CASO: “Awesome”

Bonus Tip:¿Increíble? ¿Seguro?

Aumenta la credibilidad de una página incluyendo testimonios que den crédito de tu producto realísticamente.

@unbounce_es @pepenades #SanValentin

Page 74: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

@unbounce_es @pepenades #SanValentin

Page 75: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

@unbounce_es @pepenades #SanValentin

Page 78: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

CIERRE

06principio

Page 79: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

No hay nada más simple y a la vez más complejo que pedirle a alguien que tome una

decisión.

Sí o no. Hacerlo o no hacerlo. Ahora o después. Ahora… o nunca.

Blog de Unbounce

@guest @unbounce #unwebinar@unbounce_es @pepenades #SanValentin

Page 80: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

El cierre estudia el CTA y elementos de alrededor. • Influencias negativas: semilla

del malpalabras “freno” (spam)Demasiada seguridad no es buena.

• Influencias positivas: reducen stress

Te contestamos en menos de 1 hora”Webinar: “La sesión será grabada”

• El precio de “gratis” nuestra experiencia con “Free”

@unbounce_es @pepenades #SanValentin

Page 81: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

El precio de “gratis”

*Datos de 20.000 páginas realizadas con Unbounce

@unbounce_es @pepenades #SanValentin

Page 82: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

El precio de “gratis”

@unbounce_es @pepenades #SanValentin

Page 83: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

El precio de “gratis”

*Datos de 20.000 páginas realizadas con Unbounce

@unbounce_es @pepenades #SanValentin

Page 84: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Algunos datos

@unbounce_es @pepenades #SanValentin

Page 85: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Fuente: Rafael de Araujo

El CTA trata de ganar la batalla a los cientos de distracciones del alrededor.

@unbounce_es @pepenades #SanValentin

Page 86: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

CONTINUACIÓN

07principio

Page 87: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Tras la conversión no está todo el trabajo terminado. Como marketer debes diseñar la

experiencia para conseguir una nueva acción de tu lead/cliente.

Blog de Unbounce

@guest @unbounce #unwebinar@unbounce_es @pepenades #SanValentin

Page 88: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Aprovecha el momento de satisfacción mental del usuario al haber conseguido algo que estaba buscando para pedirle una nueva acción a tu favor.

Momento caliente

Evalúa el esfuerzo que supondrá a tu recién conversión emprender una acción nueva.Pregúntate qué le das a cambio.

@unbounce_es @pepenades #SanValentin

Page 89: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Qué puedes pedir a cambio.

Valoradas según esfuerzo o compromiso posterior a la conversión.

@unbounce_es @pepenades #SanValentin

Page 90: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Entonces…

¿Todavía sigues enviando el tráfico de tus campañas a la homepage?

Page 91: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

1x PROPUESTA ÚNICA DE CAMPAÑA

1x LANDING PAGE DEDICADA

1x ACCIÓN DISPONIBLE >>

@unbounce_es @pepenades #SanValentin

Page 92: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Por qué debes usar landing pages

• Mejoran la tasa de conversión

• Capturan la atención del lector diriéngola a la oferta de la campaña

• Guían la experiencia del usuario hacia el call-to-action

@unbounce_es @pepenades #SanValentin

Page 93: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

¿Por qué te gustará crear landing pages con Unbounce?

Page 94: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Motivo 1:Editor WYSIWYGSistema “Drag and Drop”

@unbounce_es @pepenades #SanValentin

Page 95: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Motivo 2:Integra con tus herramientas de marketing habituales.

Envía los leads automáticamente con integraciones directas o webhooks.

Page 96: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

Motivo 3:Utiliza una de las +125 plantillas completamente personalizables.

Plantillas 100% responsivas.

Botón auto-responsive.

Por tipos de campaña e industria.

Page 97: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler

@unbounce_es @pepenades #SanValentin

¿Conectamos?

Pablo Penadés

7 PRINCIPIOS DEL DISEÑO PARA MEJORAR LA CONVERSIÓN

M . [email protected]

Page 98: 7 principios del diseño para mejorar la conversión - Unbounce & Doppler