Saltar al contenido
hebert.dev
WhatsApp
Volver a proyectos
Caso de estudio

Bruma Salón & Atelier

Concepto de sitio multipágina para salón de cabello y atelier: diseño editorial-poster en bandas full-bleed, catálogo de servicios con precios en soles y reserva de 4 pasos hacia WhatsApp.

Bruma Salón & Atelier
Categoría
Salón de Cabello
Tipo
Catálogo
Sector
Estética y Belleza
AstroPreactTailwind CSSGSAPContent Layer
Ver Demo Código Privado

El Contexto

Los servicios de color y alisado son decisiones de alto valor: la cliente quiere saber qué incluye el servicio (diagnóstico, insumos, cuidados posteriores) y en qué se diferencia un alisado libre de formol antes de reservar, pero esos detalles suelen vivir solo en el Instagram del salón. Sin eso, la comparación se hace a ciegas y la reserva se posterga.

La Propuesta

Diseñé y desarrollé un concepto completo de sitio multipágina para un salón de cabello y atelier ficticio en Chorrillos, Lima: sistema de diseño editorial-poster en bandas full-bleed, catálogo de 6 servicios con duraciones y precios en soles, y una reserva de 4 pasos que termina en WhatsApp.

Características Clave

  • Catálogo de 6 servicios en 4 categorías (colorimetría, alisados orgánicos, corte y peinado, maquillaje social) con duración y precio desde S/.
  • Reserva de 4 pasos (tipo de solicitud, servicio, preferencias y nombre) que termina en un mensaje de WhatsApp ya armado
  • Promociones con precio regular tachado vs. promocional y estado de cupos, más tienda haircare de 6 productos con stock
  • Equipo de 4 estilistas con perfiles individuales y especialidades
  • Galería de 12 trabajos filtrable por tipo de servicio (alisados, balayage, cortes, novias)
  • Sistema de diseño editorial-poster: bandas de foto full-bleed separadas por aire y reglas finas, cero cajas, sombras ni radios, tipografía display + script como identidad
  • Animaciones GSAP + ScrollTrigger en una sola isla hidratada, con ausencia total de movimiento bajo prefers-reduced-motion
  • SEO local: JSON-LD HairSalon/Person/Article, sitemap, Open Graph y canonical por página

Resultados

La pieza demuestra cómo un atelier de colorimetría y alisados puede comunicar su oficio sin plantillas genéricas: un sistema visual editorial-poster construido solo con aire, reglas y tipografía, servicios con duraciones y precios visibles para comparar sin escribir al local, 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: un salón de cabello y atelier ficticio en Chorrillos, Lima, para explorar cómo un atelier pequeño de colorimetría y alisados orgánicos comunica su oficio con un sistema de diseño editorial-poster. Diseño, contenido y desarrollo completos desde cero en Astro 7.

Enfoque del Proyecto

  • Editorial-poster sin cajas: La página se comporta como un folleto impreso: bandas de foto full-bleed separadas por aire y reglas de 1–2 px, cero sombras ni radios, con tipografía condensada y script como identidad de marca
  • Servicio transparente: Duraciones reales y precios “desde S/.” por categoría, más protocolos con insumos y cuidados post para que la cliente compare antes de reservar
  • Camino de reserva corto: Wizard de 4 pasos sin pago anticipado (solicitud, servicio, preferencias, nombre) que arma el mensaje de WhatsApp solo

¿Te interesa un proyecto similar?

Cuéntame qué necesitas para tu negocio y lo revisamos directo por WhatsApp.

Escribir por WhatsApp