Bastion Barber
Concepto de sitio multipágina para barbería premium: diseño editorial monocromo con acento rojo, servicios con precios transparentes y wizard de reserva de 4 pasos hacia WhatsApp.
El Contexto
El catálogo de una barbería suele vivir en Instagram: precios en los comentarios de las historias, disponibilidad en mensajes directos y sin una forma clara de reservar sin llamar.
La Propuesta
Diseñé y desarrollé un concepto multipágina completo para una barbería premium ficticia: sistema de diseño editorial monocromo con acento rojo, catálogo de servicios con precios transparentes y un wizard de reserva de 4 pasos que termina en WhatsApp.
Características Clave
- Catálogo de servicios agrupado por categoría (cabello, barba, combos, tratamientos) con duración y precio en soles
- Wizard de reserva de 4 pasos (servicio, barbero, fecha, confirmación) como isla Preact, confirmado por WhatsApp
- Página de equipo de barberos con perfiles individuales y especialidad de cada uno
- Galería de trabajos filtrable por estilo
- Estado "abierto/cerrado" en el header calculado en tiempo real según horarios
- Sistema de diseño editorial: superficies planas con hairlines, sin sombras, monocromo con acento rojo
- Motion cinematográfico con Lenis y GSAP ScrollTrigger, con respeto a prefers-reduced-motion
Resultados
La pieza demuestra cómo una barbería premium puede comunicar su oficio: diseño editorial monocromo, precios transparentes desde el primer vistazo y un camino de reserva corto que termina en WhatsApp, todo servido como sitio estático con carga inmediata.
En Detalle
Proyecto conceptual de creación propia: una barbería premium ficticia en Miraflores, Lima, para explorar cómo un servicio de alto nivel comunica su oficio sin recurrir a templates genéricas. Diseño, contenido y desarrollo completos desde cero en Astro 7.
Enfoque del Proyecto
- Sistema de diseño editorial: Monocromo carbón y crema con acento rojo, superficies planas con hairlines y tipografía como identidad
- Servicio transparente: Duraciones reales y precios por categoría, sin letra chica
- Camino de reserva corto: Wizard de 4 pasos sin pago anticipado, confirmado por WhatsApp
¿Te interesa un proyecto similar?
Cuéntame qué necesitas para tu negocio y lo revisamos directo por WhatsApp.