X

Cómo diseñar buenas páginas de aterrizaje (landing pages)

Primera parte de un artículo donde explicaremos algunos de los factores y consideraciones que debemos tener en cuenta a la hora de diseñar nuestras páginas de aterrizaje.

Página de aterrizaje (Landing page) es un término utilizado por el marketing en Internet, para definir el espacio utilizado para desplegar la información que el usuario necesita ver y analizar inmediatamente después de acceder a un sitio web a través de algún enlace, anuncio o texto situado en otra página de Internet.

El diseño de estas páginas suele tener alta relevancia, debido a que comúnmente se utilizan como recibimiento para aquellos usuarios que ingresan a nuestro sitio en busca de mayor información sobre lo que promocionamos y anunciamos en otros lugares. Es decir, si no damos un buen recibimiento, con información adecuada y bien posicionada, es muy probable que el usuario pierda interés rápidamente y se retire del sitio.

Es muy importante saber cómo crear una página de aterrizaje efectiva, ya que esto puede aumentar en gran medida el número de visitantes que realizan alguna actividad que produzca ingresos para el sitio. En este artículo vamos a hablar sobre los factores y consideraciones que debemos tomar en cuenta, para realizar un mejor diseño de páginas de aterrizaje.

Qué es una página de aterrizaje

Una página de aterrizaje puede tener varias definiciones, dependiendo desde el punto de vista donde se analice.

Por ejemplo, para un desarrollador web, el concepto de landing page puede parecer algo más técnico que de marketing, ya que para él es simplemente una página web, la cual contará con elementos básicos de contenido como imágenes, videos, texto, entre otros, y para su correcto despliegue deberá realizar una estructura adecuada utilizando el HTML, CSS y scripts necesarios.

En cambio para un empresario, una landing page representa una petición hacia los usuarios para que realicen una tarea específica, como la compra de algún producto o la suscripción a un boletín. Por ello para el empresario, las páginas de aterrizaje son un punto fundamental en la estructura del sitio web, ya que es donde ellos consideran se empieza a cosechar un ingreso.

Por su parte, para el usuario, esta página es aquella que se presenta cuando da clic sobre algún enlace que apareció en otro sitio, ya sea mediante alguna búsqueda en Google, en algún tweet, banner, anuncio o incluso en artículos.

Muchos empresarios y dueños de negocio, por ahorrar dinero, caen en el error de intentar diseñar ellos/ellas mismas las landing de venta de sus productos. Otros pagan literalmente miles de euros por el diseño de una landing page efectiva que convierta visitas en ventas, porque saben que ese elemento de su web les hará ganar o perder mucho más.

Mi consejo es que para elementos tan sensibles de tu negocio contrates a un profesional, un diseñador web que realmente tenga experiencia haciendo páginas de venta y pueda lograr, junto con un buen copy, una landing que convierta y te haga ganar dinero.

Razones para crear una landing page

Popularmente, existen cinco razones de poder para realizar una página de aterrizaje. Cuando un sitio se ve en la necesidad de lograr alguna de estas tareas, generalmente recurre a una landing page:

  • Lograr que la gente se inscriba al sitio, ya sea creando una cuenta o añadiendo su correo para recibir notificaciones.
  • Vender un producto específico para una situación en especial, como es el caso de una venta o una promoción de temporada.
  • Reclutar personal externo, creando un punto de referencia para personas que busquen trabajo en actividades relacionadas con tu página.
  • Promocionar la descarga e instalación de algún software, plugin o aplicación desarrollada por los programadores del sitio.
  • Dar una visión general del contenido que se despliega a lo largo del sitio.

¿Cómo lograr un diseño efectivo en nuestra página de aterrizaje?

Como te he comentado previamente, lo mejor es dejarlo en manos de profesionales, ya que es una parte crucial de tu negocio online.

No obstante, para que tengas los conocimientos básicos para saber distinguir una buena landing de una mala, aquí te explicamos lo básico que debe tener una landing page para que cumpla con tus objetivos.

Es tiempo de hablar sobre los factores y componentes importantes que se deben buscar para lograr un diseño efectivo dentro de nuestra landing page.

