CS Case study
Morrow Skin
A consultation-first skin and laser experience that helps clients find the right place to begin — without forcing them to pick a treatment first.
Morrow Skin doesn’t exist — the hesitation of the people it would serve does. This study follows a first-time visitor from “something about my skin bothers me” to a booked consultation, without once asking them to know the treatment menu better than the clinicians do.
The problem with treatment menus
Clinic websites are usually organised like internal service catalogues: peels, lasers, needling, radiofrequency, each with its own page and price tier. The taxonomy is the clinic’s, not the visitor’s.
A new visitor arrives speaking problem: pigmentation that concealer stopped covering, redness that flares without warning, texture no serum has touched, hair they’d rather be rid of. Asking that person to select between a peel and a laser hands them a translation task with a paid outcome attached. Many respond reasonably: they bookmark the site and think about it later.
The menu isn’t wrong as reference material. It’s wrong as a front door.
Start with the concern
The concept’s front door is a short Concern Guide built on one philosophy:
concern → preference and context → a starting point for consultation
Not: concern → algorithm decides your treatment.
The guide asks what brings the visitor in, how their skin has behaved, what they want to achieve, and what constraints they carry — downtime they can’t afford, events ahead, past treatments that went badly. It organises those answers into a profile written for a clinician to read.
At no point does it name a procedure as the answer. Software that implies it can choose your treatment is pretending; the guide is designed to be honest about where its competence ends.
Guidance without diagnosis
Every label in the guide is deliberately conservative. Outcomes say “worth discussing”, not “recommended for you”. Where a concern could plausibly belong to several service areas, the guide suggests the consultation type that fits the conversation — a skin analysis first, a laser-specific consult when the context points there — and says why in one sentence.
This mirrors what good reception staff already do on the phone: organise the visitor’s words into an appointment the clinic can serve. The interface just does it at midnight, without putting anyone on hold, and without practising a profession it doesn’t hold.
Trust without social proof
Consumer-health sites usually reach for reassurance the loud way: testimonial walls, star ratings, dramatic before-and-after sliders.
In Australia that instinct carries extra weight — advertising for health services faces real constraints around testimonials and therapeutic claims, which makes transformation theatre not just tacky but legally fraught. This design was shaped by current Australian guidance and deliberately avoids several of the highest-risk advertising patterns. It is design commentary, not legal advice.
What remains when the proof theatre leaves:
- Clarity — plain descriptions of what each consultation covers and roughly what things cost to explore.
- Consultation as the default first step — the product being booked is a professional conversation, not a promise.
- Expectations — language that treats results as gradual, individual and sometimes multi-session.
- Alternatives — including the possibility that the right outcome today is no treatment at all.
- Downtime information — stated up front, because hiding recovery is how clinics lose repeat trust.
- Transparent next steps — who makes contact, when, and what happens in the room.
None of that requires a single invented face, rating or transformation photograph.
Booking without losing context
When the visitor chooses to book, the profile travels:
concern profile → suggested consultation type → sample appointment times → contact details → structured booking context
Contact fields come last and appear exactly once. The guide’s answers prefill everything reception would otherwise re-ask, and the clinic receives the organised version — concern, context, constraints, preferred consultation — alongside the slot. The conversation starts already holding its notes.
Premium without performance theatre
The visual direction bets on restraint: a serif display voice set large, unhurried whitespace, hairline structure, one deep accent used sparingly, and motion limited to state changes.
No 3D, no scroll choreography, no glow.
That restraint is the argument. In consumer health, premium reads as calm competence — a clinic confident enough to explain rather than perform. The concept treats typography and spacing as the entire special effect, which conveniently is also the fastest-loading kind.
How it would be built
Stated as engineering intent, consistent with how this site itself ships:
- Static-first, on Astro. Content pages pre-render through the same collection pipeline serving this case study.
- Local state only. The guide and booking flow hold their state in the browser; steps hand off through small custom events rather than shared mutable objects, keeping either side replaceable.
- Deterministic demo availability. Appointment slots come from fixed sample data generated locally, so the demo behaves identically on every visit and depends on no calendar backend.
- Minimal client JavaScript. The site baseline stays near a kilobyte; scripting belongs to the guide-and-booking island alone.
- Accessible forms throughout. Labels, hints and errors wired through the design system’s field primitives; keyboard operability and visible focus treated as features.
- Local-only privacy behaviour. Completing the demo booking sends nothing anywhere: confirmation renders on screen and clears when the tab closes.
- A lazy Live Project Player. The build below mounts through the existing player facade — poster until requested, then an isolated sandboxed frame you can eject or reload.
Why this concept exists
This concept demonstrates how a high-trust consumer service can reduce uncertainty before booking without pretending software can make the professional decision.
It also records a position we take on regulated sectors: clarity persuades more durably than performance, official guidance shapes the interface instead of being worked around, and the professionals keep the professional judgment while the website handles the vocabulary.
If your clinic’s homepage currently opens with a price list of procedures, this page is the shortest possible introduction to how we would rebuild it.
LIVE Live concept build
Open the thing itself.
Walkthroughs summarise; they also flatten. The build below runs in this page — start with any of these:
- Explore a concern — pigmentation, redness or texture — and see the guide ask about context, never procedures.
- Carry the concern profile into booking and read the suggested consultation type it selects.
- Complete a booking against sample availability — nothing leaves the browser.
Morrow Skin — interactive concept build
Concept build · Skin & Laser / Consumer Health