Este documento proporciona consejos sobre el diseño efectivo de páginas de aterrizaje para aumentar la conversión. Recomienda evitar distracciones y colocar el mensaje principal y los mecanismos de conversión en los primeros 600 píxeles para captar la atención del visitante en los primeros 8 segundos. También sugiere usar colores y elementos coherentes con las comunicaciones por correo electrónico y realizar pruebas para medir y optimizar el rendimiento.

1. Macarena Fragueiro Frias
Responsable de Marketing- Doppler

5. Research
• “Espiar” en el proceso de comunicación de la
Competencia.
•Tomar nota de dónde sorprenda:
•El desarrollo técnico
•La estrategia de Comunicación
•Etc.
•Autoevaluación.
•Research de Target:
•Suscriptor tipo
•Landings específicas
•RECORDAR LA FUENTE DE TRÁFICO

6. Conversión
•Definir el objetivo
•Definir el mecanismo de Conversión
•Ejemplo:
•Newsletter (objetivo)  formulario 1 campo (mecanismo)
•Contacto (objetivo)  Formulario de contacto (mecanismo)

9. Diagramación
•Diseñar la landing de acuerdo al:
•Objetivo
•Subscriptor:
•No pierda el foco -Contenido
•Entienda el mensaje -Action
-Diseño

11. Keepers
•Definir los Keepers
•Eliminar lo que no sea necesario
¡Riesgo es perder la conversión!

12. Disposición
• Optimizar el nivel de Comprensión
•Formato de una columna
•Márgenes Amplios
•Interlineado
•Parrafos de no más de 5 lineas
•Espacios en Blanco y uso de Imágenes
Las Comunicaciones de apariencia Densa y Extensa
NO son leídas

13. Obviedad
• Subrayar links
•Claro
•Simple
El Visitante NO tiene que trabajar o investigar para
poder entender la comunicación
•8 segundos para captar la atención. Estudios
demostraron que después de los 8 segundos se pierden
el 50% de las visitas.

15. Salidas de Conversión
•Simple
•

16. Formularios
• Simple
•Cuidar la extención
•Sólo lo necesario para el objetivo
•Evitar: Códigos postales, ciudad+Estado+País, etc.
•Evitar: el Botón de Reset
•Evitar: Campos Desplegables
• Link  Política de Privacidad
•Explicar el Por qué
•Bonus: Cursor, Código Automático, Autocompletar, Tab

18. Colores y Elementos Claves
•Flujo Natural
•Colores: Usar la misma paleta de colores del email para
la landing page.
•Elementos del email
•Elementos propios de las comunicaciones generales

21. Diagramación
•El mensaje principal  centro de la pantalla
•Lo adicional:
•SideBars
•Eliminarlo
•“F Pattern Eye”
•Scroll
•600Px de largo

23. Imágenes
•Warning!
•No Collage : una imágen principal
•Velocidad de la LandingPage
•Optimizar el tamaño y peso

25. Test & Check
•Check:
•Ortografía
•Datos
•Test
•Imágenes
•Formularios
•Links

26. Tracking
•Medir los Resultados
•Detectar y Corregir Errores
•Optimizar el Rendimiento
•Web Analytics:
•Medir los Resultados
•A/B Test
•Multiple Variable Tests

27. Check List
•¿El enfoque de la Landing se corresponde con nuestro
Objetivo?
•¿El mensaje de la Landing coincide con el mesaje del Email
y con nuestro Objetivo?
•¿Se redujeron todas las “distraciones” al mínimo posible?
•¿La información relevante está en los primeros 600 px de
alto?
•¿Hay suficientes Botones de Acción?
•¿Refleja el diseño de la Landing la identidad de nuestra
marca?

29. Conclusiones
•Los emails generalmente no logran cumplir por si sólos
nuestro objetivo.
•El Website puede “distraer” al usuario.
•LandingPage nos permite alcanzar nuestras metas.
•Para que una LandingPage sea efectiva tenemos que:
•Evitar las distraciones
•Colocar mecanismos de conversión
•Colocar el mensaje en los primeros 600px de alto
•No abusar de uso de imágenes
¡Tenemos sólo 8 segundos!

30. ¡Gracias!
@MinnieFF
/Maca.Fragueiro.Frias
/Maqui.Fragueiro.Frias
mf@fromdoppler.com