1. Y Después del Click
Consigue convertir a tus
Visitantes en Clientes Aquí!
www.Marketing-On-Line.es
Maite González Ruiz de Velasco
Marketalia Marketing Online
maite.gonzalez@marketalia.com
Directora Creativa Marketalia
Marketing-on-line.es
marketalia.com

2. Optimización
webs, microsites y landing pages
Utilización en función de objetivos
Landing Pages
Aspectos esenciales para crear una página web vendible
Análisis de las preferencias de los usuarios: Estudios Eye-
Tracking
Compatibilidad y Estandarización
Cómo conseguir que se rellenen tus formularios
Ejemplos prácticos

3. sitio web
Es un conjunto de páginas web, típicamente comunes a un
dominio de Internet o subdominio en la Word Wide Web de
Internet.
Una fuente de información adaptada para la Word Wide Web
(WWW) y accesible mediante un navegador de Internet.

5. microsite
Una grupo de páginas Web individual que tienen la función de
auxiliar a sitios web primarios. La página de inicio de un
microsite seguramente tenga su propia direcciones Web.
Se pueden retirar del servidor del sitio cuando sean utilizados
para un objetivo temporal. La mayor distinción entre un
microsite con su sitio Web padre es su función especifica
comparado con el sentido más general del sitio Web padre.

7. página de aterrizaje (landing page)
Página web a la que una persona llega, después de haber
pulsado en el enlace de algún banner o anuncio de texto
situado en otra página web o portal de internet.
También esta página suele estar optimizada para unas
determinadas palabras clave, con el objetivo de conseguir que
los buscadores la indexen correctamente y la muestren cuando el
usuario realiza una búsqueda introduciendo esas palabras clave.

10. AIDA
funnel de conversión
Atención A
Interés I
Deseo D
Acción A
Satisfacción S

12. página de aterrizaje que convierta
relevancia y diferenciación en el contenido
 Encontrar lo que el anuncio, email.. promete
 Enlazar el Email con la página interna del producto promocionado (contenido
relevante)
 Generar contenido único que no aparezca en otros sitios (posicionamiento)

13. página de aterrizaje que convierta
transparencia
 Información acerca del negocio
 Interacción del sitio web con el ordenador del usuario
 Información personal sobre el usuario

14. página de aterrizaje que convierta
navegabilidad y usabilidad
 Los pasos a seguir para solicitar o recibir el producto o servicio
ofertado debe ser corto y sencillo .
 Evitar el uso de cualquier elemento visual intrusivo (pop-ups)
 Disminuir al máximo el tiempo de
descarga
 Compatibilidad de tu web con
distintos navegadores y
resoluciones
 El usuario espera encontrar
ciertos estándares de navegación.

16. resoluciones
 Resolución más común: 1027x768
 Diseños líquidos o flexibles
 Perfil de usuarios
 Evaluar el área útil

17. Internet Explorer 45,02%
(IE6 + IE7 + IE8)

18. Firefox I.Explorer Chrome Safari Opera Netscape Maxthon The World Treveler
compatibilidad con navegadores
 Que se vea igual (o muy parecido) en todos los navegadores.
 Explorer + Firefox + Safari + Mozilla = 99% de los usuarios.
 Validar el código del sitio Web en base a los estándares del W3C.
 Resetear los estilos CSS.
 Diseñar para Firefox, no para Explorer (salvo IE8).

19. diseñar con web standards
HTML
XHTML
XML  Estructura
CSS1 ECMAscript
 Presentación
CSS2 DOM
 Comportamiento
WWW

20. web standards
Ventajas de usar CSS
1. Separación del contenido y presentación
2. Flexibilidad
3. Unificación del diseño de las páginas del Web
4. Optimización de los tiempos de carga y de tráfico del servidor
7. Limpieza del Código Fuente
8. Compatibilidad y Continuidad
9. Permite la diferenciación de estilos para imprimir / visualizar en
pantalla.
10. Indexación de Buscadores
11. Elimina código Javascript (funciones que modifican el diseño y
pueden estar hechas con CSS)

