PROJECT 2: AM I PERI? — CLINICAL HEALTH PLATFORM SCAFFOLD

You're building the marketing + discovery site for "Am I Peri?" — a health platform helping women identify and navigate perimenopause. THIS IS NOT FULL BUILD: This is a landing page + marketing site + initial symptom questionnaire scaffold. The goal is to show market readiness and attract clinical co-founders. POSITIONING: Am I Peri? is a consumer health platform combining a clinically credible symptom checker, peer community, educational content, and clinical referral pathways for perimenopause. TARGET AUDIENCE: Women 35-55, health-conscious, high earners, motivated to self-care, underdiagnosed with perimenopause. CORE PAGES: 1. HOMEPAGE (Hero + Value Props) Hero Section: - Headline: "Is it perimenopause? Finally, a straight answer." - Subheading: "The average diagnosis takes 4+ years. Most women feel dismissed. Am I Peri? gives you clarity, credibility, and a path forward." - CTA: "Check Your Symptoms" (big button) - Background: Soft image (woman in 40s looking thoughtful, warm lighting — not clinical, not fitness model) Value Prop Section (3 cards): - Card 1: "Clinically Accurate Symptom Checker | Not a quiz, not pseudoscience. Built with GPs and gyns." - Card 2: "Peer Community | Connect with women experiencing the same thing. Safe space, real stories." - Card 3: "Clear Clinical Pathway | Find practitioners who actually know perimenopause. Get referred, get diagnosed." Social Proof Section: - Testimonial quotes (3 x 60 words, from real beta users or similar health apps) - "This app saved me 3 years of doctor's visits and confusion" — Sarah, 46 CTA Section at bottom: "Get Early Access" (email signup form) 2. SYMPTOM CHECKER PAGE (Interactive Questionnaire) Flow: - Title: "What's Actually Going On?" - 15-20 symptom checkboxes (each with brief explanation) - Each symptom is clickable → expand explanation (one sentence plain English, not clinical jargon) - At bottom: "Calculate" button - Results page: Shows "Perimenopause Likelihood: High/Medium/Low" + summary + CTA "Get Connected to a Practitioner" 3. EDUCATION PAGE (Content Hub) - Header: "What is Perimenopause?" (plain language explainer) - Key sections: Timeline, Symptoms explained, What doctors get wrong, Test options, Treatment options - CTA: "Join community for support" 4. PRACTITIONER DIRECTORY (MVP = Simple Directory) - Map view (Australian locations) - List view: Filter by location + specialty (GP/Gynaecologist/Naturopath/etc.) - Each practitioner card: photo + name + credentials + specialty + review snippet + "Book with" link - NOTE: Start with 10-20 practitioners (manually curated, can partner later) 5. COMMUNITY PAGE (Scaffold) - Show concept: "Join 5,000+ women discussing perimenopause" - Display 3 sample discussion topics (read-only, signup required to post) - Signup CTA: "Join Our Community" DESIGN SYSTEM: - Colors: Primary #7b68a6 (warm purple, trust + femininity), Accent #d4876b (warm peachy-pink), Secondary #4a7c7e (teal, calm), Neutral #8a8a8a - Typography: 16px+ body, warm + approachable tone (not clinical sterile) - Imagery: Real women 40-55, diverse, in everyday settings (not gym/fitness) - Spacing: Generous, breathable layouts TECH STACK: - React + Tailwind - Interactive symptom checker (client-side, no backend yet) - Responsive (mobile-first) - Dark mode nice-to-have (not required) DELIVERABLES: - Homepage (hero + value props + social proof + CTA) - Symptom checker (15-20 symptoms, interactive, results page) - Education hub (3-4 sections, plain English content provided or placeholder) - Practitioner directory scaffold (10 sample entries, searchable/filterable) - Community page (concept, signup form) - Global navigation (consistent across all pages) ACCEPTANCE CRITERIA: ✓ Homepage is attractive + clear value prop ✓ Symptom checker is fully interactive ✓ Results page gives meaningful feedback (Likelihood assessment) ✓ Education content is readable + engaging ✓ Practitioner directory can filter/search ✓ All pages responsive (mobile + tablet) ✓ Signup forms work (collect email + basic info) ✓ Navigation consistent across all pages ✓ No janky interactions, smooth transitions TONE: Not clinical, not wellness-fluffy. Empowering, direct, "someone gets it." Start with homepage. Make it simple, direct, trustworthy.

Location: [Page name] Issue: [What's broken or looks wrong] Expected: [What should happen] Actual: [What's happening instead]