Jump Fit: web para un estudio de jumping
Web de marca para un estudio de jumping de Melo, con intro animada, horarios que se reservan por WhatsApp y un panel donde la dueña cambia diseño y textos sin tocar código.
El problema
Jump Fit da clases de jumping (mini camas elásticas) en Melo y se movía solo por Instagram y WhatsApp. No había un lugar propio donde ver de un vistazo qué es el método, los horarios y cómo reservar.
Objetivo
Una web que haga visible la marca y muestre la información del negocio: qué es el método, horarios, clases online y preguntas frecuentes, con reserva directa por WhatsApp. Además, que la dueña pueda actualizarla sola.
Contexto
Estudio orientado a mujeres, con identidad rosa, negra y blanca. No hay venta online ni cuentas de usuarias: el objetivo es marca e información. En desarrollo: la versión de prueba está publicada en Netlify y falta conectar el dominio propio.
La solución
Sitio de una sola página: portada, método, frase con números, horarios por día, galería, clases online, preguntas frecuentes y llamado final. Cada horario abre WhatsApp con el día y la hora ya escritos. Panel /admin protegido con contraseña: colores, tipografías, textos, fotos, orden y visibilidad de secciones, logo, datos del negocio y cómo se ve al compartir el link. Tiene vista previa en vivo, deshacer, historial de versiones y vuelta al diseño original.
Mi trabajo
Diseño y desarrollo completo: identidad visual a partir del logo, copy, animaciones (intro con el nombre saltando sobre la cama elástica del logo, revelados al hacer scroll, cinta de palabras), panel de edición, puesta en línea y guía de uso en PDF para la clienta.
Desafíos
Velocidad en celulares: modo liviano en pantallas táctiles (menos efectos, sin suavizado de scroll) y contenido pre-renderizado para que se vea al instante. Que todo sea editable sin romper el diseño: el contraste se corrige solo al cambiar colores.
Decisiones técnicas
Sitio estático sin build más funciones de Netlify y Netlify Blobs: lo que se publica desde el panel no requiere un nuevo deploy. Un único objeto de configuración renderiza la web en el navegador y genera el HTML inicial para SEO.
Tecnologías
Frontend
Backend
Base de datos
Herramientas
Funcionalidades
Galería
Resultados
Estado: en producción, con la clienta ya usando el panel. Página liviana: unos 325 KB en la primera visita.