Page: Success Stories

Code: STOR Route: /stories Access: Public Priority: P2 Status: In Scope

Purpose

Social proof through detailed case studies and testimonials from students, Student-Teachers, and Creators. Build trust and inspire action.

Connections

Incoming (users arrive from)

Source Trigger Notes
HOME "Success Stories" link or testimonials section Primary entry
ABOU "See Success Stories" link From about page

Outgoing (users navigate to)

Target Trigger Notes
CBRO "Start Your Journey" CTA Course discovery
BCMT "Become a Teacher" CTA (on teacher stories) Teacher recruitment
FCRE "Create a Course" CTA (on creator stories) Creator recruitment
SGUP "Get Started" CTA Registration

Data Requirements

Entity Fields Used Purpose
success_stories id, name, role, headline, story, stats, photo, course, video_url, featured Display success stories
courses title, slug Link to relevant courses

Sections

Hero

  • • Headline: "Real Stories, Real Success"
  • • Subheadline: "See how Peerloop is changing lives"
  • • Featured video testimonial (optional)

Impact Stats

  • • Total students taught
  • • Total earnings distributed
  • • Average completion rate
  • • Countries reached

Filter/Tabs

  • • All Stories
  • • Students
  • • Student-Teachers
  • • Creators

Story Cards

  • • Photo/video thumbnail
  • • Name and role
  • • Headline quote
  • • Key stats
  • • Read More link

Individual Story Modal/Page

  • • Full story text
  • • Video (if available)
  • • Before/after stats
  • • Course taken/created
  • • CTA based on story type

Final CTA

  • • "Write Your Own Success Story"
  • • "Get Started Today" → SGUP

User Stories Fulfilled

  • • US-G040: See success stories from real users
  • • US-G041: Understand potential outcomes before enrolling

States & Variations

State Description
Default All stories displayed
Filtered Stories filtered by role type
Story Detail Modal or expanded view of single story

Mobile Considerations

  • • Story cards in single column
  • • Filter tabs scroll horizontally
  • • Video plays inline

Error Handling

Error Display
Stories fail to load Show static fallback stories
Video fails to load Show static image instead

Analytics Events

Event Trigger Data
page_view Page load source, referrer
story_view Story expanded story_id, story_type
video_play Testimonial video played story_id
filter_change Filter/tab changed filter_type
cta_click Any CTA clicked cta_name, story_context

API Calls

Endpoint When Purpose
GET /api/stories Page load Fetch all success stories
GET /api/stories/:id Story expanded Fetch full story details

Notes

  • • SEO: Each story could be its own URL for SEO
  • • Video testimonials are most impactful
  • • Update stories regularly with fresh content