9 pequeños cambios que he hecho para mejorar la landing
Optimizar la landing es lo más importante que puedes hacer en tu web (después de conseguir tráfico).
Find My Moat es una web peculiar; no sigue la estructura de un SaaS ni ese formato tan trillado, lo que la hace más interesante.
Veamos 9 cambios que he hecho y por qué 🧵
1️⃣ Título claro
Muchos llegaban a la web y no sabían de qué iba el asunto, así que se iban de inmediato.
Normalmente, en un SaaS, la "frase principal" permite que el usuario entienda en un segundo de qué trata. Pero aquí, al jugar con la estética de periódico antiguo, lo que más destaca es el nombre.
Hice lo que pude y reescribí esa pequeña frase para informar al usuario de forma sencilla de qué va el asunto.
Primera quick win.
2️⃣ Trust signals
En todo SaaS es importantísimo que el usuario se sienta seguro y confíe en tu marca o tu producto. Estas "señales" son importantísimas, y faltaban completamente.
Así que añadí un nuevo banner para indicar el numero de visitantes únicos que ha tenido la web.
A la gente le encanta ver que hay más usuarios.
Esto inmediatamente mejora las posibilidades de que el usuario use la web (y te compre).
3️⃣ CTA
Otro problema importante: el usuario no sabía qué hacer.
En una landing tradicional, es obvio qué botón pulsar después. Incluso si quitaras el texto de los botones, solo por el diseño debería ser evidente.
En este caso, no lo era porque no había ningún CTA en el Hero.
Así que lo hemos añadido: la barra de búsqueda.
Sigue sin ser perfecto, pero es una iteración mejor que la anterior.
4️⃣ Votos
He añadido la capacidad para que los usuarios voten en el top de las mejores herramientas. La intención es doble:
1. Por un lado, quiero que el usuario interactúe cuanto antes con la aplicación y que entienda de qué se trata. Es como una "mini demo" de la aplicación.
Idealmente, podrán extraer valor solo con ese top.
2. Por otro lado, me interesa que los usuarios voten por sus herramientas favoritas.
El único problema es que esta sección compite por la atención del usuario que recién llega a la página, por lo que tenemos dos CTAs conflictivos: la barra de búsqueda y el top de herramientas.
No es óptimo, pero creo que de momento está bien así.
5️⃣ Cambiar la cita
Esto es algo que todavía estoy probando. La cita anterior era genérica y no aportaba valor. Sinceramente, la incluí buscando la estética de periódico.
Ahora quiero darle otro uso.
Busco algo un poco más "gracioso" o amigable que mejore la experiencia del lector.
6️⃣ Dar una razón para que el usuario vuelva
La web enfrenta un problema fundamental: un usuario busca herramientas, encuentra una que le gusta y ya no tiene motivos para regresar. O quizás, echa un vistazo una vez y pierde el interés.
El único recurso que tengo para atraer a la gente de nuevo es ofrecer contenido nuevo. Pueden ser nuevas herramientas o cambios en los tops y en los votos.
Al reflejar que la web "cambia cada hora", espero motivar al usuario a regresar y descubrir qué ha cambiado.
No tengo del todo claro cómo funcionará esto, pero esa es la idea en términos generales.
7️⃣ Texto más simple
Puede parecer una tontería, pero siempre funciona. Simplifica el texto. Hazlo fácil de leer y entender.
Con eso logras que más personas lo lean, que más personas conviertan y que el mensaje llegue a más gente.
Es un mini-hack muy sencillo.
8️⃣ Microcopy
Este es otro mini-hack. Podría haberlo incluido con las "trust signals", dado que su propósito también es generar confianza en el producto, pero lo separo para explicarlo.
Muchas veces puedes aumentar la conversión simplemente poniendo texto pequeño que da confianza. Un ejemplo clásico es "Money Back Guarantee" encima del botón de compra.
Para quien está dudando, esa pequeña frase le ayuda a decidirse a tu favor.
Esto suele funcionar mejor cerca del CTA y cuando el microcopy es más específico.
En este caso, por coherencia con la estética del periódico y lo que ya hemos hablado, se vuelve un poco más difícil; así que esta implementación también es óptima.
Pero como antes no había nada, esto es mejor que nada.
9️⃣ Iconos
Este es un clásico y es muy básico. Idealmente, tu web debería entenderse sin necesidad de leer, y los iconos juegan un papel fundamental para lograrlo.
Aunque no siempre logren transmitir perfectamente el significado (que deberían en la medida de lo posible), también ayudan a dar jerarquía visual y a dividir secciones.
En este caso, los iconos cumplen ambas funciones: ayudan a transmitir significado y a dar jerarquía visual.
Hasta aquí la lista.
He explicado el razonamiento de los cambios, aunque eso no garantiza que den los resultados deseados. Yo mismo debo confirmar si funcionan o si debería realizar ajustes.
Al final del día, los números mandan, y si no funciona, hay que arreglarlo.
¿Quieres ver cómo está la web ahora?
Échale un ojo: findmymoat.com/
