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.
4.
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.
6.
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.
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.
15.
16. resoluciones
Resolución más común: 1027x768
Diseños líquidos o flexibles
Perfil de usuarios
Evaluar el área útil
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
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…
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