Rafa Bonet Trainer
Un entrenador con método propio y un negocio que vivía dentro de WhatsApp: tablas en Excel, correcciones por vídeo y las mismas cinco dudas cada noche. Construimos una web que explica el método, filtra a quien pregunta antes de la primera llamada y le da a cada cliente su propio panel de progreso.
- Cliente
- Rafa Bonet
- Sector
- Entrenamiento personal y nutrición
- Servicios
- Diseño UX/UI, desarrollo web, panel de cliente
- Duración
- 8 semanas
- Stack técnico
- Next.js + Tailwind + Vercel
Resultados cuantificables.
+0%
Más llamadas y mejor filtradas
El formulario recoge objetivo, disponibilidad y punto de partida. La primera llamada empieza hablando del plan en vez de recopilar datos.
0 h/sem
Menos gestión manual
El panel sustituye a las hojas de Excel montadas una a una, y el asistente contesta de madrugada lo que antes esperaba al final del día.
0,7 s
La portada aparece en menos de un segundo
Cada foto se sirve en el tamaño exacto que pide la pantalla, y el vídeo de cabecera va recomprimido y sin audio.
Del problema a la web publicada.
Pulsa cada fase para ver el detalle.
Diagnóstico del problema
Todo el seguimiento vivía en WhatsApp. Rafa mandaba las tablas en Excel, corregía la técnica por vídeo y contestaba las mismas cinco dudas cada noche, así que su cuello de botella no era conseguir clientes nuevos: era el tiempo que se le iba en sostener a los que ya tenía.
- Portada
- Método
- Servicios
- Llamada
Titulo principal
Títulos: Oswald
Cuerpo: Inter

- Explicar el método sin tener que llamar
- Que cada cliente vea su progreso sin escribir
- Dejar de contestar lo mismo cada noche
Primero el método, después el color
Antes de decidir un solo color colocamos el método: en qué punto del scroll aparece, cuánto texto aguanta el visitante antes de que se le pida algo y dónde entra el botón de la primera llamada. A la izquierda, el boceto; a la derecha, lo que se publicó.

01 / 04·Portada
Estética deportiva y eléctrica
Sistema de diseño oscuro con cian eléctrico, tipografía impactante y componentes totalmente personalizados para proyectar autoridad y un estilo único. La interfaz es futurista porque uno de los objetivos era apoyarse en la tendencia tecnológica para diferenciarse mediante el uso de herramientas punteras. Se suman los gráficos dinámicos para mostrar telemetrías y un panel de control profesional.
Un panel propio y respuestas a cualquier hora
La web pública se construye entera antes de publicarse, así que abre rápido con datos móviles. El panel es la otra mitad: cada cliente entra con su acceso y carga solo sus datos, su semana y sus notas. Y el asistente contesta de madrugada las preguntas que se repiten, y solo le pasa a Rafa las que de verdad necesitan su respuesta.
- 98Rendimiento
- 100Accesibilidad
- 100Buenas prácticas
- 100SEO
- Next.js
- Tailwind CSS
- Recharts
- Vercel
01 / 04·Diagnóstico
«Antes le escribía por cualquier duda y esperaba a la noche. Ahora entro, veo mi semana y solo le pregunto lo que de verdad importa.»
Tu método merece algo mejor que un Excel.
Instagram y WhatsApp te traen clientes, pero no te sostienen el negocio. No puedes explicar tu método en una story, no puedes enseñarle el progreso a nadie sin montar un documento a mano, y cada consulta nueva empieza otra vez desde cero.
Una web propia para un entrenador resuelve tres cosas a la vez: explica el método con el detalle que hace falta para justificar su precio, filtra a quien pregunta antes de que te ocupe una llamada, y le da a cada cliente un sitio donde mirar su progreso sin escribirte. Eso es tiempo que vuelve al entrenamiento.
Diseño, desarrollo y rendimiento los llevamos nosotros, sin subcontratar nada, y la web se publica en semanas y no en meses.