Conversión Juan Macias


43MB Größe 2 Downloads 53 vistas
Conversión eCommerce Juan Macias

1

Hola! [email protected]

Mis empresas:

Multichannel Services for Manufacturers

Algunos clientes:

www.isdi.es

Retail Juguetes

1. Introducción

1.1

El Gran Embudo

Personas

Captación

Canal Resultado Búsqueda

Web/Landing

Conversión (este módulo)

Proceso Checkout Entrega

Retención

Post Venta/Marketing

www.isdi.es

1.2

La “Fórmula” eCommerce

+ Ingresos por Ventas - Costes Adquisición - Costes Productos - Costes Operativos Beneficios eCommerce

Visitas a la web x Tasa de Conversión x Carrito Medio Ventas

www.isdi.es

Caso 1

Caso 1 A un grupo variado de 100 personas, se les pasaron dos formularios muy diferentes en papel con el objetivo de conseguir que el mayor número de personas contestara a una pregunta personal realmente comprometida:

¿Es feliz con su pareja?

A

Test A. 50% de Respuestas

B

Test B. 0% de Respuestas

www.isdi.es

Test A/B

A

El test consistía en una página impresa a dos caras

Cara B

Cara A

¿Serás capaz de responder?

¿Me ayudas? Dale la vuelta a la página...

• ¿Cuánto es 2+2x3? _______ • Elige ¿Cerveza, vino o refresco? ____________ • Primera letra del nombre de tu pareja: ___ • ¿Eres feliz con el/ella?: ___

www.isdi.es

Test A/B

B

Un formulario lleno de colores, imágenes, tipografías, condiciones legales, etc…

www.isdi.es

2. Test A/B

2. Test A/B • • • •

¿Cuándo hacer un Test A/B? Nivel de Confianza $300 million button WhichTestWon

www.isdi.es

Test A/B para landings: Unbounce.com

2. Test A/B

www.isdi.es

2. Test A/B

www.isdi.es

2. Test A/B. Nivel de confianza

www.isdi.es

3. Principales Factores

Factores Internos

www.isdi.es

3. Factores Internos

Factores de venta de un producto 1

Disponibilidad. ¿Está el producto disponible donde compra el consumidor?

2

Catálogo Digital. ¿Es la imagen del producto apta para vender en una tienda online?

3

Posicionamiento. ¿Dónde está el producto en la web?

4

Social Proof. ¿Qué opina la gente?

5

Precio.

www.isdi.es

3.1. Disponibilidad

El 50% de los consumidores en USA primero buscan el producto en Amazon y después en Google. Venta s

www.isdi.es

3.2. Catálogo Digital Packing Físico

www.isdi.es

Imágen para internet

3.2. Catálogo Digital ¿Que impacta en la conversión? ● ● ● ● ●

Fotos Videos Descripciones de los productos Características Recomendaciones

www.isdi.es

3.2. Catálogo Digital

● Más del 50% sin descripción ● 10% con información errónea ● 5% la foto no corresponde al producto

www.isdi.es

9. Marketplace 3.2. Catálogo

Digital Categorización Correcta

www.isdi.es

9. Marketplace 3.2. Catálogo

Digital Nombre del producto

www.isdi.es

9. Marketplace 3.2. Catálogo

Digital Información Correcta!

www.isdi.es

3.4. Social Proof

Social Proof como driver de compra

www.isdi.es

3.5. Pricing

El consumidor decide comprar el producto por internet si lo encuentra un 10% más barato

www.isdi.es

3.5. Pricing El consumir se siente mas atraído por el descuento que por el precio

www.isdi.es

Factores Externos

www.isdi.es

3.6. Factores Externos

Factores de venta de un producto 1

Disponibilidad. ¿Encuentro el producto?

2

Información. ¿Es lo que estoy buscando?

3

Social Proof. ¿Qué opina la gente?

4

Oferta. ¿Puedo Pagarlo? ¿Quiero comprarlo?

5

Confianza. ¿Quiero comprarlo aquí?

6

Checkout. ¿Puedo comprarlo?

www.isdi.es

4. Diseño eCommerce

4. Diseño eCommerce +50M productos nuevo/año

¿Importa el diseño?

www.isdi.es

4. Diseño eCommerce

