Website Redesign · iOS Booking App · Full-Stack Development
Monaco Cuts
A complete digital overhaul for a Hamilton barbershop — from a generic LeadConnectorHQ template to a custom-built website and a full iOS booking application with barber profiles, availability management, and Fresha integration.
01
Why this project
Monaco Cuts came through NDGO, my digital agency. The owner, Alan, had been running on a standard LeadConnectorHQ template — it worked as a basic web presence but didn't reflect the quality of the shop, and there was no way for clients to browse barbers or book appointments without leaving the site for an external Fresha page.
The brief was straightforward: give the brand a real digital presence. A website that felt as premium as the in-shop experience, and a native iOS app that made booking feel effortless for clients and schedule management simple for barbers.
02
The website redesign
The original site at monacocut.com was built on LeadConnectorHQ — a drag-and-drop builder that produced bloated, impersonal pages. It had the basics: services list, photo gallery, contact info. But the design was generic, the performance was average, and it didn't tell any kind of brand story.
I rebuilt everything from scratch as a hand-coded, single-page site using semantic HTML, modern CSS with custom properties, and vanilla JavaScript. The result is a fast, accessible, and visually sharp experience that speaks to the shop's values: precision, cleanliness, and confidence.
Custom design system
Color palette built around the brand's deep green and red — applied consistently across hero, services, gallery, and contact sections.
Video hero with overlay
Full-width hero video with subtle gradient overlays replaced the static generic banner — immediately communicates the shop atmosphere.
Interactive gallery
A responsive CSS grid gallery with lightbox support for viewing haircut photos at full resolution.
SMS chat widget
Built-in chat panel that generates an SMS draft — clients can text the shop directly without leaving the page.
Fully responsive
Mobile-first breakpoints at 880px and 560px with reflowing grids, collapsible nav, and touch-friendly interactions.
03
The iOS booking app
The bigger piece of the project was a native iOS booking application built with React Native and Expo, backed by Supabase. Clients and barbers get a purpose-built experience — no more directing everyone to Fresha's generic booking portal.
Client + barber roles
Clients browse barbers, view availability, and book appointments. Barbers get a full dashboard to manage schedules, client notes, and portfolio work.
Real-time availability
Barbers can add or remove available time slots per day. Booked slots are locked automatically — no double bookings possible.
Barber portfolios
Each barber profile includes specialties, experience, and a portfolio of previous work samples so clients can choose with confidence.
Supabase backend
Production-ready PostgreSQL database with row-level security. The app falls back to local storage gracefully when Supabase isn't configured.
Fresha integration
One-tap booking opens the barber's Fresha link for confirmed appointments, reminders, and payment handling.
Admin approval flow
Barber profiles require shop admin approval before becoming visible to clients — ensures quality control over the barber directory.
04
Impact
Monaco Cuts went from a generic web presence to a full digital ecosystem. The new website tells the brand story immediately — the video hero, custom design, and SMS chat widget give clients a reason to engage before they even book. The iOS app extends that experience into a native, always-available tool that puts the shop in every client's pocket.
This project is a strong example of how NDGO approaches client work — understand the business, design for the real audience, and build tools that make daily operations smoother. From the site that greets new clients to the app that manages their return visits, every piece works together.
View more projects