SaaS · web de marketing + frontend del producto
dr100: cómo hacer que un SaaS para clínicas sea comprensible y fácil de comprar
Contexto
dr100 es un SaaS polaco que cubre el día a día de las consultas: agenda, fichas de pacientes, planes de tratamiento y facturación. Productos así son profundos y están llenos de funciones, lo que dificulta explicarlos a los propietarios de clínicas sin perfil técnico, que son quienes realmente deciden la compra.
El reto
La web de marketing tenía que hacer dos cosas a la vez: posicionarse y cargar rápido, y convertir un conjunto complejo de funciones en un relato claro y creíble para dentistas a quienes no les interesa la arquitectura del software. El frontend del producto, por su parte, tenía que seguir siendo rápido y coherente a medida que se añadían funciones.
Alcance
Qué hice
- 01Construí la web de marketing desde cero: estructura, interfaz adaptable e implementación.
- 02Colaboré en el frontend de la aplicación: componentes, interfaz y comportamiento adaptable.
- 03Trabajé directamente con el equipo de marketing, traduciendo las funciones en una comunicación basada en beneficios.
- 04Me encargué de la implementación adaptable para que la web y la aplicación se sostuvieran en todos los dispositivos.
Decisiones clave
Decisiones clave
- 01
Next.js para la web de marketing
Elegido por la carga rápida y una estructura limpia y amigable para el SEO, dos cosas en las que una web que genera contactos para un producto B2B de nicho no puede ceder.
- 02
Una estructura basada en beneficios, no en listas de funciones
La web empieza por los resultados que le importan a la clínica (menos administración, menos ausencias, una facturación más ágil) y el detalle de las funciones queda más abajo, para quien le interese.
- 03
Un enfoque de componentes compartidos y adaptables
Patrones de interfaz coherentes en la web y en la aplicación, de modo que el frontend siguió siendo fácil de mantener cuando el producto añadió nuevas funciones.
Resultados
Resultados
- 01
Una web de marketing adaptable que presenta un producto clínico complejo con lenguaje sencillo para compradores sin perfil técnico.
- 02
Una estructura rápida y lista para el SEO, construida para atraer y convertir tráfico orgánico y de campañas.
- 03
Un frontend del producto coherente que el equipo pudo ampliar sin desajustes visuales.
Stack
- Next.js
- React
- Tailwind CSS
- JavaScript
Servicios aplicados
Problemas relacionados que se resolvieron
¿Web lenta? Compruebe qué la ralentiza
¿Su web o tienda online carga despacio, sobre todo en el móvil, y los clientes se van antes de ver la oferta? La carga lenta desanima a los visitantes, perjudica la visibilidad en Google y hace que pague por clics de anuncios que no sirven de nada. Se puede medir y arreglar.
Web antigua en WordPress: ¿refrescarla o reconstruirla?
¿Su web en WordPress se ve anticuada, va lenta y cada cambio es una pelea con el tema o una llamada al programador? No tiene que elegir entre aguantarlo y arriesgarse a perder tráfico de Google. Primero determinamos si basta con refrescarla, con reconstruirla en WordPress o con trasladarla a otro sistema.
¿Su web recibe visitas pero no genera consultas?
¿La gente entra en la web pero rara vez llama o escribe? Conseguir tráfico y conseguir clientes son dos problemas distintos. Antes de poner más presupuesto en anuncios, conviene comprobar por qué los visitantes actuales no envían consultas.
¿Tiene un proyecto parecido? Cuénteme qué quiere construir y le responderé, normalmente, en 2 horas.