01
Everything in a groom, up front
No add-on menu to decode. Each part of the groom has its own row, and on a computer a photo of that step follows the pointer down the list.
Mossie & Co.
Concept project: a fictional business, not a client
A concept site for a dog groomer, built to turn a visit into a booking.
- Project
- Dog grooming parlour, Cape Town (concept)
- Built with
- Next.js, TypeScript, CSS scroll-driven motion, Vercel
- Concept site at
- mossie-grooming.vercel.app
The brief
Mossie & Co. isn't a real business. I made it up to show what I'd build for a local service business like a groomer, salon or clinic. Owners booking a groom worry about cages, cost and nervous dogs, so every part of the page answers one of those worries and leads to a single action: book a groom.
- A price picker: choose your dog's size and coat, see the price and time
- The groom shown step by step, from hello to collection
- A booking form that takes a minute, prefilled from the price you picked
- Privacy, terms and PAIA pages, as a real South African business needs
What I built
02
Prices for your dog, not a table
Pick a size and a coat and every price and time counts to its new value. The groom that suits your dog is marked, and its button takes those choices straight into the booking form.
03
How a groom goes
The steps hold still while you scroll through them, and the photo changes with each one, so a nervous owner can picture the whole visit before booking.
04
Proof that dogs leave happy
A strip of freshly groomed dogs you can drag or flick, and reviews that stack up as you scroll. On a concept site the reviews are labelled as samples, never passed off as real.
Made for the phone first
Most visitors arrive on a phone, often on mobile data. Every screen is designed for a thumb first.
