The Wow Studio — for Skinrules
Milestone 01 / 06 v1.4 Draft for review
Phase 01 — Discovery & Preparation · Week 1

sitemap &
navigation
architecture

For Jonathan & Ana
Project
Skinrules Shopify redesign
Prepared
1 May 2026 — by Reka, The Wow Studio
Phase
1 of 6 — Discovery & Preparation
Status
Awaiting your review & sign-off
Theme
BeauTech — confirmed
01 — Why

Four foundations behind every decision below.

Before laying out a single page, we anchored the navigation in what the audit and the discovery call told us. These four principles guided every trade-off — what to include, what to leave out, and how to organise it.

01

Conversion-first

Desktop converts at 0.20% while mobile converts at 3.29%. Every navigation choice funnels toward the purchase decision rather than away from it.Source: Mini Audit, last 90 days

02

Routine-logic

Seven products (max ten in year one) shown directly under Shop with their routine step visible — not hidden behind sub-collections. Customers shop by need, not by category type.

03

Transparency

Ingredients lives in the top navigation, not buried in a footer link. The rebrand's promise of radical honesty shows up in the structure itself.

04

Mobile-first

Mobile drives 85% of orders. The drawer is its own composition — a discount CTA above the fold, then nav — not a shrunken desktop menu.Source: Mini Audit, last 90 days


02 — What

The complete page tree.

Every page that will exist on the new site, grouped by function. Hover the small LINKS badge on any node to see the proposed internal cross-linking from that page.

The page tree below is what we're asking you to sign off on.
i The internal linking shown inside each "links" popover is indicative only — proposed cross-linking strategies that will evolve through the design and content phases.
★ Homepage
Shop collection landing — clicking opens All Products
Squalane Moisturiser moisturise ★ Hero — 45% revenue
Glow Oiloil21% revenue
Bakuchiol Face Oiloil
Hyaluronic Serumserum13% revenue
Niacinamide Serumserum10% revenue
Toning Misttone
Oil-to-Milk Cleansercleanse
The Complete Routine Bundle — Save £25
The Skinrules Story brand & founders
Ingredients & Sustainability the brand's honesty page
Field Notes editorial — articles, ingredient stories, founder notes
Article pages 1 template — used by every post
Help
FAQ + New page
Shipping & Returns ⚙ content migrated from existing site
Contact
Account Out-of-the-box theme template login · register · order history
Search Predictive results — search-bar driven
Legal ⚙ all content migrated from existing site
Privacy Policy
Terms & Conditions
Cookie Policy
★ HeroBestseller, prioritised throughout BundleAOV-lifting offer + NewDid not exist on the old site stepRoutine-step badge defaultTheme default — no custom design

03 — How much

Build scope at a glance.

The full sitemap above translates to ten unique page templates that need design and build. Everything else is either a duplicate use of those templates, content migrated from the existing site, or theme defaults we won't touch.

10

unique page templates to design and build.All within the agreed Phase 4 contract scope

Page Notes
01Homepagehero · bestseller spotlight · brand teaser · reviews · newsletter
02Collection — All Productsopens when Shop is clicked
03The Complete Routinebundle page · cards by routine step
04Product Pageused by all 7 products · tabs · cross-sell · reviews
05The Skinrules Storybrand narrative · founders · CTAs back to shop
06Ingredients & Sustainabilityhonesty page · sourcing · packaging
07Field Notes — indexchronological article feed
08Field Notes — articleused by every blog post
09FAQaccordion · new page
10Contactform · email · channels

Migrated content (no design work)

  • Privacy Policyexisting copy migrated to new theme template
  • Terms & Conditionsexisting copy migrated
  • Cookie Policyexisting copy migrated
  • Shipping & Returnsexisting copy migrated & lightly restructured

Theme defaults (out of the box)

  • Accountlogin · register · order history — basic theme template
  • Search resultspredictive search powered by Shopify
  • Cart & CheckoutShopify default with the free-shipping bar added

04 — Header

Primary navigation — desktop.

Four navigation items. Tested against the principle that fewer choices convert better. The Shop dropdown lists every product directly with its routine step visible — no separate sub-collections to click through. The Complete Routine bundle gets its own visual card on the right.

skinrules.co.uk
Free UK shipping over £30 · 10% off your first order

Products

  • Squalane Moisturiser ★ Bestseller moisturise
  • Glow Oil oil
  • Bakuchiol Face Oil oil
  • Hyaluronic Serum serum
  • Niacinamide Serum serum
  • Toning Mist tone
  • Oil-to-Milk Cleanser cleanse

The Complete Routine

Save £25
The Complete
Routine
Cleanse → Tone → Serum → Oil → Moisturise →

↑ Mega-menu shown in expanded state. Each product shows its routine step at-a-glance — bestseller called out with a small badge.


05 — Header

Primary navigation — mobile.

