what is unbounce
CATEGORÍAS

Los 5 elementos esenciales para una perfecta landing page

Elementos esenciales para una perfecta landing page
Autor: Oli Gardner. Foto: Pixabay

Si las landing pages no existieran y tuvieras que crear una por primera vez en la historia del marketing, ¿qué elementos necesitarías para que tu invento resultara un éxito?

Vamos a echar un vistazo a la anatomía de una página de aterrizaje y definiremos los bloques de construcción para conseguir una campaña de marketing de éxito.

Los 5 elementos esenciales que toda landing page debe tener

Existen 5 elementos must-have en toda landing page, que pueden ser divididos en una lista más detallada a continuación:

  1. Tu Proposición Única de Venta (PUV)
    1. El título principal
    2. El subtítulo de apoyo
    3. Una frase de refuerzo
    4. Un argumento de cierre
  2. Hero shot (imágenes/vídeos mostrando el producto en su contexto)
  3. Los beneficios de tu propuesta
    1. Un listado de puntos que resuman estos beneficios
    2. Concretar estos beneficios y características en detalle
  4. La prueba social o testimonios (tomaré lo que ella está tomando)
  5. Un único objetivo de conversión – tu llamada de atención o call to action (con o sin formulario)

El diagrama de más abajo muestra un ejemplo simple de landing page empleando los 5 elementos básicos que acabo de explicar, cada uno colocado en un lugar concreto de la página según su importancia jerárquica en términos de la historia que le quieras contar a tus visitas. Ten en cuenta que tu landing page podrá ser diferente a la que muestro a continuación, pero la tendremos en cuenta como referencia para explicar cada elemento en profundidad.

5 landing page elements of an effective landing page Unbounce

El Propósito Único de Venta (PUV)

El punto de partida de una campaña de marketing gira en torno a tu habilidad para definir un punto de diferenciación. ¿Qué tiene tu producto o servicio que lo hace diferente al de la competencia? Necesitas comunicar esta idea de una forma breve en tu página de aterrizaje. Trata de comunicar tu oferta de la forma más básica posible, de describir el beneficio concreto que el cliente conseguirá si utiliza tu producto/servicio.

Un ejemplo clásico podría ser la campaña de Lidl – “La calidad no es cara

Un buen diseño de tu PUV crea en tus clientes expectativas claras sobre lo que obtendrán de tu producto o servicio y les permite entender por qué deberían usarlo. (En el caso de Lidl, productos de calidad a bajo precio. Simple)

Podemos desengranar tu PUV en 4 elementos distintos que, colectivamente, cuentan la historia de tu propuesta a lo largo de toda tu landing page:

  • El título principal: El copy que utiliza Lidl es un buen ejemplo de lo que podría ser un titular principal para tu página.
  • El subtítulo: A veces es bueno añadir un título secundario (normalmente con fuente más pequeña) que aclare el título principal. De esta forma, es posible diseñar tu título principal de la forma más breve y contundente posible.
  • La frase de refuerzo
  • El argumento de cierre

1A. El título principal

La primera frase es lo primero que el usuario verá y leerá al caer en tu landing page. Es muy importante que describa claramente el beneficio que el visitante conseguirá de esta página (el objetivo) y que el mensaje se coordine para que el usuario sepa en todo momento que se encuentra en el lugar correcto.

1B. El subtítulo de apoyo

El título principal debe ser lo más breve y conciso posible para que sea fácil de digerir por el usuario. La mejor manera para mantener tu título corto y efectivo es añadiendo un subtitulo de apoyo.

Puedes utilizarlo de dos maneras diferentes:

  1. Como una extensión directa del título principal, donde continua la idea del mismo, de forma que parece continuar la misma frase.
  2. Para añadir una idea complementaria al mensaje principal y así terminar de persuadir al usuario.

1C. La frase de refuerzo

Los usuarios escanean tu página, no se detienen a analizar detalles, por lo que es crucial que todos los títulos que escribas (desde el principal hasta los que describen los beneficios) llamen la atención del lector de una forma rotunda.

Hay otro titular que puedes añadir para reforzar el propósito de tu página. Se trata de la frase de refuerzo. Aparece a medio camino del final de tu página y sirve para añadir un mensaje extra que refuerce la experiencia del usuario. En definitiva, se trata de un segundo subtítulo.

Un ejemplo:

  • Título principal:
  • “La forma más fácil de construir, publicar y testear landing pages sin expertos I.T.”

  • Frase de refuerzo:
  • “Crea potentes landing pages en cuestión de minutos sin HTML”

1D. El argumento de cierre

Cuando estés llegando al final de tu página, tienes todavía una última oportunidad para comunicar los beneficios de tu oferta. De forma similar a la frase de refuerzo, vuelve a recordar al usuario el valor de tu propuesta. Para páginas de pago por clic, este argumento final debe aparecer junto a la repetición de tu call to action.

Nota: para una página muy corta, no sería necesario añadir esta frase final, ya que el título principal seguirá siendo visible.

2. El “hero shot”

La frase “una imagen vale más que mil palabra” se cumple especialmente en el diseño de páginas de aterrizaje, ya que el usuario te regalará tan sólo unos pocos segundos de atención cuando escanee tu landing page. Se trata de de la representación visual de tu oferta que, con la capacidad inmediata que tiene una imagen de impactar al usuario, puede ayudar a entender lo que es o para qué sirve. Para que sea más efectiva, debería mostrar un contexto de uso. Mostrar es mejor que simplemente contar cómo se usa tu producto o servicio.

