PDP Wireframe v2 — Routine-Aware Product Page

📱 Mobile-Only: Social Proof Bar Not on desktop. On mobile this sits right below the fold — the first thing users see when they start scrolling past ATC. Four compact stats: review count, rating, repurchase rate, and average time to results. The "6 wks" stat plants a retention seed — "I need to commit to see results." The 94% repurchase rate is a powerful signal for subscription conversion.

📱 Mobile-Only: Swipeable Ingredient Highlights Replaces the desktop accordion "Key Ingredients" section with a horizontal scroll of visual cards. Mobile users scroll horizontally instinctively. The pH 5.5 card is styled differently (green border) to draw attention — it's the differentiator vs. Cerave/La Roche-Posay. Each card is effectively a micro-education moment without requiring a tap.

🔄 Now Included: Accordion (was missing) Previously absent from mobile. How to Use content is restructured into AM/PM format with routine step references — reinforcing the system. Added Delivery & Returns section that wasn't on desktop either (mobile users care more about delivery info — they're often impulse-buying).

📱 Mobile-Only: Swipeable B&A Cards Neither desktop nor previous mobile had this. Horizontally scrollable B&A cards with: split image, customer name/age, mini-testimonial, route tag, and F365 subscriber badge. Every B&A is tagged "Clarity Route · F365 Subscriber" — the conversion logic is: "results require the routine, and the routine requires F365." The quote from Priya specifically references the cleanser's role ("prep makes everything else work better") — content-matched to the current product. This section could be powered by UGC from Okendo or a custom Shopify metafield collection.

🔄 Now Included: Full Routine Visual (was missing) The 4-product routine grid now appears on mobile in a 2×2 layout (arrows hidden). Same price cascade as desktop: £167 → £141 → £133.60. CTA buttons stack full-width on mobile. "You're here" label anchors position within the system.

🔄 Now Included: Route-Tagged Reviews + Filter Pills (was missing) Reviews section now on mobile with two additions that desktop doesn't have: (1) horizontal scroll filter pills to filter by route, photo, or F365 status, and (2) "F365 Subscriber" badge on reviews from subscribers. The filter pills serve a dual purpose — they let users find relevant reviews AND they expose the concepts of "routes" and "F365" to customers who might not have encountered them yet. The "F365 Subs" filter is a subtle but powerful conversion nudge.

🔄 Now Included: "Complete Your Step" (was missing) Horizontal scrollable product cards on mobile. "Your Next Step →" in red guides the cross-sell. Cards are 140px wide so ~2.5 are visible at once, prompting the swipe.

📱 Mobile-Only: Product FAQ Desktop doesn't have this. On mobile, FAQs serve as a conversion objection handler — each question addresses a real purchase barrier. "Can I use this without the routine?" directly answers the #1 hesitation for single-product browsers while nudging toward the set. "How long does one bottle last?" seeds the subscription frequency. "What's Flawless365?" is the soft intro to the subscription concept for users who didn't engage with the sub toggle above. These should be product-specific Shopify metafields — the Nightly Serum FAQ would address purging, the SPF would address re-application, etc.

📱 Mobile-Only: Frequently Bought Together with Social Proof Stat "78% of Cleanser buyers also bought the Nightly Serum within 30 days" — this is a powerful conversion stat that could be pulled from Shopify order data. It reframes the cross-sell from "we want you to buy more" to "this is what everyone does." The "Add Both" button at F365 pricing (£48.80 vs £61.00) bundles Step 1 + Step 2 as the minimum viable routine. This is the mobile equivalent of the "Frequently Bought Together" module from Amazon — but framed as routine completion rather than random association.