《Concept》 Barbershop with a grooming shop

Jun's Barberya

A seven-page website concept for a fictional Quezon City barbershop. Customers book a cut and pick their barber (Jun, Paolo or first available), browse a lookbook with a full-screen viewer, and shop pomade, matte clay, shampoo, beard oil and cologne. The cart lives in the browser and checkout writes an order request for Messenger or SMS with a GCash, Maya or COD preference: nothing is charged, sent automatically or reserved. Sample content; the photos are AI-generated (ChatGPT). The team is the cast of AyosGawa's Barberya AI drama.

Concept · 2026

Concept · fictional business · sample data

Jun's Barberya home page on desktop, a fictional Quezon City barbershop concept in a premium mall branch

The problem

"Boss, may bakante ba mamaya?" Barbers lose customers to slow replies and long walk-in queues, people can't tell which barber is free, and the pomade the barber recommends gets bought somewhere else after the cut.

Research

Checked 23 Oct 2026: international barbershop and grooming brands (booking-first sites, product shops with filters by hold and finish) and Metro Manila barbershops that take bookings through Messenger or walk-ins only. The pattern: booking and buying live on different sites, and few connect the cut to the product.

The idea

On this site, a haircut becomes a routine: book the barber you like, then take home the exact product he used. The shop filters by category and price, every product says which cut it suits, and checkout writes an honest order request instead of pretending to charge.

The story

  1. Story cover: Jun's Barberya, book a cut and shop the shelf
  2. Phone: home hero with Request a cut and Bag buttons
  3. Phone: shop filtered to Styling products
  4. Phone: Matte Clay product page, ₱550 sample price
  5. Phone: cart drawer with 2x Matte Clay, ₱1,100
  6. Phone: order request confirmation, 2x Matte Clay, nothing charged
  7. Phone: booking request Sat 3:00 PM, Fade, kay Paolo, no chair reserved
  8. Phone: about page with Jun, the owner-barber

Screens

  • Whole home page laid out in columns
  • Phone: Matte Clay product page
  • Phone: order request confirmation with delivery and GCash preference, not charged
  • Phone: booking request with Paolo chosen, a request and not a reservation
  • Whole shop page laid out in columns
  • Home page on desktop: a barber at work in a premium mall branch, "Fresh cut. Same you." and the two paths, request a cut or shop the shelf
  • Shop page on desktop: Matte Clay featured above the product grid with category filters
  • Matte Clay product page on desktop: 100 g, ₱550 sample price, hold and finish, add to bag

What it does for the business

Fewer booking messages to answer by hand, a clear "pick your barber" choice, and product sales that follow the cut, even on days the owner is not in the shop. Concept only: no live payments, reservations or stock.

Figures marked sample are illustrations, not real results.

How it's built

  • Two paths from the first screen: book a cut or shop the shelf.
  • Booking lets the customer pick a barber and says plainly it is a request, not a reserved chair.
  • Each product says which cut it suits (fade → matte clay), so the shop sells what the barber recommends.
  • The cart lives in the browser; checkout writes an order request with a payment preference, never a charge.
  • The site shares its cast with the Barberya AI drama, so the episode and the site point to each other.

Barbershop · E-commerce · Booking · Grooming products · Quezon City · AI drama tie-in