www.isdi.es

4. Diseño eCommerce

www.isdi.es

4. Diseño eCommerce

www.isdi.es

4. Diseño eCommerce

www.isdi.es

4. Diseño eCommerce

www.isdi.es

4. Diseño eCommerce

www.isdi.es

4. Diseño eCommerce

www.isdi.es

4. Diseño eCommerce

www.isdi.es

El Color

www.isdi.es

4.1. El color

http://blog.kissmetrics.com/color-psychology/?wide=1 www.isdi.es

4.1. El color

www.isdi.es

4.1. El color

2.1. El color

http://blog.kissmetrics.com/how-colors-affect-conversions/?wide=1 www.isdi.es

43

4.1. El color

2.1. El color

http://blog.kissmetrics.com/how-colors-affect-conversions/?wide=1 www.isdi.es

44

4.1. El color

2.1. El color

http://blog.kissmetrics.com/how-colors-affect-conversions/?wide=1

www.isdi.es

45

4.1. El color El color según el sexo del comprador

http://blog.kissmetrics.com/how-colors-affect-conversions/?wide=1 www.isdi.es

Tipografía

www.isdi.es

4.2. Tipografía

La tipografía afecta a la conversión: • • • •

Familia Tipo de letra Tamaño Espacio entre letras

• • • •

Espacio alrededor Color Combinación de tamaños Estilo

El Corte Inglés combina distintas tipografías y tamaños

www.isdi.es

Caso 2

¿Cual frase es la correcta?

La estatua de la libertad pesa sólo 206.000kg y mide 54 metros

La estatua de la libertad pesa sólo 250.000kg y mide 64 metros La estatua de la libertad pesa sólo 226.000kg y mide 46 metros

www.isdi.es

4.2. Tipografía

¿Qué tiene de especial este logotipo?

www.isdi.es

4.2. Tipografía

www.isdi.es

4.2. Tipografía (Espaciado)

www.isdi.es

4.2. Tipografía (Espaciado)

www.isdi.es

4.2. Tipografía

www.isdi.es

4.2. Tipografía El producto y la tipografía adecuada

www.isdi.es

4.2. Tipografía

www.isdi.es

Organización de la información

www.isdi.es

4.3. Arquitectura de la información 1.

¿Cómo organizamos los productos? • Subtiendas, categorías, departamentos, etc…

2.

¿Qué factores influyen organización? •

Profundidad de catálogo



Estrategia SEO



Estrategia Branding



Competidores



¿qué espera el consumidor?

www.isdi.es

4.3. Arquitectura de la información Estructura basada en en Sub tiendas con dominio propio

www.isdi.es

4.3. Arquitectura de la información Estructura basada en en Sub tiendas según el uso del producto

www.isdi.es

4.3. Arquitectura de la información Estructura basa en Departamentos (tradicional)

www.isdi.es

4.3. Arquitectura de la información Organización de los productos basada en lo que buscan

www.isdi.es

4.3. Arquitectura de la información Vamos a contar un rollo…..

www.isdi.es

4.3. Arquitectura de la información

www.isdi.es

65

4.3. Arquitectura de la información One-Product Shop

www.isdi.es

66

Caso 3. Landing Page

¿Qué vende esta tienda?

www.isdi.es

¿Qué vende esta tienda?

www.isdi.es

¿Qué vende esta tienda?

www.isdi.es

¿Qué vende esta tienda?

www.isdi.es

¿Qué vende esta tienda?

www.isdi.es

Landing Page

www.isdi.es

4.4. Landing En internet, el usuario no siempre entra por la puerta

www.isdi.es

4.4. Landing 1. ¿Cómo llega el usuario a nuestra web? 2. ¿Por qué página entra? •

Consultemos a Google

3. La primera impresión es la que cuenta •

Información clara y fácil de “digerir”



Seguridad y confianza



Una razón para seguir navegando o comprando

www.isdi.es

4.4. Landing

www.isdi.es

4.4. Landing

www.isdi.es

4.4. Landing

www.isdi.es

4.4. Landing

www.isdi.es

4.4. Landing

www.isdi.es

4.4. Landing

www.isdi.es

4.4. Landing

www.isdi.es

4.4. Landing

www.isdi.es

4.4. Landing

