← Index | Mega Menu v2 — Consolidated Routes

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.

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.