Figaro Barbershop
Full-stack barbershop platform with booking, POS, and team management
What We Built
We designed and built a complete barbershop management platform for Figaro Barbershop Leucadia in Encinitas, California. The system covers every angle — a cinematic public-facing site with barber profiles, service menus, and real customer testimonials, plus a full backend administration system with appointment management, walk-in registration with QR-based intake, a point-of-sale register, inventory tracking, analytics dashboards with revenue breakdowns, and role-based access for the owner, barbers, and front desk staff. Hispanic-owned, organic products, pet-friendly, wheelchair accessible — the site reflects the shop's real identity. Premium SEO with JSON-LD schema, AI engine optimization, and per-barber dynamic metadata.
This project is currently in development. Check back soon for the live site.
The Challenge
Figaro Barbershop Leucadia is a busy Hispanic-owned barbershop in Encinitas, California with six barbers and a growing client base. They were using Fresha for bookings but had no custom web presence, no way to manage walk-ins digitally, no inventory tracking, and no analytics to understand their business. The owner needed a system that his team could actually use — from the barber chair to the front desk — without technical training.
Our Approach
We built a complete platform from scratch that covers every touchpoint of barbershop operations. The public site puts the barbers front and center with a cinematic gold-and-teal design featuring real shop photography and customer testimonials. Behind the scenes, the administration dashboard gives the owner full control: appointment management, a POS register for walk-ins and checkout, inventory tracking with low-stock alerts, revenue analytics with visual charts, and services management. Every barber gets their own login with role-appropriate access. The front desk gets a register page with QR-based intake for walk-in clients. The entire system is secured with bcrypt authentication, CSRF protection, rate limiting, and field whitelisting on every endpoint.
Project Scope
- Cinematic public website with barber-centric design — gold and teal palette, real shop photography, vintage barbershop aesthetic
- Individual barber profile pages with portfolios, specialties, and dynamic hero backgrounds
- Online booking system with multi-step wizard — service selection, barber choice, date/time picker, availability engine with 30-minute slots
- Full backend administration dashboard with role-based access (Owner, Barber, Receptionist)
- Register/POS system for front-desk operations — walk-in queue, checkout, cash/card payments
- Client intake form with kiosk mode for iPad front-desk use, auto-reset after submission, QR code for self-registration
- Inventory management with product CRUD, restock tracking, and low-stock alerts
- Analytics dashboard with revenue by day, service breakdown, top barbers, and period-over-period comparison
- Services CRUD for owner — add, edit, and remove services from the dashboard
- Premium SEO implementation — JSON-LD schema (BarberShop, Services, Person, FAQ), sitemap, robots, OpenGraph, AI engine optimization with llms.txt
- Rate limiting on login, intake, and booking endpoints
- Privacy policy, terms of service, and cancellation policy pages
Project Health
Security
10/10 checks
Accessibility
10/10 checks
Performance
10/10 checks
Stability
10/10 checks
Based on 40-point verifiable checklist
Capabilities Demonstrated
Why We Chose This Stack
Next.js
Server-side rendering for the public site (SEO-critical for local search) plus API routes and authenticated dashboard pages in one framework
PostgreSQL
Multi-user from day one — appointments, clients, inventory, payments all need ACID transactions and relational integrity
Prisma
Type-safe database access with migrations, seeding, and schema management — critical for a data-heavy operations platform
Auth.js
Role-based authentication (Owner, Barber, Receptionist) with JWT sessions and bcrypt password hashing — every route protected by role
Tailwind CSS
Custom gold (#c9a84c) and teal (#5ba5a5) design tokens match the barbershop's vintage brand identity without fighting a component library
Framer Motion
Smooth scroll animations and page transitions give the public site a premium feel that matches the shop's attention to craft
Zod
Runtime validation on every API endpoint — booking forms, intake data, payment processing, inventory updates all validated before touching the database
Ready to Get Results Like These?
Every project starts with a conversation. Tell us about your business and we'll craft a solution that delivers.