Doc & Glo
New Website Plan
This document is confidential.
Enter the password to continue.
Incorrect password. Please try again.
Prepared by Headwinds — February 2026
Planning Phase
New Website Plan

A New Doc & Glo

This document outlines the proposed structure, pages, and sections for the new Doc & Glo Shopify store. A premium, mobile-first experience built to scale with the 12-month growth roadmap.

14 Homepage Sections
5 PDP Modules
6 Content Pages
100% Mobile-First
Shopify 2.0
Section-Based Architecture
CRO-Built
Conversion-First Design
Native
Subscriptions & Bundles
375px
Mobile-First Breakpoint
The Big Picture

Why a New Site — and What It Delivers

Why We’re Rebuilding

  • The product line has expanded significantly — hair care, supplements, tools, candles — but the site was built for a limited lineup
  • 80%+ of customers shop on mobile — the current experience doesn’t reflect that
  • Key revenue features (bundles, subscriptions, cross-sells) need native support, not app workarounds

What’s Different

  • Designed for mobile first (375px), then scaled up — not the other way around
  • Native subscriptions, bundles, and quantity breaks built into the theme — no app dependencies
  • Every page built for conversion: social proof, trust badges, smart cross-sells, and education at every touchpoint
  • Shopify 2.0 architecture — flexible, fast, and fully customizable from the admin

What We Expect It to Deliver

  • Higher conversion rate — from 2.53% toward 4.5% through CRO-focused design
  • Higher AOV — from ~$43 toward $55+ through native bundles and smart cross-sells
  • A platform that supports the full product catalog and scales with the 12-month growth roadmap
Discovery to Conversion

Homepage

Fourteen sections designed to take a visitor from discovery to conversion in a single scroll. Each section has a clear purpose.

# Section Purpose
1 Hero Banner Full-width lifestyle image with headline and primary CTA. Sets the brand tone immediately.
2 Scrolling Marquee Subtle animated text strip — brand keywords (HYDRATE · GLO · REFRESH). Adds energy without distraction.
3 Featured Products Curated product grid (8 products, 4 columns). This is the first purchase touchpoint.
4 Award Feature Highlight the Oprah Daily O-Ward win for the Body Scrub. Big, proud, unmissable.
5 Press Logos “As Featured In” — ESSENCE, VOGUE, Bustle, Hypebae, WWD, Teen Vogue. Instant credibility.
6 Social Proof Bar 4.8 average rating · 6,000+ happy customers · press mentions. One-line trust strip.
7 Value Propositions Three pillars: Sensitive Skin Friendly, Clean & Sustainable, Deep Hydration. Icon + short copy each.
8 Testimonials 3 customer reviews with star ratings, verified purchase badges, and optional product links.
9 Build Your Routine Three tiered bundles — The Essentials, Doc’s Kit, The Full Routine. Clear pricing, savings callouts, one-click add.
10 Comparison Chart “Doc & Glo vs. The Rest” — 6-row feature comparison. Reinforces the clean beauty positioning.
11 Subscribe & Save How it works in 3 steps + savings callout (5% off every order). Drives subscription sign-ups.
12 Founder Story Quote from Sloane with lifestyle image and CTA to About page. Humanises the brand.
13 FAQ Accordion 5 most common questions answered inline. Reduces purchase hesitation.
14 Email Signup “Take 10% off your first order” — Klaviyo-powered email capture.
Educate · Trust · Convert

Product Pages

Every product page is designed to educate, build trust, and convert. Five modules work together to tell the full product story.

# Section Purpose
1 Product Detail Image gallery (multi-angle, texture, lifestyle) · Title, price, description · Variant selector · Subscribe & Save toggle (5% off) · Add to Bag · Trust badges (7 certifications) · Key ingredients · Refillable callout · Founder quote · Accordions: Description, How to Use, Ingredients
2 Social Proof Bar Rating, customer count, press mentions. Same trust strip as homepage.
3 Complete Your Routine Cross-sell section with complementary products from the same category. “Add All to Bag” option.
4 Results Timeline “What to Expect” — Week 1, Week 2, Week 4 progress guide. Addresses the #1 churn driver by setting realistic expectations.
5 You May Also Like Shopify recommendation engine — 4 related products.
pH Level Display Product Size / Volume Breadcrumb Navigation JSON-LD Structured Data Sticky Add to Bag (Mobile) Junip Reviews Widget
Shop with Confidence

Collection Pages

A clean, filterable shopping experience designed for fast browsing and quick discovery.

Product Grid

  • 4-column grid (desktop) → 2-column (mobile)
  • Image hover swap for secondary angle
  • Title, price, star rating on every card
  • Quick-add button for fast purchasing
  • 16 products per page with pagination

Filtering & Sorting

  • Native Shopify filtering (type, price, availability)
  • Sort: Best selling, Price low/high, Newest
  • Collection header with description & product count
  • Breadcrumb navigation for SEO
Frictionless Checkout

Cart Drawer

A slide-out cart (no separate cart page) designed to increase AOV and reduce drop-off.

Cart Experience

  • Line items with thumbnail, title, price, quantity adjuster
  • Order note field
  • Trust badges in cart footer