Es común, que por facilidad o simplemente comodidad, el diseñador busque implementar componentes similares a los que observa en otros sitios web, y muchas veces termine haciendo una copia de lo que se ha encontrado.

Es importante destacar que no todas las páginas de aterrizaje deben lucir igual, su objetivo hará variar su contenido, pero siempre existirá una columna vertebral que debemos de estructurar para obtener un buen resultado.

Incitar a la acción

Primero que nada, nuestra página debe incitar a la acción, como dice Jorge del Barrio, las landing page son creadas con la finalidad de lograr alguna tarea, por lo tanto debe cumplir con ese principal objetivo y esto se logrará induciendo al usuario para que tome acción.

La página debe persuadir a algún tipo de transacción, si buscamos que el usuario se registre en nuestro sitio debemos establecer lo necesario para que realice la acción específica, como por ejemplo un simple formulario o botón establecen lo necesario para que el usuario tome acción.

Para lograr esto debemos tratar de cumplir con lo siguiente:

  • Mostrar el contenido de manera clara y directa, debemos indicar con precisión la acción que el usuario debe tomar y cuál es el resultado que obtendrá.
  • Centra la atención del usuario sobre la acción principal, trata de mantener pocas acciones dentro de una misma página
  • Utiliza la interacción del usuario, haciendo uso de elementos que registren eventos disparados por él, como un clic. Si por ejemplo, haces uso de botones el usuario inmediatamente sabrá que tú esperas su participación.
  • Cuenta con información complementaria y de apoyo dentro de la página, esto motivará al usuario a realizar la acción que buscas, ya que contará con las bases de lo que estás ofreciendo.

Encabezado

Una página de aterrizaje efectiva debe tener un encabezado implacable, este debe ser corto, efectivo y enganchador, ya que este elemento da a entender al visitante que está en el lugar correcto, y al mismo tiempo se encarga de enviar el mensaje principal, estableciendo qué es lo que obtendrá si continúa en la página de aterrizaje.

Cuando elaboremos el encabezado o titular de nuestra página, debemos plantearnos si es lo suficientemente interesante como para mantener a los visitantes que acaban de ingresar a nuestro sitio.

Para poder lograr elaborar un encabezado adecuado se puede optar por seguir estos consejos:

  • Mantener un texto corto y directo, para no hacer perder el tiempo del usuario, da una idea rápida de lo que pueden lograr si permanecen y utilizan lo que se muestra en la página.
  • Dar un diseño que atraiga la atención del visitante, utiliza tamaños de letra grande, colores adecuados y de ser necesario alguna clase de efecto como sombras, recuerda siempre colocarlo en la parte superior de la página, donde el usuario espera verlo.
  • Considera el uso de palabras claves y frases relevantes, trata de poner palabras que un usuario regularmente escribiría en un motor de búsqueda. Incluso si haces uso de elementos de tipo encabezado (h1, h2, h3, etc.) será más fácil de indexar para los buscadores.

Simplicidad

Las páginas de aterrizaje deben de ser simples y presentar la información de la manera más sencilla y concisa posible, ya que si realizamos una página muy compleja el visitante puede verse desalentado a permanecer en ella.

Mientras más compleja sea una landing page, es menor la posibilidad de que los usuarios casuales realicen la acción a la que queremos verlos, es por eso que el mensaje debe ser claro y sólo incluir los elementos esenciales.

Cada elemento de la página debe alentar al usuario a tomar la acción deseada y utilizar el medio que le estás proporcionando para ello, si utilizamos un diseño minimalista o hacemos uso del reduccionismo, el usuario no se verá confundido por elementos innecesarios y centrará su atención en lo importante.

Trata de manejar sólo una acción principal y enfoca el diseño a su realización por parte del usuario, en caso de ser necesario puedes utilizar llamadas adicionales, pero estas deben reforzar el llamado a la acción principal.

Debes utilizar el espacio en blanco a tu favor, en caso de que existan muchos elementos en un sólo lugar, trata de que no queden muy apretados, para que visualmente invites al visitante a dar clic.

Correcto flujo del contenido

Para asegurarnos de que el visitante recibirá de manera adecuada toda la información necesaria, la cual lo ayudará a tomar una decisión y llevará a realizar la acción deseada, el flujo del contenido debe ser bien pensado.