85% of your orders come from mobile, so the drawer is treated as its own design — not a stripped-down desktop menu. The 10%-off capture sits above the fold (it's the first thing thumbs reach), then navigation grouped by intent.

9:41● ● ●
10% off
your first order
your email SIGN UP →
SHOP
All Products
Squalane Moisturiser moisturise
Glow Oil oil
Bakuchiol Face Oil oil
Hyaluronic Serum serum
Niacinamide Serum serum
Toning Mist tone
Oil-to-Milk Cleanser cleanse
The Complete Routine →
THE SKINRULES STORY
INGREDIENTS
FIELD NOTES
FAQ
SHIPPING & RETURNS
CONTACT
MY ACCOUNT

Why this order, on mobile.

  1. Discount capture above the fold

    The drawer opens to a green block — the first place a thumb lands. It captures emails before the visitor decides to leave.

  2. Shop opens by default

    Eight in ten drawer opens are a buyer trying to find a product. Showing every product immediately — with its routine step — removes a tap.

  3. Three groupings, not one long list

    Shop · Brand · Help — visually separated by dividers. The eye scans groups faster than it scans flat lists.

  4. Account at the bottom

    Lowest priority for new visitors (the 90% of mobile traffic that drives sales). Returning customers know to look down.



07 — How

Five conversion choices baked into the structure.

Each decision below answers a specific gap the audit identified. Calling them out so the reasoning is on the record before we move into design.

i.

Squalane Moisturiser, everywhere.

The bestseller drives 45% of revenue. It carries a small "Bestseller" badge inside the Shop dropdown and a spotlight section on the homepage. Everywhere a visitor pauses, the strongest product is one tap away.

ii.

The Complete Routine in three places.

Bundles lift average order value. We surface "The Complete Routine" inside Shop (with a Save £25 visual card), as a dedicated homepage section, and again in the footer. Three exposures without making the header noisy.

iii.

Newsletter capture, three moments.

Passive in the announcement bar, prominent at the top of the mobile drawer, and persistent in the footer. The 10% discount Skinrules already promises now actually has somewhere to be claimed.

iv.

Ingredients in the header.

The new brand voice is radical transparency. Promoting Ingredients to a top-level navigation item makes that promise structural — not just a tone in the copy. It also gives the SEO-rich sustainability story a clear home.

v.

A real FAQ page.

The current site has none. A proper FAQ reduces customer service load, ranks for long-tail search, and removes pre-purchase doubt for the desktop visitor who's currently bouncing at 0.20% conversion.


08 — Not yet

What we're deliberately not building now.

Saying no is part of saying yes. These ideas are good — most will come back as growth opportunities once the foundation is live. Calling them out so they're on the record, not forgotten.

×

Routine Builder quiz

A skin quiz is a strong conversion tool but adds complexity and copy work. Better as a post-launch growth project, when we have launch data to brief it properly.

×

Subscribe & Save

Discussed in discovery as a future phase. The current direction is bundles instead, which the marketing strategy supports. Subscriptions stay on the post-launch growth list.

×

Wishlist

Adds an app and ongoing fees for a 7-product catalogue where saving an item is barely a step removed from buying it. Revisit when the range grows.

×

Multi-language & multi-currency

UK only at launch. Internationalisation is straightforward to layer on later if export demand grows.

×

Press & Stockists pages

Skipped unless there's enough press coverage and stockist breadth to fill them. A thin page hurts more than no page.

×

Custom blog taxonomy

Field Notes launches with a single chronological feed. Categories & tags can be added once there are enough posts to need filtering.

— Next

The theme is chosen. Over to you for one quick step.

Following the demo session, we've confirmed BeauTech as the theme for the redesign. I'm running my final validation on the template library in parallel — but the next move is on your end so we don't lose the week.

i.

Buy the theme through your Shopify admin

It must be purchased on your Shopify account, not mine. The Buy button sits next to BeauTech in your admin.

Online Store → Themes → Buy
ii.

Send us the theme price

Just a quick note with the figure — no screenshot needed. We'll deduct it from your final invoice.

Email to hello@rekavig.com
iii.

We deduct the cost

The theme is already included in the project price. The amount you paid Shopify comes off your final invoice at launch — net zero to you.

Reflected on launch invoice
iv.

Structural work begins

As soon as the theme is in your store, we install it on the dev preview and start building the structure approved here.

Phase 2 begins
Why through your admin and not mine? Since January 2026, Shopify no longer permits a theme bought on a developer's store to be transferred without a duplicate purchase fee — that would push the cost from ~£360 to ~£720. None of that is in scope, so going through your admin saves the difference.

What we need from you

  • Sign-off on this sitemap, or notes on what to revisit
  • Theme purchased through your Shopify admin
  • Confirmation of the "Field Notes" name (or an alternative)
  • Any pages we've missed that you'd like included

What's next from us

  • BeauTech template validation — finishing this week
  • Theme installed on the dev preview once you've purchased it
  • Homepage wireframe based on the approved structure
  • Content brief — what we'll need from you and when