Routines & Sets — Mega Menu
Desktop · Consolidated route blocks
Find My Routine
Routines & Sets
Products
Expert Advice
Clinic
Why this is better than v1
The v1 layout split things by product type: route cards in column 1, kits in column 2, sets below. The customer's brain doesn't work like that — they think "I have blemishes, what do I do?" This layout answers that question in one self-contained block. Every concern contains the full decision tree: learn about it (View routine →), try it (Kit @ £37), or commit to it (Set @ £141). Two blocks. Two concerns. No cross-referencing required.
The Flawless365 subscription price inside the set option
Notice "From £133.60 on Flawless365" sits as a sub-line on the Set card, not as a separate column or section. This is the right placement — subscription is a pricing mechanism for the set, not a separate product. The customer doesn't "shop for a subscription." They decide to buy the Clarity Set, and then they're offered the subscription price. It belongs contextually under the set, exactly as it appears on the PDP.
Separate "Products" menu (unchanged from v1) ↓
Find My Routine
Routines & Sets
Products
Expert Advice
Clinic
Routines & Sets — Mobile Menu
Hamburger · Consolidated route blocks
Mobile route blocks
On mobile the kit/set options sit side by side within the coloured block as compact cards. Thumb-friendly tap targets. The customer sees the full decision in one scroll: concern description → kit (try) or set (commit) → view full routine for more detail. No accordion nesting, no sub-menus — everything visible in the block itself.