Todos los proyectos

Blade & Crown · Barbería premium

Blade & Crown Barbershop

Web de barbería premium con reserva de citas en cinco pasos y pago online, construida a mano sin frameworks para máxima velocidad.

Diseño webSistema de citasPagos online
Portada de Blade & Crown en negro y dorado con el titular The Gentleman's Barbershop

5

pasos de reserva guiada

6+

servicios reservables online

0

frameworks: HTML, CSS y JS puros

<1s

primera carga en móvil

Blade & Crown es una barbería de caballeros con ambición de club privado: navaja caliente, toalla al vapor y whisky de cortesía.

Su problema no era la silla vacía, era el teléfono: citas por llamada, cancelaciones sin aviso y una agenda imposible de ordenar.

El encargo

  • Reservar cita online, con servicio, fecha, hora y pago en un solo flujo.
  • Mostrar los servicios con precio y duración reales.
  • Una imagen que justifique la tarifa premium.
  • Galería del trabajo y reseñas de clientes.
  • Ubicación clara y contacto directo por WhatsApp.

Cómo elegimos el diseño

Negro profundo y dorado. Tipografía Cinzel para los titulares, que recuerda a grabados clásicos, y una serifa suave para el texto.

El estilo evoca las barberías tradicionales de principios de siglo, pero con la limpieza de una web moderna.

Cada servicio se presenta como una pieza de menú de degustación: nombre, ritual, minutos y precio.

La tecnología detrás

  • HTML, CSS y JavaScript puros: sin frameworks ni librerías pesadas.
  • Flujo de reserva en cinco pasos: servicio, fecha y hora, datos, pago y confirmación.
  • Pago online seguro integrado en la propia reserva.
  • Google Fonts servidas con preconexión para no bloquear el render.
  • Botón flotante de WhatsApp para dudas de último minuto.

Por qué cero frameworks

Una barbería no necesita hidratación de React para mostrar seis servicios. Necesita cargar al instante en un móvil con datos.

  • Sin dependencias que actualizar ni vulnerabilidades heredadas.
  • Cada kilobyte está justificado: la página pesa lo que debe.
  • El código es transparente: cualquier desarrollador puede mantenerlo.

Pros y contras de nuestras decisiones

Lo que ganamos

  • Velocidad bruta: primera pintura casi inmediata incluso en 4G.
  • Cero mantenimiento de dependencias a futuro.
  • El flujo de reserva guiado redujo las llamadas telefónicas.

Lo que sacrificamos

  • Sin framework, los componentes repetidos se mantienen a mano.
  • Escalar a multi-sucursal pedirá refactorizar el código de reservas.
  • No hay panel de administración: los cambios de servicios pasan por nosotros.

El resultado

Una web que huele a cuero y madera: identidad premium, reservas ordenadas y pagos anticipados que redujeron las ausencias.

¿Tu negocio vive de citas? Podemos montar lo mismo para ti: diseño web y automatización.

Flujo de reserva en cinco pasos con servicios, precios y duraciónVersión móvil del home de Blade & Crown con botón de reservar cita

¿Quieres resultados como estos?

Consulta gratis · Respuesta personal en 24 h.