Diseño web para SaaS: que se entienda tu producto y te pidan la demo
Webs en Webflow y Framer para empresas de software que venden algo caro y pasan por una demo o una prueba antes de firmar: un mensaje que se entiende a la primera, un camino claro a la demo, SEO por mercado y cada solicitud medida. Hicimos la web de Embat, que vende en cuatro mercados, y la de Silmaril, junto con la marca y el deck de su Serie A.
Problemas habituales en las webs de SaaS
Tu web va por detrás de tu producto
El producto ha crecido y la web sigue contando la versión con la que lanzasteis: capturas antiguas, módulos que ya no existen y un mensaje que no explica qué resuelve hoy. Quien llega por una recomendación no ve lo que compraría.
No se entiende qué haces al primer vistazo
Funcionalidades, siglas y "plataforma todo en uno": el visitante no sabe qué problema le resuelves ni si es para una empresa como la suya. Se va antes de pedir la demo, y ventas nunca sabe que pasó por ahí.
Pedir la demo cuesta demasiado
Un formulario eterno, el mismo "contacta con nosotros" para clientes, candidatos y proveedores, o ninguna pista de cuánto cuesta. El interés se enfría entre la visita y la primera llamada.
Cada cambio en la web pasa por desarrollo
Lanzar una landing de campaña, abrir un idioma o publicar un caso depende del equipo de producto, que tiene otras prioridades. La web se queda quieta mientras la oferta y el mercado se mueven.
Una web que explica el producto, convence y lleva a la demo
Estrategia y mensaje
Primero, qué eres y para quién
Antes de dibujar nada decidimos a quién sirves, qué prometes y cómo lo cuentas. Con Silmaril empezamos por un workshop de estrategia con los fundadores: de "otra herramienta de IA" a un producto en tres piezas que se explica en una línea.
Diseño y desarrollo en Webflow y Framer
Una web a la altura del producto, que tu equipo gestiona solo
Diseñamos y desarrollamos en Webflow o Framer, según lo que pida el proyecto, con un CMS para artículos, casos y landings que marketing publica sin pasar por desarrollo. Embat gestiona la suya sin ayuda, con una calculadora en la que cada visitante elige sus módulos y ve su precio.
Conversión a demo y prueba
Un camino claro a la demo, medido de punta a punta
Llamadas a la acción por página y por público, formularios que piden lo justo y medición sobre un data layer: cada solicitud llega a la analítica con su mercado, su página y su botón. En Embat, cada demo queda atribuida a su origen.
SEO por mercado
Que te encuentre quien te busca, en cada mercado
Una página por producto y por país, cada idioma bien señalado a Google y textos escritos para lo que busca cada comprador. Embat vende en España, Países Bajos, Reino Unido y Alemania con una sola web en tres idiomas.
Preguntas frecuentes sobre diseño web para SaaS
Para empresas de software que venden algo caro: suscripciones anuales, contratos que decide más de una persona, ventas que pasan por una demo o una prueba. Ahí la web no cierra la venta, pero decide quién llega a la primera llamada y con qué idea llega.
Si tu producto se compra con tarjeta en dos minutos y compites por precio, seguramente no somos tu agencia.
Para Embat, una plataforma de tesorería para empresas medianas y grandes, diseñamos y desarrollamos la web en Webflow y la llevamos a cuatro mercados: tres idiomas, SEO por país y cada demo atribuida a su mercado, su página y su botón. Para Silmaril, que encuentra licitaciones y ayudas públicas en Europa con IA, hicimos la estrategia, la marca, la web y el pitch deck de su Serie A.
También diseñamos la web de Monom, la plataforma de mantenimiento predictivo de Preditec, y rehicimos la de Software DelSol, el software de gestión para pymes y asesorías, después de un taller con su equipo comercial. Están en nuestros proyectos.
Con tres cosas. Un mensaje que diga en la primera pantalla qué problema resuelves y para quién. Un camino a la demo o a la prueba en cada página, adaptado a quien la lee: no pide lo mismo un director financiero que un técnico. Y medición: cada clic que importa (pedir la demo, empezar la prueba, calcular el precio) llega a la analítica con su página y su origen, para saber qué funciona y qué cambiar.
Trabajamos con las dos y elegimos por proyecto. Webflow encaja cuando la web lleva un CMS con artículos y casos, varios idiomas y páginas por mercado, como la de Embat. Framer, cuando mandan el diseño, la animación y las landings de campaña. En los dos casos tu equipo publica sin depender de desarrollo, y la web de marketing deja de competir con el producto por las horas de tus desarrolladores.
Sí, y empieza en la estructura de la web: una página por producto, por caso de uso y, si vendes en varios países, por mercado, con cada idioma bien señalado a Google. En Embat el SEO se hizo por mercado, con páginas escritas para lo que busca un equipo financiero en cada país. El servicio completo está en SEO.
Porque la web de un SaaS que vende caro falla antes en el mensaje que en el diseño. Embat tenía un producto muy por delante de su web; la de Silmaril contaba otro proyecto. Por eso la escribimos antes de dibujarla, y la pensamos como parte de la captación: de dónde llegan las visitas, qué tiene que entender cada una y cómo se mide lo que pasa después.
HAKI es una agencia de growth marketing en Barcelona. Si además necesitas a alguien que lleve los canales contigo, trabajamos como growth partner.
Con el formulario de esta página: qué vendes, qué factura de media un cliente contigo y quién decide la inversión. Si encaja, eliges día y hora para una discovery call de 30 minutos con Marcel, en la que vemos tu web, tu producto y cómo llegan hoy tus demos.