Dual Incentive Tiers

  • Free shipping progress bar at $50
  • Free gift tier — “Add $X to unlock a free gift!”
  • Dynamic messaging updates as items are added

Upsells & Subscriptions

  • Contextual upsells — 20% off incentive
  • Subscribe & Save upgrade prompt per line item
  • Express checkout: Shop Pay, Apple Pay, Google Pay
Shopify 2.0

Every Section, Customizable

Everything is designed to work within Shopify 2.0’s section-based architecture — meaning every section is customizable in the theme editor without touching code.

Brand Storytelling

Content Pages

Six dedicated content pages that transform Doc & Glo from a product store into a brand experience.

About / Our Story

  • Founder section — Sloane’s story with lifestyle image, split 50/50 layout
  • Brand values grid — Clean Ingredients, pH-Balanced Science, Sustainability First
  • Sustainability story — Stats, certifications, and brand commitments

FAQ

  • Shipping & Orders (5 questions)
  • Products (6 questions)
  • Subscribe & Save (4 questions)
  • Refills & Sustainability (4 questions)
  • Hair Care (3 questions)

Organised into 5 categories with expandable accordions. Includes FAQPage structured data for Google rich results.

Clean Ingredients

  • Ingredient philosophy — “Our Ingredient Philosophy” with brand statement
  • Spotlight cards — Key ingredients with benefits and source info
  • Certification badges — Leaping Bunny, 100% Vegan, Dermatologist Tested, Clean at Sephora

Sustainability

  • Refillable packaging, responsible sourcing, eco-conscious production with stats
  • Embedded video feature showing the process

Routine Builder

  • Body Care (5 steps) — Cleanse → Exfoliate → Moisturize → Protect → Refresh
  • Hair Care (4 steps) — Reset → Strengthen → Nourish → Boost
  • Finishing Touches (2 steps) — Quick Refresh, Style
  • “Add All to Bag” at the bottom of each routine

Bundle Builder

  • The Essentials — entry-level bundle
  • Doc’s Kit — mid-tier, most popular
  • The Full Routine — best value, complete set
  • Quantity break pricing (2x save 10%, 3x save 15%)
  • One-click add to cart
Intuitive Browsing

Navigation Structure

A structured mega menu organised around Doc & Glo’s product categories, with a comprehensive footer.

Mega Menu

Category Items
Body Deodorant, Body Mist, Body Scrub, Body Lotion, Face Wipes
Hair Shampoo, Conditioner, Hair Oil, Supplements, Tools & Accessories
Candles No. 01 Santal, No. 02 Oud, No. 03 Cashmere Vanilla
Bundles & Sets Deodorizing Essentials Duo, Custom Bundle, Singles, Doubles
About Our Story, Clean Ingredients, Sustainability

Footer

Learn

  • About Us
  • Clean Ingredients
  • Sustainability
  • Routine Builder
  • Bundles
  • Journal (blog)

Get Help

  • FAQ
  • Contact
  • Shipping & Returns
  • Track Order
  • Refills

Plus: email signup, social media links, payment icons, legal links.

Beyond the Basics

Additional Features

Supporting features that round out the full shopping experience.

Announcement Bar

  • Rotating promotional messages across the top of every page
  • Supports countdown timers and dismissibility
  • Links per message

Blog / Journal

  • 3-column article grid, 9 per page
  • Individual article pages with full content layout
  • Designed to support the “Glo Forward” content strategy

Predictive Search

  • Search overlay with product, collection, page, and article results
  • Product image + title + price in search suggestions

Customer Accounts

  • Login, registration, account dashboard
  • Order history

Store Locator

  • Find Doc & Glo in stores near you
  • Map-based interface with search by location
  • Retailer details and directions

UGC Gallery

  • Customer photo gallery showcasing real results
  • Shoppable UGC — link photos to products
  • Social media integration (Instagram, TikTok)

Video Integration

  • Embedded video across PDPs and content pages
  • Supports Shopify-hosted, YouTube, and Vimeo
  • Autoplay with play button overlay
80% of Traffic

Mobile Experience

Designed mobile-first for the 80% of Doc & Glo customers who shop on their phone.

375px-First Design

  • Every component designed for 375px first, then scaled up
  • Sticky header with hamburger menu
  • Touch-friendly tap targets throughout

Mobile Shopping

  • Sticky “Add to Bag” bar on product pages
  • 2-column product grids on collection pages
  • Swipeable product galleries on PDP
  • Cart drawer works natively (no page redirect)
Built to Scale

Technical Foundations

Modern Shopify 2.0 architecture with performance and accessibility at its core.

⚙️

Shopify 2.0 Sections

Every section customizable in the theme editor without code

🎨

Premium Fonts

Self-hosted WOFF2, no Google Fonts dependency

📈

Structured Data

JSON-LD on products, FAQs, breadcrumbs, organization

🔌

App Blocks

Junip, Klaviyo, and future apps via theme editor

⚡

Performance

Font preloading, lazy loading, deferred CSS

♿

Accessibility

Semantic HTML, ARIA labels, keyboard nav, screen reader support

What’s Next

Ready to Glo

This plan covers the full website structure. Additional features such as a loyalty program can be layered in as the brand scales.

Prepared by Headwinds — February 2026

Planning / Architecture Phase