108
DISEÑO Y OPTIMIZACIÓN PARA VENDER MÁS EN INTERNET CARLOS LLUBERES

Optimización y diseño web para vender más en internet

Embed Size (px)

DESCRIPTION

Conoce en este webinar, los elementos clave para optimizar tu sitio web y aumentar la tasa de visitantes a clientes. Aprende de merchandising online, persuasión y del muy importante proceso de CRO (Conversion Rate Optimization), y cómo se aplica a las tiendas online a fin de optimizar el proceso de compra.

Citation preview

Page 1: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

DISEÑO Y OPTIMIZACIÓN PARA VENDER MÁS EN INTERNET CARLOS LLUBERES

Page 2: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

ESTE WEBINAR ES REALIZADO GRACIAS A

TU NUEVO CANAL DE NEGOCIOS EN INTERNET.

Page 3: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

COMPARTE Y DEBATE #WEBINARSINTERLAT

Page 4: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

@CARLOSLLUB

Page 5: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

ALGUNAS ACLARACIONES PREVIAS

« No soy diseñador.

« Muchos ejemplos.

« No todo es perfecto ni hay una sola regla.

« No a todos le funciona igual.

« Analítica y resultados para cada quien.

Page 6: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

VENDER MÁS, HACER MÁS, LOGRAR MÁS

Cuando quieres hacer algo más que comunicar, debes optimizar tu producto digital: «  Banners « Menú «  Publicaciones Facebook / Tuits «  Formularios «  Páginas

Optimización no es exclusiva de tiendas online. En todo, vendes, haces negocios, esperas un resultado.

Page 7: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

LA TASA DE CONVERSIÓN

Cantidad de usuarios que de un paso a otro, “convierten” o ejecutan la acción objetivo.

Paso A Paso B

Page 8: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

DISEÑO, OPTIMIZACIÓN EN BRANDING / PROMOCIÓN WEB

« Quieres que el visitante te lea o vea tu video.

« Quieres que participe en tu promoción.

« Quieres que vea el detalle de tu producto.

« Quieres que se informe mejor para serle útil.

« Quieres que te contacte para una oportunidad de negocios.

Page 9: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

DISEÑO ATRACTIVO PARA CONVERTIR EN WEB

TEXTO

COLOR OBJETIVO

EXPERIENCIA

➜  Elementos que llaman la atención.

➜  Crear un camino despejado.

➜  Plantear el contexto.

➜  Objetivo engloba toda una serie de elementos.

Page 10: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

TEXTOS QUE VENDEN

•  El aquí, el ahora.

•  Asociar el verbo directo del objetivo, ratificar efecto.

•  Usar primera persona (Registrarme vs Registrar).

•  Inmediatez.

•  Agregar flechas >> è

•  Emoción, necesidad, beneficio Jueves 30 – Julia Rayeb

Page 11: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

TEXTOS QUE VENDEN

Page 12: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

TEXTOS QUE VENDEN

Page 13: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

TEXTOS QUE VENDEN

Tono personal, inmediato.

Page 14: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

COLORES QUE VENDEN

•  Crear contraste.

•  Colores llamativos (rojo, verde, naranja, azul

cielo), pero agradables.

•  Forma de botón.

•  Alineado a marca preferiblemente.

Page 15: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

COLORES QUE VENDEN

Page 16: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

COLORES QUE VENDEN

Page 17: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

COLORES QUE VENDEN

Page 18: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

COLORES QUE VENDEN

Page 19: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

EN TODO, UN OBJETIVO CLARO

➜  Objetivos presentando el botón.

➜  Objetivos de acción explícita.

Page 20: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

EN TODO, UN OBJETIVO CLARO

Page 21: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

EN TODO, UN OBJETIVO CLARO

Page 22: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

EN TODO, UN OBJETIVO CLARO

Page 23: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

EN TODO, UN OBJETIVO CLARO

Page 24: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

EN TODO, UN OBJETIVO CLARO

Page 25: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

EN TODO, UN OBJETIVO CLARO

Page 26: Optimización y diseño web para vender más en internet

#FormaciónEBusiness Nuevas suscripciones con botón agrandado y explicación previa de pasos.

EN TODO, UN OBJETIVO CLARO

Page 27: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

EL CONCEPTO DE PERSUABILIDAD

