SlideShare una empresa de Scribd logo
DISEÑO Y OPTIMIZACIÓN PARA
VENDER MÁS EN INTERNET
CARLOS LLUBERES

#FormaciónEBusiness
ESTE WEBINAR ES REALIZADO GRACIAS A

TU NUEVO CANAL DE 
NEGOCIOS EN INTERNET.

#FormaciónEBusiness
COMPARTE Y DEBATE
#WEBINARSINTERLAT

#FormaciónEBusiness
@CARLOSLLUB

#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.

#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.
#FormaciónEBusiness
LA TASA DE CONVERSIÓN

Paso A

Paso B

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

#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.

#FormaciónEBusiness
DISEÑO ATRACTIVO PARA CONVERTIR EN WEB

➜  Elementos que llaman la
atención.

TEXTO

➜  Crear un camino
despejado.
➜  Plantear el contexto.

EXPERIENCIA
COLOR

➜  Objetivo engloba toda una
serie de elementos.
OBJETIVO

#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

#FormaciónEBusiness
TEXTOS QUE VENDEN

#FormaciónEBusiness
TEXTOS QUE VENDEN

#FormaciónEBusiness
TEXTOS QUE VENDEN
Tono personal, inmediato.

#FormaciónEBusiness
COLORES QUE VENDEN

•  Crear contraste.
•  Colores llamativos (rojo, verde, naranja, azul
cielo), pero agradables.
•  Forma de botón.
•  Alineado a marca preferiblemente.

#FormaciónEBusiness
COLORES QUE VENDEN

#FormaciónEBusiness
COLORES QUE VENDEN

#FormaciónEBusiness
COLORES QUE VENDEN

#FormaciónEBusiness
COLORES QUE VENDEN

#FormaciónEBusiness
EN TODO, UN OBJETIVO CLARO

➜  Objetivos presentando el
botón.
➜  Objetivos de acción
explícita.

#FormaciónEBusiness
EN TODO, UN OBJETIVO CLARO

#FormaciónEBusiness
EN TODO, UN OBJETIVO CLARO

#FormaciónEBusiness
EN TODO, UN OBJETIVO CLARO

#FormaciónEBusiness
EN TODO, UN OBJETIVO CLARO

#FormaciónEBusiness
EN TODO, UN OBJETIVO CLARO

#FormaciónEBusiness
EN TODO, UN OBJETIVO CLARO

#FormaciónEBusiness
EN TODO, UN OBJETIVO CLARO

Nuevas suscripciones con botón agrandado y explicación previa de pasos. #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.
#FormaciónEBusiness
FÁCIL HASTA PARA UN BEBÉ

#FormaciónEBusiness
PERSUABILIDAD

#FormaciónEBusiness
PERSUABILIDAD

#FormaciónEBusiness
PERSUABILIDAD

#FormaciónEBusiness
PERSUABILIDAD

#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.
#FormaciónEBusiness
EJEMPLO DE LANDING PAGE

UN	
  TITULO	
  PRINCIPAL	
  ATRACTIVO	
  
TITULO	
  SECUNDARIO	
  
Llamado a
acción texto
Descripción en
imágenes

Hazlo	
  
ahora!	
  
TESTIMONIOS	
  O	
  CLIENTES	
  

Click	
  aquí	
  

Más detalle.
Párrafo y
bullets.

Botón
llamativo

+	
  INFORMACION	
  

Centrado y no usar todo el ancho, primer fold

#FormaciónEBusiness
LANDING GENERALES

#FormaciónEBusiness
LANDING GENERALES

#FormaciónEBusiness
LANDING GENERALES

#FormaciónEBusiness
LANDING GENERALES

#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.

#FormaciónEBusiness
LANDING GENERALES

#FormaciónEBusiness
LANDING GENERALES

#FormaciónEBusiness
LANDING GENERALES

#FormaciónEBusiness
LANDING GENERALES

#FormaciónEBusiness
LANDING GENERALES

#FormaciónEBusiness
LANDING APPS

#FormaciónEBusiness
LANDING APPS

