Diseño Web para Vender
“Landing Pages”, conversiones, AIDA y otra tonterías.
por Jorge L. Suárez Rodríguez
Cofundador, kolapse inc.

Problema
El diseñador tradicional no sabe diseñar para el medio web.

Hipótesis
El diseño web es distinto al diseño tradicional en la medida que busca
más la funcionalidad que la belleza.
≠

≠

=

Solución
Para hacer ejecuciones web efectivas, el diseñador tiene debe diseñar
buscando la función no la belleza.
Nota: Tampoco imites a ClasificadosOnline.com

Función = Propósito

Entretener
Comunicar Informar

Entretener
Vender
Comunicar Informar

Ejemplo -
tovalfitness.com
• No te dirige a la conversión.
• No tiene un orden lógico.
• No utiliza el “prime visual
space” efectivamente.
• No utiliza “cue” points para
provocar acción.
• Forma de Contacto
• Número de Teléfono
• No utiliza herramientas de
retención.
• Listados de Correo

¿Cómo optimizo mi “Landing
Page” aumentar mis
conversiones?

Estrategia
El diseñador (ó el “information arquitect”) debe estructurar la interfase
de módo que induzca al usuario a tomar acción.
Doohhh!

AIDA

A
ttention
I
nterest
D
esire
A
ction

Atención
A
ttention
I
nterest Interés
D
esire
A
Deseo
ction
Acción

Ejemplo +
basecamphq.com

Atención
Acción Ejemplo +
basecamphq.com
Interés
Deseo
Acción

Ejemplo +
mailchimp.com

Acción
Ejemplo +
Atención mailchimp.com
Acción
Interés
Deseo

Ejemplo +
peashootapp.com

Atención
Acción
Ejemplo +
peashootapp.com
Interés
Deseo
Acción

Ejemplo +
ovophone.com

Deseo
Acción
Ejemplo +
ovophone.com
Atención
Interés

Recomendaciones

Atención
• Introduce el logo de una manera prominente.
• Utiliza imágenes llamativas y establece los colores de la
marca.
• Escribe un “headlines” sencillo y descriptivo.
• Introduce 1 ó 2 beneficios.
• Describe el mercado meta. (Ej. la herramienta perfecta para
publicistas )
• Enfatiza en la popularidad del producto. (Ej. 1 millón de
usuarios)

Interés
• Explica claramente los beneficios del producto, utilizando
gráficos relacionados.
• Establece el “unique-selling-proposition” del producto ó
servicios.
• Introduce gráficas ó contenido estableciendo beneficios
versus el competidor.
• Presenta “screenshots” ó imágenes del producto ó
servicio.

Deseo
• Presenta testimoniales escritos ó “reviews” de clientes
satisfechos ó de una fuente.
• Testimoniales en video ó audio.
• Reestablece tu posición de marca y recuerda la
popularidad del producto entre tu audiencia.

Acción
• Utiliza bótones ó iconos grandes y llamativos para los enlaces a
páginas de compra.
• ¡SIEMPRE! Presenta una opción de comunicación ó de compra,
cómo:
• Formas de Contacto
• Número de Teléfono
• Correo Electrónico
• Chat en Línea
• @Twitter Account
• Listado de Correo
• Presenta las ofertas, cupones, periódos de prueba ó cualquier tipo
de promoción de compra.

Gracias por su atención.
Happy times!