21. eye-tracking
El triángulo de la verdad - conclusiones
1. Los usuarios se fijan en la parte superior izquierda de la pantalla y
posteriormente en la zona superior de la misma, para después fijar su
atención progresivamente hacia abajo y hacia la derecha.

22. 2. Los usuarios ignoran los banners.
3. El texto con formato “divertido” es menos atrayente que el texto convencional.
4. Los usuarios se fijan más en los números escritos con números que con texto.
5. Los usuarios sólo se fijan en el tagline si les interesa.
6. Los usuarios escanean pequeñas porciones de la página.
7. Los párrafos cortos son más adecuados que los largos.

23. 8. Las imágenes grandes son las que más llaman la atención a los usuarios
9. Las imágenes con caras son las que atraen más fijación de la mirada

25. formularios
cómo conseguir que los rellenen

26. RESALTAR CAMPOS OBLIGATORIOS REDUCCIR AL MÁXIMO
EL Nº DE CAMPOS
• Reutilizar campos:
Correo electrónico = nombre usuario
DNI = password
• Evitar formalidades:
Tratamiento (Don, Sr., Sra.)
Tipo de Vía (Calle, Camino,
Avenida…)
Fecha de nacimiento (¿necesario?)

27. EJEMPLO O DESCRIPCIÓN DE LOS CAMPOS EVITAR EL USO DE COMBOS
• Es más rápido escribir (1 o 2 seg)
que seleccionar la opción en el
combo (entre 4 y 6 seg).
• Buscar “España” por la S o por la
E.
• Sólo usarlo cuando la respuesta
está predefinida (rangos,
valoraciones subjetivas, marcas…)
• No usar para países, provincias,
números, etc…

28. EVITAR LA FRAGMENTACIÓN DE LA INFORMACIÓN NO USAR EL BOTÓN “BORRAR ”

29. DETALLAR EL MOTIVO DEL ERROR

30. google optimizer
A/B test

31. A Original
1. Demasiado Texto
2. Demasiados Campos
3. Demasiadas distracciones
B Nuevo
1. Columnas eliminadas
2. Se amplía la imagen
3. Campos mínimos

32. y el ganador es…
Aumento de
Conversión + 67%
Y el ganador es…
A B

33. resultados del experimento
no contentos con esto…

34. B Variación 1
A Original
B Variación 2
1. Email Newsletter
B Variación 3
Nue
vo
1. Email Newsletter
2. ¿Cómo nos ha
conocido?

35. Ganador del A/B test
B: Variación 1 B: Variación 2 B: Variación 3
Y el ganador es… Y el ganador es… Y el ganador es…

36. resultado del test
no todo son los datos…

37. google optimizer
multivariable
H1
H1 (1) H1 (2)
IMG IMG IMG
(1) (2) TXT TXT
TXT (1) (2)
BTN (1) BTN (2)
BTN

38. H1 (1) H1 (1) H1 (2)
IMG IMG IMG
(1) TXT (2) TXT (2) TXT
(1) (2) (2)
BTN (2) BTN (2) BTN (1)
H1 (2) H1 (2)
…
IMG IMG
(2) TXT (1) TXT
(1) (1)
BTN (1) BTN (2)

39. H1 (2)
IMG (2)
TXT
(1)
BTN (1)

40. Herramientas online al rescate de las inmobiliarias

41. Utilización de Fotos, Planos, Infografías, imágenes en 360º

42. Incluso Visitas Guiadas

43. Buscadores por tipo de vivienda, ciudad, zona, precio…

44. Regalos y Promociones, coches, semanas de vacaciones pagadas para
conocer el apartamento en la costa, descuentos por hijos…

45. Simuladores, Calculadoras de Hipoteca
Por último, UN BUEN FORMULARIO