#FormaciónEBusiness
LANDING APPS

#FormaciónEBusiness
LANDING APPS

#FormaciónEBusiness
LANDING GENERALES

#FormaciónEBusiness
PRIMERA VISTA PANTALLA

#FormaciónEBusiness
PRIMERA VISTA PANTALLA

#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).

#FormaciónEBusiness
PRIMERA VISTA PANTALLA

#FormaciónEBusiness
POCAS DISTRACCIONES, ENLACES SALIENTES

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

#FormaciónEBusiness
POCAS DISTRACCIONES, ENLACES SALIENTES

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

#FormaciónEBusiness
POCAS DISTRACCIONES, ENLACES SALIENTES

#FormaciónEBusiness
POCAS DISTRACCIONES, ENLACES SALIENTES

#FormaciónEBusiness
COMPARTE Y DEBATE
#WEBINARSINTERLAT
@carlosllub

#FormaciónEBusiness
CONTENIDO RICO PARA SEO (Y PARA VENDER)

#FormaciónEBusiness
CONTENIDO RICO PARA SEO (Y PARA VENDER)

#FormaciónEBusiness
MOBILE WEB / RESPONSIVE / APP

#FormaciónEBusiness
MOBILE WEB / RESPONSIVE / APP

#FormaciónEBusiness
MOTORES DE BÚSQUEDA / FILTROS EN TIENDA

#FormaciónEBusiness
MOTORES DE BÚSQUEDA / FILTROS EN TIENDA

#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.
#FormaciónEBusiness
CATÁLOGOS ATRACTIVOS

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

#FormaciónEBusiness
CATÁLOGOS ATRACTIVOS

#FormaciónEBusiness
CATÁLOGOS ATRACTIVOS

#FormaciónEBusiness
CATÁLOGOS ATRACTIVOS

#FormaciónEBusiness
BOTONES DE COMPRAR / ACCIÓN

#FormaciónEBusiness
BOTONES DE COMPRAR / ACCIÓN

#FormaciónEBusiness
BOTONES DE COMPRAR / ACCIÓN

#FormaciónEBusiness
BOTONES DE COMPRAR / ACCIÓN

#FormaciónEBusiness
BOTONES DE COMPRAR / ACCIÓN

#FormaciónEBusiness
MANTENER PROMESA DE COMPRA

#FormaciónEBusiness
MANTENER PROMESA DE COMPRA

#FormaciónEBusiness
EL PODER DE TESTIMONIOS

#FormaciónEBusiness
EL PODER DE TESTIMONIOS

#FormaciónEBusiness
DIFERENCIAL ONLINE

#FormaciónEBusiness
SOCIAL Y REFERENCIAS

#FormaciónEBusiness
SOCIAL Y REFERENCIAS

#FormaciónEBusiness
LA TASA DE CONVERSIÓN

Paso A

Paso B

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

#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

#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.

#FormaciónEBusiness
REPORTE DE EMBUDO GOOGLE ANALYTICS

Identificas total de
clientes abandonan el
proceso web.

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

Identificas la tasa de
usuarios que
#FormaciónEBusiness
completan el proceso
REPORTE DE RECORRIDO DE USUARIO
También existe reporte exclusivo para conversiones.

#FormaciónEBusiness
REPORTE DE CLICS

Posible restructuración menú,
banners menos atractivos.

#FormaciónEBusiness
A / B TESTING

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

#FormaciónEBusiness
ANÁLISIS CAUSA > EFECTO SEGÚN RESULTADOS

#FormaciónEBusiness
BALANCE EN LOS FORMULARIOS

Pide lo necesario para conseguir
leads…y convertirlos luego.

#FormaciónEBusiness
TRACKING POR BANNER / FUENTE

#FormaciónEBusiness
LANDING OPTIMIZADOS

#FormaciónEBusiness
OPTIMIZANDO EL CHECKOUT

#FormaciónEBusiness
OPTIMIZANDO EL CHECKOUT

#FormaciónEBusiness
OPTIMIZANDO EL CHECKOUT

