Studio concept
A concept site for a Georgetown groomer that answers the owner’s worry first
Atelier Canin is a salon we made up to test how a premium groomer could sell a visit online. We designed and built a one-page site that reads like a magazine: it opens with what owners fear, shows the result as a before and after people drag themselves, and books a visit in five fields.
- Concept
- Atelier Canin
- Location
- Washington, DC, USA
- Industry
- Pet grooming
- Year
- 2026
- Services
- Website, Online booking, Art direction
fields to book a visit, the date picked on a calendar
chapters, from the owner's worry to the FAQ
languages, English and Russian, on one switch
third-party scripts: the site is one HTML file and its photos
The challenge
We set ourselves the brief of a premium grooming salon in Georgetown, Washington, DC: fill the week with owners who pay for care, not for a quick trim. Owners leave a dog they love with strangers for hours. They worry about stress, rough hands and a cut that ignores the breed, and a typical salon site answers with a price list and a phone number.
Our approach
We built the page as a short magazine in ten chapters, with large serif type and calm colours. It starts with the owner's worries in their own words, answers them with three principles, then lets the visitor drag a line across a before and after photo. Prices, recent work, sample reviews and the booking form follow on the same page, so nobody has to call to book.
Owners don’t book a haircut. They book someone they trust with their dog.
What we did
01
The owner's worry first
Right after the credentials, the page names four worries in the owner's words: a cut by guesswork, a stressed pet, an uneven result and the fear of handing a companion to a stranger. The method answers them with three principles: a gentle approach, the breed standard and one guest at a time.
- Four worries in the owner's words
- Three principles that answer them
- Chapter marks I to X on desktop
- Five FAQ answers in native accordions
02
Before and after you drag
A slider puts before and after in one frame: drag the line with a mouse or a finger. It nudges itself once when it scrolls into view, so people see that it moves. The demo uses stock photos and says so under the slider; a live site would show the salon's own dogs.
- Drag with a mouse or a finger
- One nudge on first view
- A note that the photos are stock
- Seven recent works in a side-scrolling strip
03
Booking in five fields
Name, phone, breed, date and service, on the same page as the prices. The date comes from a calendar that switches off past days, and the form marks any field left empty. In the demo, a message says plainly that nothing was sent.
- 5 fields, breed included
- Calendar with past days switched off
- Empty fields marked before sending
- An honest demo message: nothing is sent
Live demo
nextgensoft.co/concepts/atelier-canin
What the demo shows
- 01A salon page that starts with the owner’s worry and answers it before the price list
- 02Before and after as a slider people drag themselves, on a phone as well as a desktop
- 03Booking in five fields on the same page, with a calendar and checks for empty fields
- 04Sample reviews and stock before and after photos, both labelled, ready for the salon’s own
Built with
- Website
- One HTML file · CSS · vanilla JavaScript
- Interactions
- Before and after slider · custom calendar · side-scrolling gallery
- Languages
- English · Russian, on one switch
- Type
- Fraunces · Instrument Serif · Inter Tight · JetBrains Mono
Services in this case
Next case · Encore
Website, CRM and AI call notes for a Dubai agency
Let's talk
Got a project? Let’s scope it in 30 minutes.
Tell us what you're building. You'll get a straight answer on timeline, team and approach on the first call.