CASE STUDY
  • Hair & Scalp Wellness eCommerce

How Progen Global Increased Product Page Engagement by 3.9×

ProGen Global

2013

Shopify Dev · UX Design · CRO

Hair & Scalp Wellness

+61%

Conversion Rate Uplift

Post-launch vs. baseline period

3.9×

Product Page Engagement

Avg. session depth on PDPs

−42%

Cart Abandonment

Reduction via funnel rebuild
About the Brand

Advanced Hair & Scalp Wellness Since 2013

ProGen Global is a hair and scalp wellness brand focused on delivering innovative solutions for thinning hair, scalp health, and hair strengthening. The company offers specialized hair care products formulated with active ingredients and plant extracts designed to promote thicker, healthier hair and improved scalp conditions.

Founded in 2013 with its Nutrifuse wet-line hair care products — created to restore moisture, softness, and shine to chemically processed hair — the brand has since expanded into a broader portfolio addressing thinning hair and scalp health through science-led formulation.
  • Platform
  • Shopify
  • Category
  • Hair & Scalp Wellness
  • Founded
  • 2013
  • Hero Product
  • Nutrifuse Wet-Line System
  • Speciality
  • Scalp Health & Thinning
  • Partnership
  • Active
Project Goals

What We Set Out to Achieve

Communicate Scientific Credibility

Translate the complexity of scalp biology and active-ingredient formulation into clear, accessible content that builds genuine buyer confidence without overwhelming the shopping experience.

Concern-Led Product Discovery

Help customers find the right treatment quickly — whether they're addressing thinning, moisture loss, scalp health, or hair strengthening — reducing hesitation and decision fatigue at every step.

Drive System & Bundle Adoption

Shift customers from buying individual products to adopting complete multi-step treatment systems that deliver better outcomes, build routine habits, and meaningfully increase average order value.

Seamless Mobile Experience

Rebuild the mobile journey end-to-end — from landing page through checkout — with fast load times, intuitive navigation, and a frictionless path to purchase on any device.

Challenges

The Obstacles Blocking Growth

01

High-Science, Low-Trust Category

Hair thinning and scalp treatments are deeply personal concerns where skepticism runs high. The website needed to surface clinical credibility, ingredient transparency, and real results — fast — before visitors bounced.

02

Complex Multi-Product Systems

ProGen Global's treatment systems span shampoos, conditioners, serums, and leave-in products used in sequence. Communicating the combined benefit of a full system — not just individual items — was a key UX and copy challenge.

03

Competing in a Crowded Market

The hair wellness space is saturated with brands making bold claims. Standing out required positioning ProGen Global's scientific foundation, ingredient specificity, and treatment efficacy as genuinely differentiated — not just another supplement.

Scope of Work

Everything We Delivered

01 — Strategy

UX Strategy

Customer journey mapping, hair wellness persona research, funnel audit, and conversion architecture planning across all key store templates.

02 — Design

UX/UI Design

Clinical-yet-approachable UI design system, ingredient education modules, treatment system page templates, and mobile-first component library.

03 — Development

Shopify Development

Full Shopify theme build, concern-based navigation, bundle and system builder logic, third-party app integrations, and performance optimization throughout.

04 — Growth

Store Optimization & CRO

Performance improvements, Core Web Vitals tuning, A/B testing framework setup, heatmap analysis, and post-launch iterative improvements.

Process Timeline

From Brief to Launch

1
Week 1–2

Discovery & Brand Audit

Deep dive into ProGen Global's product range, treatment systems, customer personas, competitive positioning, and existing Shopify analytics to identify conversion blockers and define the strategic direction.
Deliverable: Strategy & UX Brief
2
Week 3–4

Information Architecture & Wireframes

Concern-based navigation taxonomy, treatment system page hierarchy, ingredient education content placement, and low-fi wireframes for Homepage, PDP, System Page, Bundle, and Category templates.
Deliverable: IA Map + Wireframe Deck
3
Week 5–7

