AnatomÃa de una landing page perfecta
Escrito el 26 enero, 2011 por Verónica Milán
Hace unos meses hablábamos de como afecta el color a las ventas por Internet por medio de una infografÃa muy bien explicada. Hoy os muestro otra, esta vez centrada en las landing page (páginas de aterrizaje), que son páginas construidas con un objetivo concreto y especÃfico, normalmente ofrecer un producto, promocionar un servicio, etc. Suelen usarse como puerta de entrada a una web desde banners o anuncios de texto. Son páginas sencillas, muy claras y centradas en fomentar la acción de usuario (hacer click en tal sitio, registrarse, reservar algo, comprar…).
Esta infografÃa sobre las landing page, la podéis encontrar en Formstack, que a parte de ofrecer formularios de contacto para nuestras páginas web, de vez en cuando sacan este tipo de recursos tan útiles.

Básicamente, y para quien no entienda bien el inglés:
- Destacan la importancia de tener un tÃtulo bien visible, atrayente (que invite a ehcar un vistazo al resto de la landing page) y consistente con el anuncio desde donde viene el usuario.
- Tener una grámita y redacción impecables apra maximizar la confianza en el producto o servicio que se oferta.
- En relación con lo anterior, reforzar los indicadores de confianza al máximo. Por ejemplo, añadiendo textimonios (reales por favor), garantÃas al comprar, menciones en medios, certificados de seguridad…
- Usar una potente llamada a la acción. Eligiendo con cuidado las expresiones usadas (gratis, ahora, nuevo… el uso de unos u otros puede suponer variaciones sustanciales en las conversiones). Nos sugieren que colores naranjas o amarillos son adecuados para este tipo de elementos. Aquà viene muy bien echar un nuevo vistazo a la infografÃa del color.
- Si hay navegación, que esté en un lugar bien visible de la página y sea clara.
- Usar videos o imágenes que refuercen el mensaje y la confianza del usuario. Videos de testimonios, del creador del producto, imágenes del producto, etc.
- Crucial: todo el contenido importante por encima del pliegue (la zona de la página visible sin necesidad de hacer scroll). Sobre todo, especial atención a las llamadas a la acción, ¡siempre por encima del pliegue!
- Por último, testear testear testear…
|
Artículos Relacionados Diseños web con estilo… minimalista (click para ampliar) Minionion. Ahora han cambiado su diseño, pero cuando hice la captura de la página... Cómo afecta el color a las ventas por Internet He encontrado en KISSmetrics una interesante infografÃa acerca del color y la conducta de compra... Sácale los colores a las imágenes Navegando por Internet me encuentro con esta curiosa herramienta, Color Palette Generator, la cual extrae... (Otra) Paleta de colores web Ya hemos comentado en esta web otras paletas de colores (II, III y IV) pero... |
Publicado en Diseño web,marketing online | 9 Comentarios
9 Comentarios para “AnatomÃa de una landing page perfecta”



Excelentes recomendaciones, básicamente es un tutorial express con el que no se necesitarÃa de mucho ingenio para poder tener una Landing Page funcional y productiva..!!
3/02/11 - 7:50 #
Mi opinión es que el landing page es un recurso muy útil para según que tipo de Estrategias SEO en Proyectos Web de determinados clientes potenciales especÃficos.
Es un recurso potente y sin lugar a dudas, con excelentes resultados temporales.
Pero, creo que Proyectos Web de ese tipo como los del articulo, son Estructuras de Código fuente muy variables; con contenidos muy temporales y que resultan, sino se planifica un buen Directorio RaÃz remoto, un cúmulo de vÃnculos internos, indexados en los Buscadores, sin contenidos operativos y/o accesibles a sus propias URL’s. Por lo menos, estáditicamente hablando, existen un gran número de Proyectos Web con ese tipo de caracterÃsticas en sus páginas Web internas.
10/02/11 - 20:11 #
A veces cuesta encontrar un equilibrio entre los contenidos que quieres que indexe Google, a mas contenido mas indexación, y el diseño e imagen de la pagina, en el tema de colores creo que el blanco o colores crema son ideales y utilizar los colores vivos para resaltar ciertos puntos de cara al cliente
2/05/11 - 19:09 #
Quiero dar las gracias por toda la información que ofreceis acerca de crear una web por primera vez. Para mà es genial, ya que voy buscando cómo hacerla por primera vez y de la mejor manera posible. No sabÃa qué hacer y aqui encontré todo aquello que ignoraba.
Muchas gracias
11/05/11 - 18:42 #
Me parece muy útil a la hora de diseñar una landing page por primera vez, ya que al principio no sabemos muy bien que es lo más adecuado y cómo podemos organizarlo. El tema de los colores me parece fundamental según la temática que se vaya a tratar.
2/06/11 - 18:54 #
Excelente! Todo funciona por psicologia,impulsos,deseos…Gracias por recordarnos estos detalles.
12/07/11 - 20:48 #
el hompe page es de las más importantes (sino la más…) de todas, en cuestión de 10 segundos tenemos que lograr la atención de la persona que visita el sitio y hay que saberlo retener y que se quede en el sitio.
Pero no les ha pasado que hay clientes tercos, que no entienden, se ponen “creativos” y hechan todo a perder??
27/09/11 - 8:19 #
Es increible cómo varÃa luego la conversión en función de variables como el tamaño, forma o color del botón. A veces es altamente impredecible, se hace indispensable emplear herramientas de marketing online como Google Website Optimizer.
9/11/11 - 23:15 #
Concisa inmformación pero muy buena, quiero lanzar una landing page para promocionar un servicio nuevo y este artÃculo me ha venido muy bien.
Gracias.
20/11/11 - 18:31 #