Page: How It Works

Code: HOWI Route: /how-it-works Access: Public Priority: P0 Status: In Scope

Purpose

Explain the Peerloop learning model in detail - the learn-teach-earn flywheel, how sessions work, and what makes peer learning effective. Convert curious visitors into enrolled students.

Connections

Incoming (users arrive from)

Source Trigger Notes
HOME Header 'How It Works' link or Hero section Primary entry
ABOU "Learn more about how it works" link From about page

Outgoing (users navigate to)

Target Trigger Notes
SGUP "Get Started" CTA Primary conversion
CBRO "Browse Courses" CTA Course discovery
BCMT "Become a Teacher" link Teacher recruitment
FCRE "For Creators" link Creator recruitment
FAQP "Have questions?" link FAQ for more info

Sections

Hero

  • • Headline: "Learn. Teach. Earn."
  • • Subheadline: "A revolutionary approach to education that works for everyone"
  • • Animated flywheel illustration

The Journey - Step by Step

  • • Step 1: Enroll - Choose a course that interests you
  • • Step 2: Learn - Work with a certified Student-Teacher
  • • Step 3: Practice - Complete assignments and projects
  • • Step 4: Get Certified - Pass the course and earn your certificate
  • • Step 5: Teach (Optional) - Apply to become a Student-Teacher
  • • Step 6: Earn - Make 70% of session fees while helping others

For Students

  • • How to find and enroll in courses
  • • What a typical session looks like
  • • How progress tracking works
  • • Support available during learning
  • • CTA: Start Learning → CBRO

For Student-Teachers

  • • Requirements to become a Student-Teacher
  • • The certification process
  • • How sessions and scheduling work
  • • Earning potential (70% commission)
  • • CTA: Become a Teacher → BCMT

For Course Creators

  • • How to create and publish courses
  • • Building your Student-Teacher network
  • • Revenue model (15% royalty on sessions)
  • • Tools and support provided
  • • CTA: Create a Course → FCRE

Why Peer Learning Works

  • • Recency: Teachers who just learned understand the struggles
  • • Relatability: Peers speak the same language
  • • Affordability: Lower costs than professional tutors
  • • Scale: Every student can become a teacher

Video Explainer (Optional)

  • • 2-3 minute video walking through the platform
  • • Real student and teacher testimonials
  • • Screen recordings of the experience

FAQ Preview

  • • 3-4 most common questions with answers
  • • "See all FAQs" link → FAQP

Final CTA

  • • "Ready to start?" → SGUP
  • • "Browse courses" → CBRO

User Stories Fulfilled

  • • US-G002: Understand how the platform works
  • • US-S001: Understand how to find and enroll in courses
  • • US-T001: Understand the path to becoming a Student-Teacher

States & Variations

State Description
Default Standard page for all visitors

Mobile Considerations

  • • Steps become vertical timeline
  • • Role sections stack with accordions
  • • Video maintains aspect ratio
  • • Flywheel animation simplified for performance

Error Handling

Error Display
Video fails to load Show placeholder image with link to video

Analytics Events

Event Trigger Data
page_view Page load source, referrer
section_view Section scrolled into view section_name
video_play Explainer video played video_id, timestamp
cta_click Any CTA clicked cta_name, destination, section

Notes

  • • SEO: Target 'how peer learning works', 'learn and earn platform'
  • • Consider interactive elements to keep engagement high
  • • A/B test different CTA placements