Existen miles de plantillas para crear una landing page así que es relativamente fácil poner una online rápidamente. Pero ¿te has parado a pensar si esa plantilla es lo que mejor resultado podría darte?
Más allá de que te resulte atractiva, el diseño visual y estratégico de una landing page tiene su ciencia.
En este artículo queremos compartir contigo algunos aspectos sobre los que reflexionar en la creación de una landing page y que podrías aplicar tanto en un diseño desde cero, como a la hora de adaptar una plantilla.
Tips para páginas de aterrizaje
Sé ordenado y limpio. Keep it simple!
Trata de recopilar toda la información inicial y reducir los conceptos a su unidad más simple de información. Una landing no debería contener demasiado texto.
De hecho hay estudios que avalan que con menor cantidad de texto mejora el ratio de conversión.
Además, debes crear una jerarquía visual, para guiar el ojo del usuario hacia lo más importante: la llamada a la acción. Recuerda que si todo destaca, nada destaca.
En toda esta planificación inicial es clave trabajar ordenadamente con alguna herramienta de diseño. Figma es una buena opción para diseñar tu landing page.
Nada de pop-ups ni cosas raras
Puedes usar pop-ups siempre que sirvan para la llamada a la acción pero si no es así, bloquéalos en tu página de aterrizaje.
Es habitual albergar una landing en el mismo sitio web donde tienes tu página. Si tienes programado un pop-up para que los visitantes se suscriban a tu newsletter, podría saltarles también en la landing.
Esto supondría una distracción imperdonable. Desactívalo para esa página en concreto.
Elimina cabeceras y pies
Otro elemento de distracción que se nos puede colar si usamos un CMS (un gestor de contenidos como WordPress, por ejemplo) es que la landing herede la cabecera y pie del sitio.
Habitualmente tienen menús, logos, datos o CTAs que no tienen sentido en una página de aterrizaje o, simplemente, no aportan valor.
Y todo lo que no aporta, sobra.
Entonces… lo pongo todo above the fold ¿o qué?
Ten en cuenta el above the fold, pero no te obsesiones con él
Llamamos above the fold a la zona de la página que se ve en pantalla por encima del primer scroll cuando se carga.
Existe una recomendación clásica que dice que ahí debe verse lo más importante desde el principio. Entre otros elementos, la llamada a la acción.
Aunque pudiera ser así, las landings de hoy en día son más complejas y los diseños bastante más creativos que hace quince años.
Por eso, aunque tu landing arranque con una llamada a la acción clara, no te obsesiones con meter toda la información relevante above the fold.
Tu usuario ya sabe que haciendo scroll va a encontrar más detalles de tu oferta. Si le enganchas con esa primera visión, seguirá navegando.
Contrasta tus botones
Si la llamada a la acción se realiza mediante un botón, utiliza un color en el mismo que llame la atención lo suficiente para convertirse en el principal punto de atención de la página de aterrizaje.
Usa siempre un color de la paleta del sitio para mantener un diseño visual coherente. Usa un color de acento para asegurarte de que atraiga la mirada del usuario.
Si tienes dudas, ese botón es un buen candidato para un test A/B.
Usa señales de confianza
Las señales de confianza nos ayudan a crear cierta sensación de seguridad en el usuario de que, efectivamente, somos una solución con garantías.
Estas señales de confianza pueden materializarse mediante la presencia de logotipos y testimonios de clientes o partners del negocio, likes en redes sociales, contadores de seguidores, etc.
Habitualmente se localizan en la parte inferior de la landing para «rematar» la faena, por si aún le quedaban dudas al visitante.
¿Qué hacemos con los formularios?
Formularios cortos y simples
Si el objetivo de tu landing es la captación de leads o clientes potenciales a través de un formulario, trata de mantenerlo lo más simple que puedas.
No te salgas del nombre+mail salvo que sea imprescindible algún dato extra. Siempre somos más reticentes a compartir nuestro teléfono o edad, por ejemplo.
De hecho, plantéate la siguiente pregunta ¿realmente necesitas el nombre?
Una buena estrategia de email marketing puede ayudarte a completar el resto de la información que te falta, ahora que ya tienes el lead.
Si vas a llevar tráfico de redes móviles, prioriza la versión móvil
Redes sociales como Instagram, Facebook, Twitter, Snapchat o TikTok son eminentemente móviles. Un volumen muy grande del tráfico que proviene de ellas lo hará a través de sus smartphones.
Por ello, es muy importante que priorices la versión móvil de tu página o que, como mínimo, la tengas muy en cuenta.
No descartes tener varias versiones de tu landing
Si tus fuentes de tráfico o los usuarios que te aportan son muy diferentes ¿por qué no crear diferentes versiones de tu página?
La idea es adaptar la página a la naturaleza del canal/usuario, el estilo de comunicación o sus códigos visuales. Cuanto mejor te adaptes, mejor será la conversión.
Mantén el scent, el rastro
Para mejorar la conversión es importante mantener una coherencia entre lo que llevó al usuario a tu sitio y lo que se encuentra en él. Los mensajes, el estilo visual y/o las llamadas a la ación deben ser las mismas para que la transición sea natural. Debe coincidir con la motivación inicial.
En este vídeo puedes conocer cómo el análisis del scent puede ayudarte a optimizar la conversión de tu landing page.
No olvides tus avisos legales
Una landing page está sujeta a las mismas condiciones legales que un sitio web convencional. No olvides añadir tu política de privacidad, identificar al responsable legal de la página y el aviso de cookies si las hay.
Piensa en el «después de la conversión»
Una vez que hayas conseguido que el usuario complete tu objetivo ¿qué harás con él? Piensa en algún tipo de redirección de su navegador que pueda servirte para seguir sacándo partido a esa visita.
Puedes tratar de que cumpla un objetivo secundario o que simplemente se dé una vuelta por los artículos más destacados de tu blog.
En 3ymedia School dedicamos una sesión de nuestra serie de talleres en abierto al proceso de creación de una landing page donde hablamos de estos y otros muchos consejos.
¡Llegó la hora de medir para mejorar!
Métricas y KPIs para evaluar una landing page
Una vez que tengas tu landing page en marcha, llega el momento de empezar a medir resultados. Para ello, usaremos 3 métricas muy básicas.
No es tanto por saber cómo va el negocio, que también, como para detectar aspectos que se puedan mejorar para aumentar el rendimiento de la página.
Hay herramientas muy variadas para realizar este seguimiento, aunque Google Analytics 4 con sus nuevas herramientas centradas en la interacción del usuario es una de nuestras preferidas.
Número de conversiones
Te servirá para llevar un control del resultado de la página y la afección de cualquier cambio que realices.
Usuarios por canal/medio/fuente
Es muy importante que puedas separar el tráfico por cada canal de adquisición e incluso por cada medio o fuente. Esto te permitirá tener un mayor control sobre el rendimiento de cada uno.
Además puedes establecer segmentos para ver cuál de ellos genera más conversiones con menor tráfico (o esfuerzo) y así replantear tus tácticas.
CTR de la llamada a la acción
La métrica mágica. Llevar tráfico es bueno pero si no convierte, no te servirá de nada.
La medida de la calidad del tráfico te la va a dar el CTR de tus usuarios. Si están segmentados, como decía más arriba, mejor.
El CTR es la relación que existe entre conversiones y sesiones. Cualquier cambio en tus estrategias debería afectar a esta métrica, que se mide en porcentaje.
Cuanto más alta, de mayor calidad de tráfico hablamos y más rentable será su captación.
¡Si sabemos lo que no está funcionando podemos cambiarlo!
Los mapas de calor, siempre en mi equipo
Además de estas métricas, te recomiendo que pongas en marcha un mapa de calor sobre tu página de aterrizaje. Veras qué partes de la misma atraen mayor interés y cuáles menos. Esto puede ayudarte a relocalizar tus CTAs.
Si utilizas una herramienta como Clarity, además de la atención del usuario detectarás comportamientos extraños que pueden deberse a un problema de diseño de tu página.
Conclusión
Como has visto, crear una landing page vendedora no es cosa de un rato. Es un proceso que requiere de preparación, estrategia y cierta habilidad.
Como todo, se aprende haciendo, pero esperamos que los consejos que hemos compartido en este post te sirvan para ahorrarte unos cuantos tropezones.
Adapta los consejos a tu necesidad concreta y a tu sitio. No des nada por hecho, mide y experimenta. Si a ti te funciona, es lo que vale.
¡Esperamos que consigas muchas conversiones en tu próxima landing page! No dejes de comentarnos tus dudas y éxitos en los comentarios del post.
A modo de resumen te ofrecemos esta infografía con los consejos fundamentales de diseño de una landing page, que te invitamos a compartir en redes sociales.

