{"id":43860,"date":"2022-03-18T05:19:00","date_gmt":"2022-03-18T06:19:00","guid":{"rendered":"https:\/\/www.easypromosapp.com\/blog\/?p=43860"},"modified":"2025-09-18T07:08:21","modified_gmt":"2025-09-18T05:08:21","slug":"consejos-para-disenar-una-landing-page","status":"publish","type":"post","link":"https:\/\/www.easypromosapp.com\/blog\/consejos-para-disenar-una-landing-page\/","title":{"rendered":"Consejos para dise\u00f1ar una landing page perfecta"},"content":{"rendered":"\n

Antes de entrar en materia vamos a definir el t\u00e9rmino \u00ablanding page\u00bb y ver qu\u00e9 objetivos tiene asociados.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\u00bfQu\u00e9 es una \u00ablanding page\u00bb?<\/h2>\n\n\n\n

En primer lugar, una \u00ablanding page\u00bb – o \u00abp\u00e1gina de aterrizaje\u00bb en espa\u00f1ol – es, a grandes rasgos, una p\u00e1gina dentro de un sitio web donde se promociona un nuevo producto, servicio, etc. de una marca.  Est\u00e1 exclusivamente pensada para que el usuario haga una \u00fanica acci\u00f3n que para la empresa ser\u00e1 definida como una conversi\u00f3n.<\/strong> Por ejemplo, dejar sus datos a trav\u00e9s de un formulario para que se convierta en un nuevo contacto de marketing. Por lo tanto, todas las p\u00e1ginas de este estilo tienen como objetivo com\u00fan conseguir una \u00fanica acci\u00f3n espec\u00edfica<\/strong>.<\/p>\n\n\n\n

En segundo lugar, para poder lograr este objetivo, nuestra \u00ablanding page\u00bb tiene que estar muy bien estructurada<\/strong>. El dise\u00f1o tiene que acompa\u00f1arla para que una vez los usuarios lleguen, ejecuten la acci\u00f3n que ten\u00edamos ideada desde un inicio: descargar un ebook, probar el nuevo servicio que ofrecemos, suscribirse, etc.<\/p>\n\n\n\n

Esta planificaci\u00f3n puede llevar horas de trabajo y requiere de numerosos tests hasta llegar a un resultado final, as\u00ed que no te desanimes a las primeras de cambio.<\/p>\n\n\n\n

<\/p>\n\n\n

\n
\"landing<\/a><\/figure>\n<\/div>\n\n\n
\n

\u00bfQuieres ver c\u00f3mo puedes dise\u00f1ar la p\u00e1gina de bienvenida de tu promoci\u00f3n? Descubre todas sus posibilidades y un lookbook con ejemplos para el dise\u00f1o de promociones<\/a>.<\/p>\n<\/blockquote>\n\n\n\n

<\/p>\n\n\n\n

En este ejemplo de landing page dise\u00f1ada exclusivamente por Easypromos para el Mundial de Futbol, vemos que a simple vista consta de cuatro elementos:\u00a0<\/p>\n\n\n\n

    \n
  1. T\u00edtulo que destaca y acompa\u00f1a a la imagen de fondo.<\/li>\n\n\n\n
  2. Precio de la oferta en grande y de color sin estar redactado en una sola  l\u00ednea de texto.<\/li>\n\n\n\n
  3. Bot\u00f3n de \u00abconvertir a cliente\u00bb con color diferente al resto.<\/li>\n\n\n\n
  4. Franja con los 4 motivos bien explicados por los que hacer promociones relacionadas con el futbol en rrss.<\/li>\n<\/ol>\n\n\n\n

    Este pack del Mundial consist\u00eda en lanzar una oferta. Al adquirirla, te pod\u00edas beneficiar de casi 100\u20ac\/$ de descuento, pudiendo crear todas las promociones que quisieras durante los dos meses de competici\u00f3n futbol\u00edstica.<\/p>\n\n\n\n

    En resumen, los visitantes tienen que saber en todo momento qu\u00e9 hacer de manera f\u00e1cil e intuitiva. En caso contrario, nuestro objetivo habr\u00e1 fracasado.<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    <\/p>\n\n\n\n

    \u00bfQu\u00e9 elementos gr\u00e1ficos tiene que contener mi landing page <\/em>para que sea efectiva?<\/h2>\n\n\n\n

    Independientemente del sector del que forme parte tu negocio, hay unos determinados pasos que hay que cumplir a la hora de trabajar en una <\/em>\u00ablanding page\u00bb. Por ejemplo:<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    Un buen t\u00edtulo para la landing page<\/em><\/h3>\n\n\n\n

    Si quieres atraer a los usuarios, lo mejor es que insertes un t\u00edtulo a tu \u00ablanding page\u00bb de forma llamativa. Elabora un buen \u00abclaim\u00bb que capte la atenci\u00f3n de tus posibles nuevos \u00ableads\u00bb. Los t\u00edtulos deben ser cortos, de un tama\u00f1o considerable y sobre todo atractivos. Y deben mostrar el beneficio r\u00e1pidamente.<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    Una imagen principal destacable<\/h3>\n\n\n\n

    La parte visual es una de las m\u00e1s importantes para captar al visitante. Lo que ofrezcas debe estar presentado con una o varias im\u00e1genes atrayentes que transmitan claramente qu\u00e9 es lo que le est\u00e1s ofreciendo al usuario. As\u00ed, a primera vista tiene una visi\u00f3n clara de lo que obtendr\u00e1.<\/p>\n\n\n

    \n
    \"landing<\/a><\/figure>\n<\/div>\n\n\n

    <\/p>\n\n\n\n

    Utiliza pocas tipograf\u00edas dentro de la \u00ablanding page\u00bb<\/h3>\n\n\n\n

    Si quieres que tu landing page mantenga un equilibrio visual, recomendamos usar un m\u00e1ximo de dos tipograf\u00edas diferentes para mantener un solo estilo.
    Hay tipograf\u00edas que debes evitar a toda costa, como por ejemplo la Comic Sans, Papyrus o Mistral ya que \u00e9stas restan seriedad a tu p\u00e1gina debido a su estilo informal, asemejanzas con la caligraf\u00eda manuscrita e indicadas para el p\u00fablico infantil.<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    Un buen \u00abCall to action\u00bb<\/h3>\n\n\n\n

    Tambi\u00e9n se conoce por CTA o, en espa\u00f1ol, \u00abllamada a la acci\u00f3n\u00bb. Se trata de esos botones o links de colores vistosos con mensajes del tipo \u00abSuscr\u00edbete ahora\u00bb o \u00abDesc\u00e1rgate el eBook\u00bb. Son fundamentales ya que impulsan al usuario a realizar la acci\u00f3n que queremos.<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    Zona \u00abAbove the fold\u00bb con contenido importante<\/h3>\n\n\n\n

    La zona \u00abAbove the fold\u00bb es b\u00e1sicamente la parte superior visible de la p\u00e1gina una vez \u00e9sta se ha cargado. Seg\u00fan las estad\u00edsticas, es m\u00e1s viable colocar el formulario en esa parte ya que resulta m\u00e1s efectivo que colocarlos en cualquier otra zona de la p\u00e1gina que tenga que emplearse el scroll.<\/p>\n\n\n

    \n
    \"landing<\/a><\/figure>\n<\/div>\n\n\n

    <\/p>\n\n\n\n

    Tambi\u00e9n es la zona d\u00f3nde debe aparecer el t\u00edtulo principal y si procede, la imagen y una peque\u00f1a descripci\u00f3n del servicio o producto que se vaya a anunciar.<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    Formulario de registro con aceptaci\u00f3n expl\u00edcita de la pol\u00edtica de privacidad<\/h3>\n\n\n\n

    Es el elemento clave cuando el objetivo principal de la landing es obtener el lead. Cabe destacar que la mejor opci\u00f3n es que pidamos al usuario la menor cantidad de datos posible dado que, en ocasiones, pedir demasiada informaci\u00f3n puede resultar un poco molesto. Cuantos menos campos de datos coloques m\u00e1s f\u00e1cil de rellenar ser\u00e1 para el usuario y, de esta manera, m\u00e1s posibilidades de conversi\u00f3n habr\u00e1. El resto de la informaci\u00f3n podr\u00e1s pedirla al usuario en un futuro. Y c\u00f3mo no, debemos seguir las directivas en cuanto a protecci\u00f3n de datos y mostrar la informaci\u00f3n y casillas correspondientes a la pol\u00edtica de privacidad, y permiso y almacenaje de datos personales.<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    Elementos visuales <\/em>de la \u00ablanding page\u00bb<\/h3>\n\n\n\n

    Para que el usuario no se aburra y se vaya de la landing ser\u00e1 necesario romper la monoton\u00eda visual a trav\u00e9s de diferentes elementos gr\u00e1ficos. Por un lado puedes a\u00f1adir banners, gr\u00e1ficos o im\u00e1genes representativas <\/strong>de lo que est\u00e1s explicando en esa parte de la p\u00e1gina para que \u2018rompan\u2019 con la monoton\u00eda y ayuden a la landing a respirar mejor. Adem\u00e1s, recuerda escoger colores corporativos<\/strong> de tu marca, ya que el dise\u00f1o debe estar alineado con tu imagen de marca.<\/p>\n\n\n\n

    <\/p>\n\n\n

    \n
    \"elementos<\/a><\/figure>\n<\/div>\n\n\n

    <\/p>\n\n\n\n

    Por el otro, a\u00f1ade \u00abbullet points\u00bb. Son unas vi\u00f1etas de texto localizadas justo antes de las frases que recogen los beneficios y caracter\u00edsticas principales del servicio o producto que vayas a ofrecer.<\/p>\n\n\n\n

    De esta manera, el usuario tendr\u00e1 una forma de observar la serie de beneficios de forma m\u00e1s placentera.<\/p>\n\n\n\n

    <\/p>\n\n\n

    \n
    \"bullet<\/a><\/figure>\n<\/div>\n\n\n

    <\/p>\n\n\n\n

    Testimonios de la marca<\/h3>\n\n\n\n

    Incluir opiniones de otros usuarios sobre el producto o servicio que ofrecemos puede ser un punto eficaz, ya que aporta mayor confianza a la hora de dar el paso de rellenar el formulario. Si lo prefieres puedes acompa\u00f1ar el texto con una fotograf\u00eda del testimonio en cuesti\u00f3n.<\/p>\n\n\n\n

    <\/p>\n\n\n

    \n
    \"banner<\/a><\/figure>\n<\/div>\n\n\n

    <\/p>\n\n\n\n

    P\u00e1gina de muchas gracias al realizar la acci\u00f3n en la \u00ablanding page\u00bb<\/h3>\n\n\n\n

    Este tipo de p\u00e1gina aparece justo despu\u00e9s de que el usuario se haya convertido a lead. En muchas ocasiones solo se les da gracias pero es interesante aprovechar este espacio para mostrarles contenido relacionado que podr\u00eda interesarles.<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    Otras recomendaciones al dise\u00f1ar una \u00ablanding page\u00bb<\/h3>\n\n\n\n