#FormaciónEBusiness
OPTIMIZANDO EL CHECKOUT

#FormaciónEBusiness
PASOS NECESARIOS Y EDUCACIÓN

#FormaciónEBusiness
PASOS NECESARIOS Y EDUCACIÓN

#FormaciónEBusiness
PASOS NECESARIOS Y EDUCACIÓN

#FormaciónEBusiness
PASOS NECESARIOS Y EDUCACIÓN

#FormaciónEBusiness
DISEÑO ATRACTIVO ENFOCADO A PERSUABILIDAD

Contraste,	
  beneficio,	
  
llamado	
  a	
  acción	
  
personal.	
  

#FormaciónEBusiness
#FormaciónEBusiness
CONECTANDO CON DESEO Y SEGURIDAD DE COMPRA

ü  Escasez.
ü  Otros han comprado.
ü  Última compra hecha.
ü  CRM.
ü  Combinaciones.

#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.

#FormaciónEBusiness
CONCLUSIONES PARA OPTIMIZAR EN ECOMMERCE

#FormaciónEBusiness
20, 21, 26 febrero BOG – Virtual
24, 25, 26 febrero MDE

#FormaciónEBusiness
GRACIAS.
CARLOS LLUBERES
@CARLOSLLUB

#FormaciónEBusiness
SINTONIZA INTERLAT.TV
PARA PRÓXIMAS EMISIONES…

#FormaciónEBusiness

Más contenido relacionado

PDF
Técnicas de Diseño Web centradas en el Usuario
PDF
Diseñar un modelo de negocio sostenible
PDF
Taller 02 personas lo
PDF
Productos Mínimos Viables - Bootcamp ESPAE Sept 2017
DOCX
PDF
10 alternativas para generar clientes potenciales calificados
PDF
TALLER - Diseñando empresas, tres herramientas visuales complementarias
PPTX
Desarollo web nivel de introduccion
Técnicas de Diseño Web centradas en el Usuario
Diseñar un modelo de negocio sostenible
Taller 02 personas lo
Productos Mínimos Viables - Bootcamp ESPAE Sept 2017
10 alternativas para generar clientes potenciales calificados
TALLER - Diseñando empresas, tres herramientas visuales complementarias
Desarollo web nivel de introduccion

Destacado (8)

PDF
Características de una página web para vender
 
PDF
Una estrategia de marketing online. 2015
PPT
Diapositiva sistemas de informacion estrategicos
PPTX
Sistemas de Información Estratégicos
PPT
Plan de mercadeo diapositivas
PPTX
Sistemas de informacion administrativa
PPTX
Sistema de información estratégicos
PPTX
Características de una página web para vender
 
Una estrategia de marketing online. 2015
Diapositiva sistemas de informacion estrategicos
Sistemas de Información Estratégicos
Plan de mercadeo diapositivas
Sistemas de informacion administrativa
Sistema de información estratégicos
Publicidad

Similar a Optimización y diseño web para vender más en internet (20)