www.isdi.es

4.4. Landing

www.isdi.es

Rebote

www.isdi.es

4.5. Rebote Factores principales que afectan al % de rebote: • Tiempo de carga (3s máximo) • Una imagen que identifique el producto o servicio • Mensaje Claro (5s máximo para convencer) • Call to Action • Contenido personalizado • Colores • Tipografía • Videos/Música

www.isdi.es

4.5. Rebote

http://blog.kissmetrics.com/loading-time/

www.isdi.es

4.5. Ejemplo Aliexpress

www.isdi.es

4.5. Rebote

www.isdi.es

Caso 4. Heat Maps

Heat Map Test ¿Os gusta este diseño?

www.isdi.es

Heat Map Test http://www.feng-gui.com/

www.isdi.es

Heat Map Test http://www.feng-gui.com/

www.isdi.es

Heat Map Test http://www.feng-gui.com/

www.isdi.es

Listados

www.isdi.es

4.6. Listados. ¿Qué falta aquí?

www.isdi.es

4.6. Listados. Número de productos

www.isdi.es

4.6. Listados. Número de productos

www.isdi.es

4.6. Listados

www.isdi.es

Ficha del producto

www.isdi.es

4.7. Ficha del producto

www.isdi.es

4.7. Ficha del producto Información adicional valiosa Aunque acaben comprando el producto en otra tienda, Fat Brain Toys es una web de referencia obligada para aquellos padres preocupados por encontrar el juguete adecuado para su hijo.

www.isdi.es

4.7. Ficha del producto

www.isdi.es

4.7. Atributos

www.isdi.es

4.7. Atributos

www.isdi.es

4.8. Copy & Call to Action

2.7. Atributos

93% More People to Click

www.isdi.es

107

4.9. People

www.isdi.es

108

4.9. People

www.isdi.es

109

Usabilidad

www.isdi.es

4.10. Usabilidad

https://en.wikipedia.org/wiki/Blinking_twelve_problem

www.isdi.es

4.10. Usabilidad

www.isdi.es

5. NAVIGATION FLOWS

113

Filtros

www.isdi.es

Caso 5. Menos es Mas

Test A

¿Qué prefieres? www.isdi.es

Test B

www.isdi.es

Paradox of Choice Si hay exceso de oferta: 1. Se tarda más tiempo en elegir 2. Se tiene miedo a tomar una decisión equivocada 3. Se tiene una exigencia mayor sobre el producto 4. Y en caso de elegir uno erróneo, al autoculpabilidad es enorme ¿Soluciones? 1. Filtro 2. Ayudar a elegir 3. Recomendación Social ¿qué hace la gente?

www.isdi.es

Recomendación

www.isdi.es

5.1. Filtros

www.isdi.es

5.1. Filtros

www.isdi.es

5.1. Filtros

www.isdi.es

5.2. Recomendación de productos

www.isdi.es

5.2. Recomendación de productos

www.isdi.es

Búsquedas

www.isdi.es

5.3. Búsquedas Smart Search Box

www.isdi.es

5.3. Búsquedas Clasificación de resultados

www.isdi.es

5.3. Búsquedas

Sin resultados

www.isdi.es

5.3. Búsquedas

www.isdi.es

5.3. Búsquedas ¿Sin resultados? – ofrecer alternativas

www.isdi.es

5.3. Búsquedas Sin resultados – sugerencias que no tienen nada que ver

www.isdi.es

Rutas Preestablecidas

www.isdi.es

5.4. Rutas preestablecidas

www.isdi.es

6. OBJETIVOS

134

6. Goal Flows

¿Qué objetivos y flujos tiene nuestra web? 1. Home>Listado>Ficha>Agregar Carrito>Checkout 2. Home>Listado>Ficha>Agregar Carrito>Listado>….>Checkout 3. Búsqueda>Agregar Carrito>Check Out 4. Blog>Subscripción 5. Home>Registro

6. ……

www.isdi.es

6.1. Embudo de Conversión Compra

Visitantes

100%

Agregar al carrito

20%

Dirección de Envío

10%

Forma de Pago

8%

Confirmar

5%

Compra Realizada

1%

www.isdi.es

6.2. Shopping Cart

www.isdi.es

6.2. Shopping Cart

