Qué hacer y qué no en tu landing page

Esta semana he analizado la landing page de tres SaaS españoles. Cada uno está en una fase bastante diferente del ciclo de negocio, una es una startup casi recién nacida, Indexed , con 6000€ de MRR. La segunda es Heyzine , con 120000€ de MRR con un equipo de solo tres personas, además su landing está muy orientada al PLG. Y la tercera es una de las joyas del panorama español, Tinybird , con una morterada de billetes en financiación y un MRR ya muy relevante.

Las tres páginas hacen su trabajo perfectamente y hacer una comparativa entre las tres no tiene sentido porque tienen propósitos totalmente diferentes. La de Indexed es la web que debería tener todo MVP antes de despegar y la de Tinybird ya es una página en la que se ha invertido mucha pasta. Pero de las tres se puede aprender algo.

Si quieres ver un análisis extenso de las tres, aquí lo tienes en vídeo. También puedes suscribirte al canal aquí .

Enseña el producto

Creo que la época de no mostrar el producto ha pasado. Ya hay unos estándares que hay que cumplir y nadie quiere pagar por algo que luego parezca diseñado en 2003. Indexed muestra solamente una captura muy pequeña del producto y, además, le pone un botón del mismo color que los de la landing, llevando a confusión:

Tinybird lo enseña nada más entrar:

Pero aquí la palma se la lleva Heyzine, que no solamente enseña el producto, si no que permite utilizarlo sin la necesidad de registrarse. Todos hablamos de Product Led Growth y ellos lo hacen:

Muestra el problema que resuelves

En esto fallan un poco las tres. Para mí, la narrativa de una landing page se debería articular desde el problema hacia la solución y no al revés. Indexed y Heyzine pasan bastante por encima de los problemas que resuelven y Tinybird sí que lo afronta pero quizás en una posición demasiado baja. Así lo hace Tinybird:

Aunque Indexed va dirigido a un problema claro, creo que Heyzine debería explicar los beneficios que proporciona con respecto al PDF, que son bastantes. Un buen ejemplo de producto que habla de problema que resuelve y bastante rápido en su landing es el de Popwork. Es una herramienta de feedback de usuarios. El mayor problema de estas herramientas es que los empleados las odian (con razón). Así que ellos te cuentan el problema rápido:

Si no eres enterprise, no quieres que contacten contigo

Si tu producto es self-service, una de las cosas que no deberías necesitar es que tus usuarios contacten contigo. Tanto Indexed como Heyzine tienen sus formularios directamente incrustados en su homepage. Es un CTA extra y uno que no quieres que usen:

Tinybird es enterprise, por lo que conseguir empresas que contacten con ellos es una buena noticia, pero tienen su formulario de contacto bien escondido bajo un botón de solicitar una demo bastante elegante:

Logos de clientes

Siempre está bien tener un buen surtido de logos conocidos de clientes. Tinybird tiene una colección de logos que ya quisiéramos todos. Además permite leer el caso de uso de cada uno de ellos, demostrando que no suben el logo del primero que prueba la herramienta. Por ponerle un pero, si yo tuviera todos esos logos para poner, los pondría visibles en la primera pantalla. Así lo hacen ellos:

Heyzine también tiene unos logos, pero hay un detalle que yo cambiaría, la web de es muy plana y solamente tiene dos colores, pero la sección de los logos tiene mil colorcitos en cada logo. Es mejor hacer lo que vemos arriba y dejarlos todos en un color:

Los testimonios y cómo usarlos

Heyzine pasa 100% de los testimonios, nadie cuenta qué valor le aporta el producto. Indexed tiene un wall of love de una herramienta de testimonios. Pros: está bien porque aparentemente son tweets reales de gente conocida. Contras: es feo y salen los testimonios en inglés en la versión en castellano.

Tinybird tiene testimonios y casos de uso por toda la web. Es normal, si puedes meter un testimonio de gente como el CEO de Vercel, debes hacerlo. Hay un par de cosas que quizás sean mejorables, la primera es que para mi gusto los testimonios están demasiado distribuidos por la web, quizás yo los centralizaría en algún lugar. Además, algunos se hacen largos:

Para mí, Basecamp los mejores usando técnicas de social proof. Ellos solventan el problema de la legibilidad así:

Cómo mostrar tus funcionalidades

Indexed explica sus dos funcionalidades así:

Y Heyzine lo hace con doce recuadros como estos:

Personalmente creo que en ambos casos pecan del exceso de texto. Tinybird lo hace así, con una buena proporción de texto, iconos e imagen, mucho más despejado para el usuario:

A mí también me gusta la opción por la que nos inclinamos en Acumbamail , con muy poco texto y permitiendo que el usuario vaya a otras páginas donde se explica la funcionalidad en detalle.  Esto te permite, además, tener una jerarquía de landings a las que dirigir el tráfico que busca cosas concretas.  Este y otros detalles sobre nuestra web, los puedes ver en el estudio de SaaS de Bisiesto , ya que es una de las páginas analizadas.

Show me the money

Tinybird tiene un producto complejo cuyo pricing depende de muchas variables y por ello tiene sentido que no tenga una página dedicada. Sí que echaría de menos en la home que se pueda entender cuánto gastan algunos clientes, aunque no se nombren. Nosotros hacemos analítica en tiempo real y soy un perfil técnico, por lo que sería un buen target para ellos. Pero me cuesta hacerme una idea de cuánto me podría costar. Quizás algunos ejemplos de cuanto gastan clientes –anonimizados y organizados por segmento o tamaño– podría ser útil.

Indexed mete los precios directamente en la home. Yo, como hay una diferencia importante entre el mayor y el menor precio (10x), los ordenaría al revés para hacer algo de anchoring:

En el caso de Heyzine, como la diferencia es muy pequeña, mantendría el orden y quizás le quitaría peso a la tarifa gratuita. Poner en la cabeza de la gente la comparación entre algo gratis y algo de pago, suele hacer que lo de pago le parezca caro.

Por ejemplo, Typeform solamente mete en los bloques de pricing sus tarifas de pago y solamente hace una mención a su tarifa gratuita en la parte superior. Así no se carga la conversión de los gratuitos pero saca la gratuita de la comparativa.