PDF
Jefe de Ventas Digitales en Naranja
PPT
#WebinarsInterlat 12 actividades marketing digital 2014 por Luis Carlos Chaquea
PPT
12 actividades marketing digital.
PDF
Preparación de Contenidos para E-Commerce
PDF
Presentación Roberto Cibrian Campoy - Workshop "¿Cómo generar una experiencia...
PDF
Cómo diseñar una landing page efectiva
PPT
Optimizacion De Landing Pages
PDF
99 trucos-mejorar-conversion-web-clico-gg-140114040850-phpapp02
PPT
Como Captar Clientes con las Herramientas del Marketing Online - New Business...
PDF
Campañas Pague por clic PPC Juan Manuel Carmona
PDF
E-Commerce: optimización de ratio de conversión
PPTX
Diseño de paginas web: 8 ventajas que te da una página web y como estas te ay...
PDF
Inbound Marketing 2-2014
PDF
Introducción al Marketing Digital 2 /2014
PPTX
Pasos para analizar hoy tu sitio web (2)
PPT
Webhotel: Comercialización directa por Internet
PDF
Extracto del Seminario de Marketing Digital PagoRanking-AChS
PDF
Quiero vender-mas
PPT
Formación 2.0
Jefe de Ventas Digitales en Naranja
#WebinarsInterlat 12 actividades marketing digital 2014 por Luis Carlos Chaquea
12 actividades marketing digital.
Preparación de Contenidos para E-Commerce
Presentación Roberto Cibrian Campoy - Workshop "¿Cómo generar una experiencia...
Cómo diseñar una landing page efectiva
Optimizacion De Landing Pages
99 trucos-mejorar-conversion-web-clico-gg-140114040850-phpapp02
Como Captar Clientes con las Herramientas del Marketing Online - New Business...
Campañas Pague por clic PPC Juan Manuel Carmona
E-Commerce: optimización de ratio de conversión
Diseño de paginas web: 8 ventajas que te da una página web y como estas te ay...
Inbound Marketing 2-2014
Introducción al Marketing Digital 2 /2014
Pasos para analizar hoy tu sitio web (2)
Webhotel: Comercialización directa por Internet
Extracto del Seminario de Marketing Digital PagoRanking-AChS
Quiero vender-mas
Formación 2.0
Publicidad

Más de Interlat (20)

PDF
GANADORES 10mos. Premios #LatamDigital 2023 by Interlat - Junio 23.pdf
PDF
Finalistas 10mos. Premios #LatamDigital 2023 by Interlat - Abril 14 2023.pdf
PDF
Finalistas 10mos. Premios #LatamDigital 2023 by Interlat - Abril 14 2023
PPTX
_#WebinarInterlat Quieres ser el #1 de Latinoamérica.pptx
PDF
¡Conoce nuestros 9 Pilares de los Premios #LatamDigital 2023 by Interlat
PDF
Palm Secure Innovación en Seguridad Digital con Fujitsu
PDF
#WebinarInterlat Por qué y cómo Postularse a_ Premios #Latamdigital2023.pdf
PDF
Automation Marketing: Guía para generar conversiones en piloto automático con...
PDF
Interlat - Servicio Generación Demanda Soluciones SaaS Enero 2023.pdf
PDF
Inteligencia Artificial en las estrategias de Marketing con Iterable
PDF
10 tips que mejorarán tu Experiencia en Zoom
PPTX
Presentación noche de gala 9nos. premios #LatamDigital 2021 by Interlat
PDF
Estos son los finalistas de los 9nos. Premios #LatamDigital 2021
PDF
Estudio Digital sobre las Acciones de Social Media en la región latinoaméricana
PDF
Comunicado de Prensa de los Estudios Digitales de Interlat
PDF
Comunicado de Prensa de los 9nos. premios #LatamDigital 2021
PDF
Caso Éxito: ¿Cómo la Corporación Autónoma Regional del Magdalena fortaleció s...
PDF
Comunicado de prensa: Estudio sobre la Trascendencia del Marketing Digital en...
PDF
Estudio Digital La Trascendencia del Marketing Digital en Empresas de Latinoa...
PDF
Ebook: La Actualidad del Comercio Electrónico en Organizaciones de Latinoamérica
GANADORES 10mos. Premios #LatamDigital 2023 by Interlat - Junio 23.pdf
Finalistas 10mos. Premios #LatamDigital 2023 by Interlat - Abril 14 2023.pdf
Finalistas 10mos. Premios #LatamDigital 2023 by Interlat - Abril 14 2023
_#WebinarInterlat Quieres ser el #1 de Latinoamérica.pptx
¡Conoce nuestros 9 Pilares de los Premios #LatamDigital 2023 by Interlat
Palm Secure Innovación en Seguridad Digital con Fujitsu
#WebinarInterlat Por qué y cómo Postularse a_ Premios #Latamdigital2023.pdf
Automation Marketing: Guía para generar conversiones en piloto automático con...
Interlat - Servicio Generación Demanda Soluciones SaaS Enero 2023.pdf
Inteligencia Artificial en las estrategias de Marketing con Iterable
10 tips que mejorarán tu Experiencia en Zoom
Presentación noche de gala 9nos. premios #LatamDigital 2021 by Interlat
Estos son los finalistas de los 9nos. Premios #LatamDigital 2021
Estudio Digital sobre las Acciones de Social Media en la región latinoaméricana
Comunicado de Prensa de los Estudios Digitales de Interlat
Comunicado de Prensa de los 9nos. premios #LatamDigital 2021
Caso Éxito: ¿Cómo la Corporación Autónoma Regional del Magdalena fortaleció s...
Comunicado de prensa: Estudio sobre la Trascendencia del Marketing Digital en...
Estudio Digital La Trascendencia del Marketing Digital en Empresas de Latinoa...
Ebook: La Actualidad del Comercio Electrónico en Organizaciones de Latinoamérica