Visual Design System

High-fidelity UI design blending clinical precision with approachable warmth — full design system, ingredient callout components, results timeline UI, and system overview page templates.
Deliverable: UI Kit + Design Specs
4
Week 8–12

Development & Integration

Shopify theme build, bundle/system builder logic, Klaviyo and review app integrations, image optimization pipeline, performance tuning, and comprehensive cross-device QA testing.
Deliverable: Staged Store + QA Report
5
Week 13+

Launch & Ongoing CRO

Phased store launch, real-time performance monitoring, heatmap and session replay analysis from day one, and iterative A/B testing to continuously improve conversion performance.
Deliverable: Ongoing Engagement
The Solution

Science Made Shoppable. Trust Built at Every Step.

Education-First Product Architecture

Every product page rebuilt to lead with the science — active ingredients, mechanism of action, and scalp health context — before the buy button. Education reduces hesitation; trust closes the sale.

  • Ingredient spotlight with clinical sourcing notes
  • Root-cause education panels per concern type
  • Results timeline: what to expect at 30, 60, 90 days
  • Dermatologist and formulator credential callouts

Treatment System Discovery

Restructured the entire catalog around complete treatment systems — not just individual SKUs — so customers naturally adopt a full regimen rather than purchasing one product at a time.

  • Dedicated system overview pages for each routine
  • Step-by-step regimen builder on collection pages
  • Concern-based product filters (thinning, moisture, scalp)
  • "Build Your System" bundle selector on PDPs

Conversion-Focused Bundle Strategy

Redesigned the bundling experience to make complete multi-step systems the obvious, value-led choice — with clear savings messaging, routine benefits, and frictionless add-to-cart logic.

  • Bundle savings calculator on system pages
  • Side-by-side single vs. system comparison modules
  • Subscribe & save for routine continuity
  • Frequently bought together via Rebuy on every PDP

Mobile Performance Overhaul

A ground-up mobile-first rebuild — every screen from landing to checkout optimised for thumb ergonomics, fast rendering, and zero friction on the path to purchase from any device.

  • Sticky add-to-cart on mobile product pages
  • Streamlined checkout with fewer steps
  • Progressive disclosure for long science content
  • WebP + srcset image pipeline for fast mobile load

Tech Stack

The Tools Behind the Build

Shopify

eCommerce platform

Liquid + Alpine.js

Theme framework

Judge.me

Reviews & social proof

Klaviyo

Email & SMS flows

Rebuy

Product recommendations

Google Analytics 4

Analytics & attribution

Hotjar

Heatmaps & session replay

Google Optimize

A/B testing platform

Results

The Numbers That Prove It

+61%

Conversion Rate Uplift

Driven by education-first product pages, treatment system architecture, and a rebuilt mobile checkout funnel — measured over the first 90 days post-launch.

3.9×

Product Page Engagement

Shoppers spent significantly more time interacting with ingredient callouts, results timelines, and system overview modules — driving higher confidence and add-to-cart intent.

−42%

Cart Abandonment Rate

The streamlined mobile checkout, sticky add-to-cart bar, and trust signals placed at the final step dramatically reduced drop-off at the most critical conversion point.

$112

Average Order Value

The treatment system architecture and Rebuy-powered "complete your routine" recommendations lifted AOV from $48 to $112 — a 133% increase per transaction within the first quarter.

Reviews

What Our Clients Say

★★★★★
"WebContrive tackled the hardest part of selling hair wellness online — making the science feel credible without making the shopping feel like a research project. The new store does both, and the results in the first quarter have been unlike anything we'd seen from the previous site."
H
Digital Growth & Brand Leadership · Hair & Scalp Wellness
GET STARTED

Ready to Build a Store That Actually Grows?

Book a free 30-minute strategy call. We'll understand your business goals, review your current setup, and help you create a clear plan for growth.

No pressure. No commitments. Just a meaningful conversation about your brand and next steps.