Galería
1 / 3
1. La web de cada barbería: su marca, sus servicios y el botón de reservar. Barbería de ejemplo con datos de demostración.
Qué es y para quién
TuBarberia es un producto propio para barberías: cada una tiene su web, con su nombre, sus fotos y sus precios; un sistema de reservas online, y un panel para llevar la agenda, los clientes y los cobros. Está pensado para barberías que hoy reciben las citas por mensajes y llamadas y las apuntan a mano.
El problema
Cuando las citas llegan por WhatsApp, por teléfono y en persona, el barbero contesta entre corte y corte, apunta a mano y tiene que acordarse de quién viene cada semana. Desde fuera no se ven los huecos libres, cada cambio de horario hay que avisarlo uno a uno y lo cobrado queda repartido entre efectivo, Bizum y memoria.
TuBarberia lo ordena en dos lados que comparten los mismos datos: lo que ve el cliente cuando reserva y lo que usa la barbería cada día.
Mi papel
Es un proyecto mío de principio a fin: definí el producto, diseñé la web de las barberías y el panel, programé las reservas, la gestión y la separación entre barberías, preparé el servidor y el despliegue, y monté la demo y el vídeo de presentación. Parte del código de ILLAN BARBERS 2.0, la web app que hice para una barbería real. Me apoyé en un asistente de IA para programar; el producto, las decisiones y lo que se publica son responsabilidad mía.
La experiencia del cliente
La reserva está pensada para el móvil y para alguien que no quiere crear una cuenta. Cada paso enseña solo lo que se puede elegir: las horas que aparecen están libres de verdad, porque el servidor las calcula con el horario, los días especiales, los bloqueos, las citas ya reservadas y las citas fijas.
Elige el servicio
Con su precio y su duración a la vista.
Elige día y hora
Solo días con horas libres y solo horas en las que cabe el servicio.
Deja sus datos
Nombre, teléfono y correo. Sin cuenta ni contraseña.
Recibe la confirmación
Al momento, por correo, con un enlace privado a su cita.
Cambia o cancela
Desde ese enlace, dentro del plazo que fije la barbería (36 horas por defecto), y añade la cita a su calendario.
Datos de demostraciónElige el díaPrimero el hueco más cercano; los días completos o cerrados no se pueden elegir.
El pago se hace en la barbería, en efectivo o por Bizum. La web no cobra al cliente: un Bizum queda pendiente hasta que el barbero lo comprueba en su banco y lo marca como pagado.
El día a día de la barbería
El panel reúne lo que antes estaba repartido entre el móvil, la libreta y la memoria. Cada reserva aparece en la agenda al momento, con el servicio, el total y la forma de pago, y desde la ficha de la cita se cobra, se llama o se abre WhatsApp.
Agenda y clientes
Vista de día, semana y mes, y cada cliente con su historial de citas.
Citas fijas
Para quien viene cada semana, cada quince días o cada mes: la regla guarda su hueco aunque las citas aún no se hayan generado.
Horarios
Horario semanal, días sueltos que se abren o se cierran, vacaciones y una cancelación de emergencia para un día entero. La web cambia al momento.
Cobros y estadísticas
Efectivo o Bizum, de pendiente a pagado con un toque. Lo cobrado de verdad, la ocupación, el ticket medio y las cancelaciones, comparados con el periodo anterior y exportables a CSV.
Datos de demostraciónAgenda del mesCitas e importe de cada día, con los días cerrados a la vista. 
Datos de demostraciónPagosLos Bizum pendientes de comprobar aparecen primero: ninguno se marca como pagado solo. 
Datos de demostraciónEstadísticasLo cobrado de verdad y lo reservado, por separado.
Las cifras y los nombres de estas capturas son de la demo «Barbería La Esquina», con datos ficticios: no son resultados de ningún negocio.
Automatizaciones e integraciones
Automaticé lo que no necesita a nadie y dejé en manos del barbero lo que tiene que decidir él.
Ocurre solo
Sin que nadie tenga que acordarse.
- Correos al cliente al reservar, cambiar o cancelar
- Recordatorio por correo antes de la cita (24 horas por defecto)
- Aviso de cada reserva en el Telegram de la barbería, con su propio bot
- Las citas fijas se generan solas en la agenda
Lo decide el barbero
El sistema lo prepara; él pulsa.
- WhatsApp se abre con el mensaje ya escrito y él decide si lo envía
- Un Bizum pasa a pagado cuando él lo ve en su banco
- Cancelar un día entero y avisar a los clientes afectados
Los correos salen con el nombre de cada barbería y se envían en segundo plano: cada aviso se guarda antes de mandarse y se reintenta si falla, de modo que un fallo del correo no tumba una reserva.
Una barbería nueva, en marcha
Una barbería se da de alta sola desde la web de TuBarberia, en siete pasos que puede dejar a medias: su cuenta, su marca, sus servicios y precios, sus horarios, sus datos de contacto, una vista previa y la publicación. Su web queda en su propia dirección (nombre.tubarberia.angelmunoz.es) o en su dominio, siempre con HTTPS.
Después cambia lo que quiera desde el panel: el logotipo, una de siete paletas de color, los textos y las fotos de la web, la galería de trabajos, los servicios, las plantillas de los mensajes y los textos legales. Prueba el sistema dos meses sin tarjeta y, si sigue, activa su suscripción desde el panel y la paga con Stripe.
Decisiones técnicas
Lo construí con Laravel 13 y PHP 8.4 sobre MySQL 8. El panel usa Filament 5 con Livewire, y la web de cada barbería, Blade, Tailwind CSS 4 y Alpine.js. Una cola y tareas programadas se encargan de los avisos, los recordatorios y las citas fijas. Estas son las decisiones que más pesan:
| Decisión | Qué resuelve |
|---|---|
| Una sola base de datos, con cada consulta atada a su barbería | Si falta la barbería en el contexto, la consulta se rechaza en lugar de devolver datos de otra; y las claves de la base de datos impiden enlazar una cita con un cliente de otra barbería. |
| Un cerrojo por barbería al reservar y un índice único por tramo de agenda | Dos clientes no pueden quedarse la misma hora aunque reserven a la vez. Está probado con dos procesos reales en paralelo. |
| Fechas en UTC y cada barbería en su zona horaria | Las horas no se descuadran con el cambio de hora; hay pruebas para esos días. |
| Un enlace privado firmado en lugar de cuentas de cliente | El cliente gestiona su cita sin contraseña; el enlace caduca y se puede anular. |
| Una demo que nunca guarda nada | Cada petición de la demo se deshace al terminar y los datos se reinician cada 30 minutos: se puede tocar todo sin miedo. |
El proceso, con las dificultades y lo que aprendí por el camino, está en el artículo «Cómo construí TuBarberia».
ILLAN BARBERS, el caso real
TuBarberia se construyó a partir del código de ILLAN BARBERS 2.0, la web app que hice para la barbería de José Luis Illán, en Murcia: su web, sus reservas y su panel. Ese código se generalizó para que lo pueda usar cualquier barbería, con varias barberías a la vez, alta autoservicio, suscripción y demo. ILLAN BARBERS sigue siendo un proyecto independiente, con su propio código, sus datos y su dominio, y con ajustes hechos para su forma de trabajar.
Estado actual y próximos pasos
TuBarberia está publicado y su demo se puede probar sin registrarse. Esto es lo que funciona hoy, lo que estoy desarrollando y lo que no incluye:
Funciona hoy
En la versión publicada.
- Web, reservas y panel de cada barbería
- Alta autoservicio, prueba de dos meses y suscripción con Stripe
- Avisos por Telegram y correos automáticos
- Demo pública con datos ficticios
En desarrollo
Programado, todavía no disponible.
- Agenda para varios profesionales: hoy la agenda admite uno
- Más protección frente a reservas falsas y bots, pendiente de desplegar
No incluye
Por decisión o por ahora.
- Cobro online al cliente: se paga en la barbería
- Envío automático de mensajes de WhatsApp
- Tienda online y directorio de barberías, anunciados como «próximamente»
Sigue leyendo
Cómo construí TuBarberia
El proceso: qué quería resolver, las decisiones difíciles y lo que queda por mejorar.
ILLAN BARBERS
La barbería real de la que nace el producto: su identidad, su web y su reserva.