www.isdi.es

6.4. Checkout 1. Diseñar el Checkout dentro del proceso en el que se utiliza, no de forma aislada. 2. Definir que verbos vamos a usar • Completar pedido • Tramitar pedido • Finalizar compra, etc… 3. Qué tipo de CheckOut • Acordeón • Una página • Wizzard • Express (PayPal) 4. Qué características tiene • Comprar como invitado • Registro obligatorio

www.isdi.es

6.4. Checkout One Page Checkout

www.isdi.es

6.4. Checkout Accordion Checkout

www.isdi.es

6.4. Checkout Multiple Pages Checkout

www.isdi.es

6.4. Enclosed Checkout Checkout sin distracciones, sin puntos de salida, sólo paso hacia adelante

www.isdi.es

6.4. Enclosed Checkout Checkout sin distracciones, sin puntos de salida, sólo paso hacia adelante

www.isdi.es

6.5. Medios de Pago Menos es más

www.isdi.es

6.6. Cupones

Cupones ¿si o no?

www.isdi.es

7. MARKETING ON SITE

147

7. Marketing ¿Cómo aumentamos las ventas? • + CTR • + Carrito Medio

Algunas técnicas • Cross Selling & UpSelling & Down-Selling • Recomendación de productos • Gamificación • Rewards • Envío Gratis • Urgencia • Escasez

www.isdi.es

Visitas a la web x Tasa de Conversión x Carrito Medio Ventas

7.1. Cross Selling Cross Selling Manual

www.isdi.es

7.1. Cross Selling Cross Selling Automático o Autopacks

www.isdi.es

7.1. Cross Selling

www.isdi.es

7.1. Cross Selling 3x2, Descuento Segunda Unidad, etc…

www.isdi.es

7.1. Up Selling Up Selling

www.isdi.es

7.1. Up Selling

www.isdi.es

7.1. Down Selling or Please Don’t Go

www.isdi.es

7.3. Envío Gratis Incitar a comprar más para tener envío gratis

www.isdi.es

7.4. Urgencia & Escasez • Urgencia

• Escasez Desventajas: • Miedo por parte del cliente • Reduce el Cross y Up Selling • Aumenta el abandono

www.isdi.es

7.5. Rewards

www.isdi.es

7.6. Exit Intent

www.isdi.es

8. Omni Channel Conversion

8. Omni Channel Conversion

www.isdi.es

8. Omni Channel Conversion

www.isdi.es

8. Omni Channel Conversion Showrooming

www.isdi.es

8. Omni Channel Conversion WebRooming

www.isdi.es

Caso 6

Diseño anti-conversión

www.isdi.es

10. Mobile Design

10. Mobile. First Mobile

www.isdi.es

10. Mobile. First Mobile

www.isdi.es

10. Mobile. Versión móvil automática

www.isdi.es

10. Mobile. Versión Responsive

www.isdi.es

10. Mobile. Versión Responsive Versión Responsive

www.isdi.es

10. Mobile. Versión Responsive

www.isdi.es

11. Conversión eMail

11. eMail Marketing Conversion ¿Qué elementos intervienen en la apertura? • Asunto • Hora del día • Día de la semana • Remitente • Elemento externos • Frecuencia • Destinatario ¿Qué elementos intervienen en CTR? • TODO • Hay que sorprender

www.isdi.es

11. eMail Marketing Conversion

www.isdi.es

Hemos terminado, gracias!

www.isdi.es

Notas Referencias • • • •

http://moz.com/blog/holygrail-of-ecommerce-conversion-optimization-91-points-checklist http://www.uie.com/articles/three_hund_million_button/ http://onlinebusiness.volusion.com/articles/introduction-to-typography/ http://econsultancy.com/blog/64142-why-online-retailers-should-enclose-the-checkoutprocess

Libros • Vender más en internet de David Boronat • Haz Click Aquí de Susan M. Weinscheck • Don’t make me think de Steve Krug YouTube • https://www.youtube.com/watch?v=N5WurXNec7E • https://www.youtube.com/watch?v=cbtf1oyNg-8 • https://www.youtube.com/watch?v=3J85SUZFXNM

www.isdi.es

Contacto Twitter: @juanmacias Email: [email protected]

www.isdi.es