•  Persuación + Usabilidad. •  Agregar elementos que lleven al objetivo,

reducir los que disuaden al visitante.

•  Conocer qué hace falta para “empujar” la acción objetivo.

•  Gran ejercicio de pensar como el consumidor.

Page 28: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

FÁCIL HASTA PARA UN BEBÉ

Page 29: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

PERSUABILIDAD

Page 30: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

PERSUABILIDAD

Page 31: Optimización y diseño web para vender más en internet

#FormaciónEBusiness PERSUABILIDAD

Page 32: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

PERSUABILIDAD

Page 33: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

EL CONCEPTO DE LANDING PAGE

«  Hablan de producto, servicio, o evento.

«  Visitante “aterriza” luego de muestra de interés.

«  Debe mostrar lo requerido para convertir, evitar

que no sea más, ni menos.

«  Landings por campaña como práctica avanzada.

«  Todas las páginas de productos deberían ser

landing pages.

«  Alineado directamente con persuabilidad.

Page 34: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

EJEMPLO DE LANDING PAGE

UN  TITULO  PRINCIPAL  ATRACTIVO  

TESTIMONIOS  O  CLIENTES   +  INFORMACION  

TITULO  SECUNDARIO  

Hazlo  ahora!  

Click  aquí  

Centrado y no usar todo el ancho, primer fold

Llamado a acción texto

Descripción en imágenes

Botón llamativo

Más detalle. Párrafo y bullets.

Page 35: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

LANDING GENERALES

Page 36: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

LANDING GENERALES

Page 37: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

LANDING GENERALES

Page 38: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

LANDING GENERALES

Page 39: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

LANDING GENERALES

Aunque ocupa más de un fold, con imagen, precio y b o t ó n d e c o m p r a r , cumple muy bien.

Page 40: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

LANDING GENERALES

Page 41: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

LANDING GENERALES

Page 42: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

LANDING GENERALES

Page 43: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

LANDING GENERALES

Page 44: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

LANDING GENERALES

Page 45: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

LANDING APPS

Page 46: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

LANDING APPS

Page 47: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

LANDING APPS

Page 48: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

LANDING APPS

Page 49: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

LANDING GENERALES

Page 50: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

PRIMERA VISTA PANTALLA

Page 51: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

PRIMERA VISTA PANTALLA

Page 52: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

PRIMERA VISTA PANTALLA

En algunas resoluciones de pantalla, el título de las opciones de canje de Millas no se visualiza sin hacer scroll down (oportunidad de mejorar la usabilidad).

Page 53: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

PRIMERA VISTA PANTALLA

Page 54: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

POCAS DISTRACCIONES, ENLACES SALIENTES

Mucha distracción > Página de producto dentro de menú, no tanto landing page.

Page 55: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

Aunque muy buen botón de comprar, demasiadas distracciones.

POCAS DISTRACCIONES, ENLACES SALIENTES

Page 56: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

POCAS DISTRACCIONES, ENLACES SALIENTES

Page 57: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

POCAS DISTRACCIONES, ENLACES SALIENTES

Page 58: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

COMPARTE Y DEBATE #WEBINARSINTERLAT @carlosllub

Page 59: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

CONTENIDO RICO PARA SEO (Y PARA VENDER)

Page 60: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

CONTENIDO RICO PARA SEO (Y PARA VENDER)

Page 61: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

MOBILE WEB / RESPONSIVE / APP

Page 62: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

MOBILE WEB / RESPONSIVE / APP

Page 63: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

MOTORES DE BÚSQUEDA / FILTROS EN TIENDA

Page 64: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

MOTORES DE BÚSQUEDA / FILTROS EN TIENDA

Page 65: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

CATÁLOGOS ATRACTIVOS

El catálogo se pudiera mostrar de manera más integrada por producto..o

al menos hacer cambios al botón.

Page 66: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

CATÁLOGOS ATRACTIVOS

Cambia llamado a acción por beneficio…de todos los productos.

Page 67: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

CATÁLOGOS ATRACTIVOS

Page 68: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

CATÁLOGOS ATRACTIVOS

Page 69: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

CATÁLOGOS ATRACTIVOS

Page 70: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

BOTONES DE COMPRAR / ACCIÓN

Page 71: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

BOTONES DE COMPRAR / ACCIÓN