Un buen flujo hace que el consumo de la información sea comprendido más rápidamente, por ello debemos ordenar los componentes de la página de manera visualmente jerárquica.

De manera complementaria se pueden utilizar flechas, iconos o imágenes que ayuden a dirigir los ojos de los usuarios hacia un área específica de la página web. También se pueden utilizar colores de alto contraste para mostrar los componentes importantes, si un elemento tiene un color más brillante que los elementos que lo rodean, es muy probable que atraiga la atención del usuario.

Ofrece seguridad

Por obvias razones, son pocos o nulos los usuarios a los que les gusta correr riesgo en Internet, por ello es necesario que incluyas en tu página de aterrizaje, algunos medios que permitan garantizarle al usuario que la acción que esta realizando es segura y no lleva consigo alguna clase de riesgo.

Por ejemplo, si deseas que el usuario compre alguno de los productos que promocionas, considera el añadir alguna clase de método de devolución de su dinero en caso de que no este satisfecha con al compra, de esa manera el usuario se sentirá más protegido.

Debemos tratar de anticiparnos a cualquier preocupación que pudiera llegar a tener el usuario y abordar dicha situación.

Es muy probable que antes de tomar alguna decisión, los usuarios necesiten saber más sobre lo que prosigue a dicha acción, por lo que sería importante dar alguna clase de explicación, aunque sea concisa, donde se traten temas como el costo, el tiempo y la seguridad del proceso.

Si es posible y la orientación de la página lo facilita, se puede optar por dar una versión de prueba de lo que se esta promocionando.

Por ejemplo, si el objetivo de la página es que los usuarios se inscriban para recibir algún boletín, puede enviar una versión de bienvenida a su correo para que él sepa el formato y el tipo de información que contendrá.

Añade elementos que den confianza

Hay muchas maneras de dar a los usuarios una seguridad, de que al momento de realizar las acciones que les pides, obtendrán un resultado verdadero y su información no será utilizada con otros propósitos o caerá en manos equivocadas.

Una de esas formas, consiste en añadir elementos que cumplan con la función de proporcionar confianza, con esto nos referimos a objetos como contadores de usuarios que actualmente hacen uso de tu producto, referencias y comentarios sobre tu producto en algún medio de renombre, como periódicos, revistas o páginas web de crítica.

También se puede optar por colocar recuadros donde se muestre la opinión de ciertos usuarios ya registrados o que ya adquirieron tu producto. Y como toque extra añade algún certificado de privacidad, el cual le permita al usuario sentirse seguro al momento de compartir información.

Estos elementos se deben de colocar lo más cerca posible de los campos utilizados para llevar a cabo la acción deseada.

La información que mostremos en estos elementos tiene que ser totalmente cierta, publicar falsos testimonios o utilizar cuentas de redes sociales inventadas, sólo te traerá más problemas.

Anatomía de una landing page perfecta

  • La importancia de tener un título bien visible, atrayente (que invite a echar un vistazo al resto de la landing page) y consistente con el anuncio desde donde viene el usuario.
  • Tener una gramática y redacción impecables para 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 testimonios (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 (al final del artículo).
  • Si hay navegación, que esté en un lugar bien visible de la página y sea clara.
  • Usar vídeos o imágenes que refuercen el mensaje y la confianza del usuario. Vídeos de testimonios, del creador del producto, imágenes del producto, etc.
  • Por último, testear testear testear

Conclusiones

El diseño de las landing pages es crucial para poder impactar sobre los usuarios que rápidamente le echan un vistazo a nuestro sitio.

Siguiendo los pasos que mencionamos en este artículo podrás garantizar una página informativa, concisa y que inspire confianza, lo necesario para que un usuario se pueda convertir en un cliente con tan sólo un vistazo.

modificado el 29 febrero, 2020 16:59

Daniel Ernesto Navarro Herrera: Lleva trabajando como desarrollador web desde hace más de 10 años. Es un apasionado del código, habiendo tocado todos los palos, especialmente PHP, MySQL, JavaScript, incluyendo frameworks y librerías como jQuery, Symfony, CakePHP...

Ver comentarios (1)

  • Excelente articulo, también recomendado para las suscripciones o afiliaciones externas, incluso las he visto en cursos.

Artículos relacionados