IDENTIDAD DIGITAL / DISEÑO WEB
PROYECTO DE ESTUDIOPulse Foundry Fitness
Una experiencia de club en inglés con una mirada mediterránea: luz natural, entrenamiento cercano y una interfaz que facilita encontrar una clase, comparar membresías y reservar desde el móvil.
Exploración independiente de AsturaWeb. Diseño de una experiencia digital, sin encargo de cliente.
- SECTOR
- Fitness y reservas de clases
- IDIOMA DEL DISEÑO
- Inglés
- EDICIÓN
- 2026
- ALCANCE
- Identidad, UI y dirección de producción
01 / EL CONTEXTO
La energía atrae. La claridad mueve.
El club se presenta como un lugar para entrenar con intención. La web debe funcionar tanto para una primera visita como para alguien que solo necesita encontrar su próxima sesión.
- Agenda por día y modalidad
- Membresías comparables sin ruido
- Detalle de sesión y recorrido de reserva móvil
El diseño conserva su idioma original. El relato del proyecto sigue el idioma que has elegido en AsturaWeb.
02 / EL RETO
No dejar que una imagen deportiva intensa tape horarios, modalidades o plazas. La reserva necesita prioridad y una lectura rápida, incluso en movimiento.
LA IDEA
Marfil, oliva y carbón. Una tipografía editorial acompaña escenas cotidianas del club. Los horarios, las clases y las acciones de reserva mantienen una jerarquía clara.
03 / MÁS ALLÁ DE LA PORTADA
Un sistema,
no solo una primera pantalla.
La agenda es el centro del sistema: día, clase, entrenador y disponibilidad se leen juntos. Las membresías explican sus diferencias y cada sesión tiene un detalle previo a la reserva.
04 / RESPONSIVE E INTERACCIÓN
Otra pantalla.
La misma intención.
En móvil, la tabla se convierte en tarjetas por día. Los controles de reserva mantienen tamaño táctil y el resumen de la sesión conserva horario, modalidad y siguiente paso.
EL LENGUAJE DEL PROYECTO
Carácter, con criterio.
Color y materia
Marfil · oliva · carbón
Tipografía y jerarquía
Serif editorial para los titulares; sans funcional y cifras claras para las reservas.
Imagen y movimiento
Luz de día, texturas reales y personas con gestos naturales. La fotografía acompaña el entrenamiento sin convertirlo en un espectáculo; los iconos orientan cada acción.
DEL BRIEF AL SISTEMA
- 01Contexto
- 02Contenido
- 03Estructura
- 04Dirección visual
- 05Sistema UI
- 06Responsive
El desarrollo, las integraciones y la validación de producción forman una fase posterior, definida según el alcance real.
05 / DIRECCIÓN TÉCNICA
Preparado para pensar
en producción.
Implementación recomendada para este concepto; no describe un sitio ya desarrollado o desplegado.
Una aplicación React y TypeScript con un servicio de reservas validado en servidor. Plazas, sesiones y cancelaciones requerirían datos reales y control de concurrencia; los horarios de los visuales son estados ilustrativos de diseño.
- React
- TypeScript
- API
- CSS
- HTML semántico, teclado y contraste
- Imágenes responsive y carga progresiva
- Contenido indexable y estructura SEO
El alojamiento, la medición con consentimiento y los datos estructurados se definirían con información verificada y necesidades concretas.
HABLEMOS
Una web nueva, un rediseño o una idea que todavía no sabes cómo plantear. Escríbenos y vemos juntos qué tendría sentido hacer.
Cuéntanos
qué tienes en mente.
No necesitas saber de tecnología ni llegar con todo decidido. Cuéntanos qué haces y qué quieres mejorar. Empezamos por ahí.
Presupuesto a medida. Te proponemos una solución clara, sin compromiso.
PARA ROMPER EL HIELO
- Qué hace tu negocio
- Qué te gustaría mejorar
- Tu web actual, si la tienes