Último (20)

PPTX
Tema 3 La Función Dirección.fundamental pptx
PDF
PRESEN-ventas DE VENTAS Y FIDELIZACIONN DE CLI
PDF
Primeros Auxilios_Enfermedades Ocupacionales.pdf
PDF
CLASE 4.pdfkjljbjkbkjbihviuvvuuuuuuuuuuuu
PPTX
CALIDAD TOTAL TRABAJO FULL DE LINA MARTINEZ
PDF
PPT Presentacion Politica Nacional de Desarrollo e Inclusion Social (1) (1).pdf
PPTX
El ascenso económico de Asia y sus implicancias para el sistema multilateral ...
PPTX
Desechos solidos especializados de hodnuras.
PPT
Clase 14 Variables e indicadoresargentina.ppt
PPTX
S13 CREATIVIDAD E INNOVACIÓN 2025-I.pptx
PDF
yarrownnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn.pdf
PPTX
ECONOMIA PLURAL para el entendimiento empresarial
PPTX
1748538606_68389hhhhhhhhhhh4ee56ae5.pptx
PPTX
NIA 265-SANDOVAL MARIN FRANZ DANNY CODIGO.pptx
PDF
CV Carlos Lira Zalaquett_Agosto 2025 - Asesor Técnico Empresarial / Facilitador
PPTX
Elementos del Entorno-Elementos del Entorno
PDF
Copia de PRESENTACION POST-BUROCRACIA_20250727_111400_0000.pdf
PDF
alejandrobcjjjjjjjjjjjjjjjjjjjjjjjjjjj.pdf
PPTX
ETAPAS DE LA AUDITORIA PERUUUUUUUU.pptx
PPTX
1. ANATOMIA CLINICA DEL CORAZON.....pptx
Tema 3 La Función Dirección.fundamental pptx
PRESEN-ventas DE VENTAS Y FIDELIZACIONN DE CLI
Primeros Auxilios_Enfermedades Ocupacionales.pdf
CLASE 4.pdfkjljbjkbkjbihviuvvuuuuuuuuuuuu
CALIDAD TOTAL TRABAJO FULL DE LINA MARTINEZ
PPT Presentacion Politica Nacional de Desarrollo e Inclusion Social (1) (1).pdf
El ascenso económico de Asia y sus implicancias para el sistema multilateral ...
Desechos solidos especializados de hodnuras.
Clase 14 Variables e indicadoresargentina.ppt
S13 CREATIVIDAD E INNOVACIÓN 2025-I.pptx
yarrownnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn.pdf
ECONOMIA PLURAL para el entendimiento empresarial
1748538606_68389hhhhhhhhhhh4ee56ae5.pptx
NIA 265-SANDOVAL MARIN FRANZ DANNY CODIGO.pptx
CV Carlos Lira Zalaquett_Agosto 2025 - Asesor Técnico Empresarial / Facilitador
Elementos del Entorno-Elementos del Entorno
Copia de PRESENTACION POST-BUROCRACIA_20250727_111400_0000.pdf
alejandrobcjjjjjjjjjjjjjjjjjjjjjjjjjjj.pdf
ETAPAS DE LA AUDITORIA PERUUUUUUUU.pptx
1. ANATOMIA CLINICA DEL CORAZON.....pptx

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