L’Atypik es un centro de actividad física adaptada que acoge a personas con necesidades, niveles y trayectorias muy diferentes. La web debía explicar esta particularidad con un lenguaje positivo, accesible y tranquilizador, evitando un tono excesivamente médico.
El proyecto combinó diseño UX/UI, desarrollo Webflow e integración del proceso de reserva para convertir la web en una herramienta sencilla tanto para los nuevos visitantes como para los miembros habituales.
Tres objetivos de proyecto
El primer objetivo era presentar la actividad física adaptada de forma inclusiva y sin estigmatizar. El segundo, reunir a cuatro públicos diferentes en una estructura fácil de comprender. El tercero, crear un recorrido de conversión claro, desde el descubrimiento de las actividades hasta la valoración inicial y la reserva.
Una dirección artística cercana e inclusiva
La dirección visual utiliza colores suaves, formas redondeadas, tipografía accesible e ilustraciones de trazo humano. Las fotografías muestran personas reales y situaciones concretas para transmitir cercanía y confianza con profesionalidad.
Cuatro públicos y cinco familias de actividades
La arquitectura de contenidos permite que cada visitante encuentre rápidamente su lugar. Las actividades se organizan en cinco familias principales: Pilates, relajación y sofrología, equilibrio, fortalecimiento muscular, y cardio y Bungee Fitness. Esta estructura hace que la oferta sea comprensible sin simplificarla en exceso.
Dos niveles de reserva
El recorrido distingue claramente a quienes llegan por primera vez de quienes ya asisten al centro. Los nuevos usuarios se orientan hacia una valoración inicial para definir el programa más adecuado. Los miembros pueden acceder directamente a la reserva de sesiones mediante SimplyBook.
Una oferta clara y un recorrido que inspira confianza
Las suscripciones, los bonos, las sesiones individuales y los programas específicos se presentan de forma comparable. El proceso de incorporación se explica por etapas, desde el primer contacto y la valoración hasta la elección de la actividad y la reserva, reduciendo las dudas antes de la conversión.
Proceso: estructurar antes de diseñar
Zonificación y wireframes
Antes del diseño visual definí la jerarquía de la información y los principales recorridos de usuario. Este trabajo permitió validar la estructura de las páginas y las prioridades de conversión antes de entrar en la fase gráfica.
Sistema de diseño en Figma
El sistema visual se formalizó en Figma con componentes, reglas tipográficas, colores y espaciados coherentes para mantener la continuidad entre páginas y facilitar futuras mejoras.
Desarrollo Webflow
La web se desarrolló en Webflow con una estructura Client-First, atención a la accesibilidad, componentes reutilizables y una adaptación precisa a escritorio, tableta y móvil.
Reservas y publicación
El sistema de reservas se integró en el recorrido del usuario para mantener una transición sencilla entre la información, la valoración inicial y la reserva de actividades.
Resultado
El resultado es una web cálida e inclusiva que hace comprensible una oferta compleja, se dirige a cuatro públicos diferentes, estructura cinco familias de actividades e integra dos recorridos de reserva. Una base responsive, accesible y autónoma, concebida también como herramienta de captación para L’Atypik.
.avif)