Page 72: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

BOTONES DE COMPRAR / ACCIÓN

Page 73: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

BOTONES DE COMPRAR / ACCIÓN

Page 74: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

BOTONES DE COMPRAR / ACCIÓN

Page 75: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

MANTENER PROMESA DE COMPRA

Page 76: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

MANTENER PROMESA DE COMPRA

Page 77: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

EL PODER DE TESTIMONIOS

Page 78: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

EL PODER DE TESTIMONIOS

Page 79: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

DIFERENCIAL ONLINE

Page 80: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

SOCIAL Y REFERENCIAS

Page 81: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

SOCIAL Y REFERENCIAS

Page 82: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

LA TASA DE CONVERSIÓN

Cantidad de usuarios que de un paso a otro, “convierten” o ejecutan la acción objetivo.

Paso A Paso B

Page 83: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

CLAVES DE OPTIMIZACIÓN

«  Adaptar a mejores prácticas, según el sistema permita.

«  Analizar por fuente, proceso, producto.

«  Análitica vs retroalimentación real de usuarios.

«  Conocer el contexto y tipología del usuario.

«  Salirse de la caja, retar el proceso y el sistema.

Visitantes Locales

Portada Tienda

Inicio Checkout

Completar Datos

Pago Órdenes

Page 84: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

ANALÍTICAS

ü  Uso y consumo del sitio.

ü  Tasa de Conversión.

ü  Ratio Visitas / Registros / Compras.

ü  Permanencia en páginas.

ü  Productos más vistos / vendidos.

ü  Recorrido de usuarios.

ü  Retorno de publicidad.

Page 85: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

REPORTE DE EMBUDO GOOGLE ANALYTICS

Identificas la tasa de usuarios que

completan el proceso

Identificas total de clientes abandonan el

proceso web.

Identificas hacia cuáles páginas se desvían.

Page 86: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

REPORTE DE RECORRIDO DE USUARIO

También existe reporte exclusivo para conversiones.

Page 87: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

REPORTE DE CLICS

Posible restructuración menú, banners menos atractivos.

Page 88: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

A / B TESTING

Define experimento y comienza a probar con tráfico dividido. Lo puedes hacer con Google Analytics, Unbounce, entre otros.

Page 89: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

ANÁLISIS CAUSA > EFECTO SEGÚN RESULTADOS

Page 90: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

BALANCE EN LOS FORMULARIOS

Pide lo necesario para conseguir leads…y convertirlos luego.

Page 91: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

TRACKING POR BANNER / FUENTE

Page 92: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

LANDING OPTIMIZADOS

Page 93: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

OPTIMIZANDO EL CHECKOUT

Page 94: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

OPTIMIZANDO EL CHECKOUT

Page 95: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

OPTIMIZANDO EL CHECKOUT

Page 96: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

OPTIMIZANDO EL CHECKOUT

Page 97: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

PASOS NECESARIOS Y EDUCACIÓN

Page 98: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

PASOS NECESARIOS Y EDUCACIÓN

Page 99: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

PASOS NECESARIOS Y EDUCACIÓN

Page 100: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

PASOS NECESARIOS Y EDUCACIÓN

Page 101: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

DISEÑO ATRACTIVO ENFOCADO A PERSUABILIDAD

Contraste,  beneficio,  llamado  a  acción  personal.  

Page 102: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

Page 103: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

CONECTANDO CON DESEO Y SEGURIDAD DE COMPRA

ü  Escasez.

ü  Otros han comprado.

ü  Última compra hecha.

ü  CRM.

ü  Combinaciones.

Page 104: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

¿POR QUÉ OPTIMIZAR?

Negocio muy de márgenes, porcentajes en base a esfuerzos realizados. No estar en proyectos eternos de optimización, pero siempre estar pendiente a posibles oportunidades.

Page 105: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

CONCLUSIONES PARA OPTIMIZAR EN ECOMMERCE

Page 106: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

20, 21, 26 febrero BOG – Virtual 24, 25, 26 febrero MDE

Page 107: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

GRACIAS. CARLOS LLUBERES @CARLOSLLUB

Page 108: Optimización y diseño web para vender más en internet

#FormaciónEBusiness

SINTONIZA INTERLAT.TV PARA PRÓXIMAS EMISIONES…