¡Me encanta el artículo, me encanta el infográfico y me encantáis vosotros! ¡Olé!
¡Muchas gracias, Olatz! A nosotros nos encantas tú 😍
¡Olatz, eres encantadora! <3
Muy buen artículo
Es importante dirigirte a las personas adecuadas.
Dicen que la libertad es poder decir a lo demás lo que quieren escuchar, u otras tantas cosas que no entraré en debate ahora.
¿Cual es la diferencia entre canal, medio y fuente para segmentar adecuadamente?
Es una idea genial crear diferentes versiones para los diferentes tipos
de personas. Sin duda el tono de comunicación crea la conexión para acercar a los usuario.
Gracias
Hola, Joan, muchas gracias por tu comentario.
La clasificación de Canales/medios/fuentes provienen de Google Analytics y engloban el origen y tipología del tráfico. Aunque hay muchos, con un ejemplo se entiende bien: Paid Search/cpc/google es un tráfico cuya fuente es el buscador Google, de una campaña de anuncios de pago por clic (medio) y del canal de Búsqueda de pago.
A veces los canales coinciden con los medios más habituales, pero no tiene por qué ser así. Siguiendo el mismo ejemplo, para el canal Paid Search se recogen todas estas parejas de fuentes/medios:
– google / cpc
– bing / cpc
– facebook / ppc
– linkedin / paidsearch
Aquí puedes ver los canales que Analytics ofrece por defecto: https://support.google.com/analytics/answer/1191184?hl=es
Me ha gustado un montón el artículo: directo, con justificaciones de los puntos que se tratan y con esa infografía final que pone la guinda del pastel. ¡Quiero más!
¡Muchas gracias, Noelia! Qué alegría que te haya gustado 😘