La idea es empatizar con el cliente, conseguir que se identifique. Hay muchas maneras de lograrlo, por ejemplo:

  • Foto/s: Imagina que tu producto es una escalera plegable. Una foto estándar del producto sobre un simple fondo blanco valdría como “hero shot”, pero para añadir un efecto extra, sería mejor idea mostrar una foto de alguien abriéndola, subido en ella para alcanzar algo, o plegándola dentro de un bonito armario.
  • Vídeo: Mientras que la cámara nunca miente, un vídeo es una manera aún mejor de mostrar tu producto en su máximo esplendor.

3. Los beneficios

Continuando con el argumento de la Proposición de Venta Única, una detallada descripción de tu oferta tiene que incluir los beneficios y características. Incorporando un título justo antes de esta sección conseguirás llamar la atención del cliente y ahora solo tienes que añadir un poco más de detalle para contestar a las preguntas que al usuario puede haberle surgido. Intenta centrarte en contestar a esta pregunta: ¿Qué gano consumiendo este producto/servicio?.

3A. Resumen de tus beneficios en un listado de puntos

Es importante mantener un balance y no entrar en demasiados detalles, que no parezca que tu página está hasta arriba de texto. Escribe un breve párrafo de resumen y 3 – 4 puntos para dejarlo claro. Vuelve a esta sección muchas veces y edita sin parar hasta eliminar todas las palabras innecesarias.

Un ejemplo para un teléfono móvil:

  • Mal (basada en una característica)
  • Nuestra nueva batería es el doble de potente que la de la competencia

  • Bien (basada en un beneficio)
  • Nuestra nueva batería te permite cargar tu teléfono tan sólo una vez a la semana

3B. Describe en detalle los beneficios y características de tu producto

Para apoyar tus breves declaraciones querrás extender tu listado de puntos en uno más detallado que arroje más luz sobre los beneficios y propósitos de tu servicio. Una buena manera de conseguirlo es ampliar la lista de beneficios primero y, después, si consideras que necesitas más detalles, añadir más características en otra sección.

El punto importante que debes recordar es que, antes de nada, tienes que comunicar los beneficios de tu propuesta. Después, y sólo después, empiezas a añadir características dirigidas normalmente a aquellos que necesitan más detalles para tomar una decisión.

Los beneficios son los problemas que resuelves con tu oferta, y las características describen lo que hace tu producto o servicio.

4. Testimonios

Las pruebas sociales son un concepto de persuasión muy poderoso. Simplemente se trata de compartir la experiencia de otros usuarios que ya han comprado/consumido/leído/participado lo que tú estás ofreciendo. El concepto se asienta en la idea de que es más fácil convertir leads si ves que otros antes ya lo han hecho, y se alegran por ello.

Basecamp es un excelente ejemplo de cómo incluir testimonios en tu homepage:

Unbounce Social Proof auf einer hochkonvertierenden Landing Page
Foto: Basecamp.

Hay dos ejemplos clave de testimonios en este ejemplo:

  • El título que ya señala lo muy popular que es la empresa por el alto número de registros por semana
  • El testimonio personal de un cliente, incluyendo un link a su empresa para mayor credibilidad

Otros ejemplos de testimonios son:

  • Testimonio de clientes
  • Redes sociales: ¿qué dicen de tu producto en redes sociales?
  • El número de clientes que tienes
  • Añadir el logo de empresas certificadas de confianza que apoyan tu producto
  • Premios de prestigiosas organizaciones
  • Reseñas y calificaciones de clientes, muy útiles cuando tu potencial cliente va a compararte con otras marcas

5. El objetivo de convertir

El objetivo de conversión es un término que describe el propósito de tu página. Se trata simplemente de una etiqueta que te ayuda a centrarte en este elemento de la página cuando la estás diseñando.

Para un visitante, este término se muestra en forma de call to action, que puede tratarse tanto de un solitario botón en una página PPC (Pago Por Clic) o como parte de un formulario para conseguir leads.

Tu call to action es crítico para convertir usuarios en leads y es, por tanto, el objetivo final de tu página, en otras palabras es con lo que quieres que los usuarios interactúen en tu página. Cómo lo diseñes, dónde lo coloques y qué es lo que comuniques al usuario son detalles importantes que debes tener en cuenta.

Es muy común – sobre todo en negocios B2B – que el propósito último de tu landing page sea generar leads. Normalmente para conseguirlo, tendrás que preguntar al visitante por su nombre y email a cambio de contenido, como puede ser un e-book. Si pides información personal a un cliente, trata de mantener el formulario lo más corto y básico posible e incluye una frase de privacidad cerca del botón o al lado del espacio del email.

Los peores call to action son aquellos que añaden un SUSCRIBIR o CLIC AQUÍ. Un buen ejemplo sería escribir una frase que muestre, claramente, lo que el cliente recibe a cambio de darte su preciado clic: “Consigue tu cupón del 50% de descuento”.

En resumen

Ahora ya tendrás una idea de lo que necesita una landing page para poder funcionar. Como he mencionado al principio, puedes utilizar estos 5 elementos para construir rápidamente tu perfecta página de aterrizaje y que se adapte a tu campaña de marketing. Una técnica particularmente buena es diseñar tu landing page previamente en una hoja de papel en blanco. Dibuja un rápido sketch con los 5 elementos en el trozo de papel, recórtalos y colócalos en diferentes posiciones en una nueva hoja de papel. Colócalos de forma que puedas contar una historia fluida, enfocada sobre todo en el call to action.

Acerca de Oli Gardner
Cofundador de Unbounce. Oli ha visto más landing pages que nadie en todo el planeta. Escribe artículos de opinión y es conferenciante internacional para el tema del Diseño web centrado en la Conversión. Deberías seguir a Oli en Twitter.
» Más posts por
Comentarios