Problem-Led IA Design

Navigation Structure

🏠 HOME
├── 🔥 INJURY & RECOVERY
│   ├── Acute Phase (Tendon, Muscle, Joint)
│   ├── Recovery Phase
│   └── Rebuild Phase
├── 🩹 PAIN & INFLAMMATION
│   ├── Joint Pain
│   ├── Systemic Inflammation
│   └── Nerve/Neuropathy
├── ⚖️ WEIGHT & METABOLISM
│   ├── Appetite Control
│   ├── Fat Loss
│   └── Metabolic Health
├── 💪 PERFORMANCE & STRENGTH
│   ├── Muscle Growth
│   ├── Endurance
│   └── Recovery
├── 🧠 MIND & COGNITION
│   ├── Focus & Concentration
│   ├── Mood & Stress
│   └── Neuroprotection
├── ⏳ LONGEVITY & AGING
│   └── Anti-Aging
├── ✨ SKIN & AESTHETICS
│   └── Skin Health
├── 🔬 ALL PRODUCTS (traditional catalog)
└── 📚 RESEARCH & GUIDES (blog archive)

Page Types

1. Problem Hub Page (e.g., /injury-recovery/)

• Hero: "Heal faster. Recover stronger."
• 3-4 phases of the injury journey as cards
• "Not sure where to start? Take our 30-second quiz"
• Trust signals: Janoshik COA badge, EU shipping, research-backed
• Featured protocol: "Most popular for injuries → BPC-157 + TB-500 stack"

2. Phase Page (e.g., /injury-recovery/acute-phase/)

• What's happening biologically: "In the first 72 hours, your body..."
• Recommended protocol for this phase
• Products inline with add-to-cart buttons:

`

┌─────────────────────────────────────────────┐

│ Phase 1: Acute Inflammation │

│ │

│ The first 3 days post-injury, your body... │

│ │

│ ┌─ Recommended ──────────────────────────┐ │

│ │ BPC-157 5mg [Add to Cart — €39] │ │

│ │ TB-500 5mg [Add to Cart — €45] │ │

│ │ BPC+TB Blend [Add to Cart — €65] │ │

│ └──────────────────────────────────────────┘ │

│ │

│ Dosage: 250mcg BPC-157 + 250mcg TB-500... │

└─────────────────────────────────────────────┘

`

• Cross-link: "If you're also dealing with chronic pain → see our inflammation guide"
• Next step: "Ready for Phase 2: Recovery →"

3. Product Page (e.g., /product/bpc-157/)

• Traditional product page with:
• COA viewer (Janoshik verification link)
• Research summary (3-4 lines)
• Reconstitution guide
• "Which protocol is right for you?" → quiz link
• "Often bought with: TB-500, Bacteriostatic Water"

4. Standard Catalog (/shop/)

• For power users who know what they want
• Search + filter by problem area, compound, price
• Grid view with quick-add

5. Protocol Quiz

• 4-7 questions:

1. What's your main goal? (Injury, Weight, Performance, Mind, Skin)
2. How long have you been dealing with this?
3. Any medical conditions? (Cancer, autoimmune, etc.)
4. How experienced are you with peptides?

• → Personalized protocol recommendation page

WooCommerce Implementation

This doesn't require a custom app. WooCommerce can do this:

Feature	Implementation
Problem categories as top-level nav	Create a "Problem Area" product category taxonomy. Display as mega-menu with phase subcategories
Phase pages	Pages (WordPress Pages, not Products) with ACF flexible content blocks. Products embedded via shortcodes [products category="bpc-157"] or WooCommerce blocks
Inline add-to-cart	WooCommerce AJAX add-to-cart shortcode or custom Gutenberg block
Quiz	Gravity Forms + GF Product Add-ons + GF Quiz — feeds results to a custom page
Bundles	WooCommerce Product Bundles plugin (by SomewhereWarm)
Conditional content	ACF + conditional logic via Pods or Toolset
Protocol pages	Custom post type "Protocols" with ACF (phase, problem area, related products)
COA viewer	ACF file field + lightbox plugin

The Flowchart Experience

Described as a linear page but structured as a flowchart:

Problem Hub Page
    ↓
[What stage are you in?]
    ↓
Acute → Recovery → Rebuild
    ↓
Each phase page IS a step in the flowchart
    ↓
Products embedded at each step
    ↓
"Next phase →" continues the journey
    ↓
Or "Back to problem overview"

The key: a user who clicks "Injury" never sees a product grid. They see a journey map. Products appear naturally at the exact moment they're relevant.

Mobile UX

The phase pages work perfectly as swipeable cards on mobile. Each phase is a card you swipe through — product buttons are prominent, sticky add-to-cart bar at bottom.