Based on your skin assessment, we've built a targeted routine for blemishes, texture, and post-blemish marks. These 5 products work as a system — each step preps and amplifies the next — using the same approach Dr Sam uses with patients in clinic.
Blemishes
Texture
Pigmentation
📐 Section 1 — Personalised Intro
The selfie sits alongside the headline in a row layout — it's a visual anchor that says "this is YOUR result, not a generic page." If no selfie was uploaded, this container hides and the headline takes full width. The concern pills at the bottom reflect the specific concerns they selected in the quiz (passed via Tangent.ai response data). The intro copy positions the routine as a SYSTEM immediately — "each step preps and amplifies the next" — before they see individual products.
🔧 Tangent.ai: Data from quiz response
Tangent passes the quiz response object which includes: selfie image URL (if uploaded), recommended routine type (clarity/radiance), primary concern, secondary concerns, and any skin analysis data. The intro section should be templated with these variables. If selfie is null, collapse the selfie container. If concerns array changes, the pills update accordingly.
Your 4-step system
What's in your Clarity routine
1
Cleanse
Flawless Cleanser
200ml (full) · 25ml (kit)
Gentle, barrier-supporting cleanse that removes impurities without stripping. pH 5.5 — protects what comes next.
☀️ AM + 🌙 PM
Product image
2
Activate
☀️ AM
Flawless Neutralising Gel
Reduces redness, spot size, and minimises future breakouts.
Product image
🌙 PM
Flawless Nightly Serum
Clears pores, reduces post-blemish dark marks, and prevents future blemishes.
Product image
3
Hydrate
Flawless Moisturiser Intense
50ml (full) · 25ml (kit)
Intense hydration and skin barrier support. Locks in actives and reduces any retinoid dryness.
☀️ AM + 🌙 PM
Product image
4
Protect
Flawless Daily Sunscreen SPF50
50ml (full) · 25ml (kit)
Broad-spectrum UV protection with an invisible finish. Protects results and works under makeup.
☀️ AM only
Product image
📐 Section 2 — The Routine: Education-first, not sell-first
This is the core rebalancing from the previous wireframe. Each product is presented within its STEP context (Cleanse → Activate → Hydrate → Protect), not as a shopping list. The Activate step shows both AM and PM products in a sub-row because the customer needs to understand why there are 5 products in 4 steps. Benefits are written in plain English, not ingredient lists. Timing badges (AM/PM) remove guesswork. Product images sit to the right but are secondary to the step explanation. The section heading says "What's in your routine" not "Buy these products."
Try your routine
The Clarity Kit — £37
Save 49%
Cleanser
Neutralising Gel
Nightly Serum
Moisturiser Intense
Daily Sunscreen
All 5 products above2 weeks supplyTravel sizesRoutine card included
£37
£72
Save 49%
Just £2.64/day for your complete routine
🔒 Secure checkout💛 Happiness pledge📦 Ships same day
📐 Section 3 — Kit CTA: Positioned naturally after the education
The kit CTA sits immediately below the routine breakdown. The customer has just seen all 5 products with explanations of what they do — the kit is the natural "try all of this" action. It references "All 5 products above" to connect directly to the education section. The "Routine card included" detail is a CX signal: you won't need to memorise anything. The CTA says "Try" not "Buy" — lower commitment language. This section is deliberately more compact than the previous wireframe's kit section because the heavy lifting (product education) has already happened above.
Your daily routine
How to use your products
1
Cleanse
Flawless Cleanser
Use 1 pump, massage for 1 minute (breathe!). Rinse with tepid water, pat the skin dry gently after cleansing.
2
Activate
Flawless Neutralising Gel
Use a ½ fingertip amount. Dot over your 'blemish zones' — anywhere you get spots or see red marks. Massage in. Avoid the eye area, lips, and nose creases.
💡 Start on alternate days, building to daily after 1 week as tolerated.
3
Hydrate
Flawless Moisturiser Intense
Where needed, when needed.
4
Protect
Flawless Daily Sunscreen
Follow directions on pack. Reapply every 120 minutes in direct sunlight. Seek shade and wear a hat between 11 AM and 3 PM — sun is the enemy.
1
Cleanse
Flawless Cleanser
Use 2 pumps, massage for 1 minute (breathe!). Rinse with tepid water, pat the skin dry gently after cleansing.
2
Activate
Flawless Nightly Serum
Apply half a pump all over using the 13 Dot Technique.
💡 Start on alternate days, building to daily after 1 week. After 3–4 weeks, try a full pump amount daily, as tolerated.
3
Hydrate
Flawless Moisturiser Intense
Use as much as you feel you need.
PDF
Download your Clarity Routine Card
Printable AM/PM routine guide — keep it by your mirror
↓
📐 Section 4 — How To Use + PDF: CX-driven education
This section serves two CX purposes: (1) It removes the "this looks complicated" objection by showing AM = 4 steps, PM = 3 steps with clear one-line instructions. (2) The downloadable PDF routine card gives them a tangible takeaway — something they can print and stick by their bathroom mirror. The PDF should be auto-generated based on their routine (Clarity or Radiance) so the products match. The retinoid onboarding note in the PM routine pre-handles the #1 anxiety for new retinoid users. This section sits AFTER the kit CTA deliberately — it reinforces the purchase decision rather than delaying it. "You've seen the products, here's exactly how to use them" builds confidence.
🔧 Tangent.ai: PDF generation
Tangent can either generate a dynamic PDF based on the quiz result, or we pre-create two PDFs (Clarity Routine Card, Radiance Routine Card) and serve the correct one based on the routine_type. The PDF should be branded, printable at A5, and include: product names, step numbers, AM/PM instructions, and a QR code linking back to their routine results page. Tangent's platform may also support emailing this PDF directly after quiz completion.
From Dr Sam
A message about your skin concern
▶
Dr Sam on blemishes and texture
"Blemishes aren't a life sentence. With the right routine done consistently, your skin can be clear, calm, and confident."
Dr Sam Bunting · Cosmetic Dermatologist
📐 Section 5 — Dr Sam Video: Concern-specific authority
This is a placeholder for a short (~60-90 second) video from Dr Sam, personalised to the primary concern. You'd need 2-4 videos: Blemishes, Texture, Pigmentation, Dullness/Fine Lines (or one per routine). The video sits after the kit CTA and how-to-use — it's reinforcement, not selling. The customer has already seen the products and the routine; now Dr Sam validates their concern and builds emotional connection. The pull-quote below the video echoes the "right routine, done consistently" messaging from the homepage hero. If video isn't available immediately, this section can launch with a static photo + quote and be upgraded later.
🔧 Tangent.ai: Video personalisation
Tangent's platform can display different video embeds based on the quiz response. Map the primary_concern from the quiz result to a video URL: blemishes → video_1.mp4, dullness → video_2.mp4, etc. If using YouTube/Vimeo embeds, the video ID can be passed as a variable. Fallback: a static image of Dr Sam with the concern-specific quote if video isn't ready at launch.
Real results
Clarity routine transformations
Before
After
✦ 6 weeks
"After 3 weeks, my skin was clearer than it had been in years."
Sarah, 28
✓ Verified · Clarity Kit → F365
Before
After
✦ 12 weeks
"I started with the kit. Within 2 weeks I knew I was going full-size."
Priya, 32
✓ Verified · Now F365 subscriber
Before
After
✦ 8 weeks
"I've tried everything. This is the first routine that actually worked as a system."
Jade, 25
✓ Verified · Clarity Kit
📐 Section 6 — B&As: Concern-matched social proof
Only Clarity results shown on Clarity results pages (and only Radiance on Radiance pages). Each B&A shows the journey: "Clarity Kit → F365" normalises the upgrade path. Ideally these would be dynamically filtered by Tangent based on the primary concern — blemish-focused B&As for blemish-primary customers, texture-focused for texture-primary. The "Verified" badges are important for paid traffic who may not trust the brand yet.
After you order
What happens next
📦
Your kit arrives with a routine card
Follow the AM/PM steps inside — it's the same guide you can download above. Ships same day.
Day 1
📧
We check in with tips
Expect guidance, encouragement, and product advice from the Dr Sam's team at key moments.
Day 7 + Day 14
✨
See your results
Most customers see visible improvement in texture and blemishes by now. Love it? Go full-size when you're ready.
Week 2-3
or go straight to full-size
The Clarity Set
Your full routine, full-size
One-time
£141
Save £26 vs individual
Flawless365
£133.60
Save £33.40 · 20% off
🔒 Full-size sets only available at drsambunting.com
📐 Section 8 — Upgrade Path: Present but not pushy
This is deliberately secondary — prefixed with "or go straight to full-size" for customers who already know they want the commitment. The two-column pricing (one-time vs Flawless365) creates a simple comparison without the complexity of the previous wireframe's toggle. The CTA says "View the Clarity Set" not "Buy" — it links to the set PDP where the full purchase flow lives. The DTC-exclusive lock icon reinforces the moat: full-size sets aren't available at Sephora or SpaceNK. This section should NOT dominate — the kit is still the primary conversion path for quiz completers.