01 · Salon & spa
Book without calling
Booking app — services, calendar, confirm.
- 01
Services
Cut, color, treatments — duration and price shown.
- 02
Team
Pick your stylist and their real calendar.
- 03
Reminders
SMS the day before · reschedule in one tap.
01b · Engineering
Technical sheet
Stack, shipping and my role on this build — for recruiters and tech leads.
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Libraries & tools
- Framer Motion
- local state
- Deployment
/play demo — product journey without real API
- Role
Product · UI · business flows
- Context
Interactive demo app — clear product intent
02 · Inside the product
One scroll, one screen
Each section locks to the viewport — keep scrolling past the last screen to return to the brief.
Book without calling
Services
Cut, color, treatments — duration and price shown.
Team
Pick your stylist and their real calendar.
Reminders
SMS the day before · reschedule in one tap.
Choisir un créneau
Jeudi 12 mars · Créneau
Book an appointment
Next slots from tomorrow 10am.
“I booked highlights at 11pm from the couch.” — Chloé
Back to the brief
You’ve left the demo screens — next: try it, then the craft notes.
03 · Clients
No more “I’ll call back tomorrow”
“I booked highlights at 11pm from the couch.”
“No-shows clearly dropped at the salon.”
04 · Calendar
Book an appointment
Next slots from tomorrow 10am.
- →Hero + below-the-fold sections (not just a hook)
- →Visual hierarchy and primary CTA
- →Information density vs readability
05 · Same family
Other directions of the same type — to compare density and mood.
06 · What to look at
- 01Hero + below-the-fold sections (not just a hook)
- 02Visual hierarchy and primary CTA
- 03Information density vs readability
- 04Interactive states (hover, selection, feedback)