User Journey Overview

Explore how learners and administrators experience the Momentum Learning Platform. Two distinct journeys designed to create value at every touchpoint.

2

User Personas

24

Frontend Pages

8

Admin Sections

4

Dashboard Tabs

📚

Learner Journey

🔒

Sign Up

Create account or social login

🔍

Discover

Browse & enroll in courses

🎓

Learn

Complete daily lessons

🏆

Achieve

Earn badges & certificates

🛠

Admin Journey

📊

Dashboard

Monitor platform health

📝

Manage

Courses, lessons, users

🤖

Generate

AI-powered content creation

📈

Analyze

Insights & performance

🌱 The Learning Experience

Momentum delivers bite-sized, daily lessons designed for busy professionals. With courses spanning 7, 14, or 21 days, learners build consistent habits while earning achievements. Our gamification system keeps motivation high with 15 unique badges across 4 tiers, streak tracking, and personalized recommendations.

🤖 AI-Powered Administration

Administrators harness the power of Amazon Bedrock (Claude) to generate complete courses in minutes instead of weeks. The comprehensive admin panel provides 8 dedicated sections for content management, user administration, and real-time analytics - all designed to scale educational content effortlessly.

User Personas

Understanding who uses Momentum and what drives their goals helps us design better experiences for everyone.

👩‍💼

Sarah the Learner

Marketing Professional

Goals:

Learn new skills in manageable chunks
Fit learning into a busy schedule
Track progress and earn achievements
Get personalized recommendations
Access courses on any device

👨‍💻

Alex the Admin

Content Manager

Goals:

Create courses quickly with AI assistance
Manage large content catalogs efficiently
Monitor learner engagement and success
Maintain quality while scaling content
Make data-driven decisions

Access Levels & Permissions ▼

👤

Free User

Basic Access

Access to free courses only
Basic progress tracking
Limited badge collection
Email support

⭐

Premium User

Full Access

Full course catalog access
Advanced analytics
All badges & achievements
Priority support

👷

Administrator

Full Control

Complete admin dashboard
AI content generation
User & course management
Platform analytics

🔒 Sign Up & Login

The learner journey begins with a frictionless authentication experience, supporting both traditional and social login methods.

1

🏠 Landing Page Discovery

Users arrive at the homepage featuring course highlights, testimonials, and compelling calls-to-action that showcase the platform's value.

Hero Section Course Highlights Social Proof

momentum.cloudnnj.com

/ - Landing page with "Get Started" CTA

2

📝 Account Creation

New users can register with email/password or instantly sign up using their existing Google, Facebook, or Apple accounts.

Social Login Email Verification Password Strength

Sign Up Form

/auth/signup
Full name | Email | Password (8+ chars)
[Google] [Facebook] [Apple] buttons

3

✅ Email Verification

For email/password signup, users verify their email address through a confirmation code sent to their inbox.

6-digit Code Resend Option Auto-redirect

4

🔓 Sign In

Returning users sign in with credentials or social accounts. The login page displays platform statistics to reinforce credibility.

Remember Me Forgot Password OAuth Callback

Sign In

/auth/signin
Stats: 50K+ learners | 10K+ courses | 95% success

Social Login Providers ▼

G

Google

One-click signup with Google account. Automatically imports name and verified email.

f

Facebook

Connect with Facebook for instant registration. Profile data mapped automatically.



Apple

Sign in with Apple ID with privacy-focused email relay option.

🔍 Browse & Discover

After authentication, learners explore the course catalog with powerful search and filtering tools to find the perfect learning path.

📚 Browse Catalog → 🔎 Search & Filter → 📄 View Details → ✓ Enroll

1

📚 Course Catalog

Browse all published courses displayed as visual cards showing title, description, duration, and category. Smart loading with skeleton states.

Course Cards Category Tags Duration Badges

All Courses

/courses
Search | Category Filter | Duration Filter
[Course Card] [Course Card] [Course Card]...

2

🔎 Search & Filter

Real-time search with 300ms debounce, category filtering, and duration filters (7, 14, or 21 days) help users find exactly what they need.

Live Search 6 Categories 3 Durations

3

📄 Course Details

View complete course information including learning outcomes, curriculum breakdown by week, intro video (if available), and instructor details.

Curriculum Preview Learning Outcomes Intro Video Instructor Info

Course Detail

/courses/[id]
Title | Description | What You'll Learn
Week 1 Curriculum | Week 2 | Week 3...
[Enroll Now] or [Continue Learning]

4

✓ Enrollment

Free courses allow instant enrollment. Paid courses guide users through a checkout flow. Already enrolled? See "Continue Learning" button.

Free Instant Enroll Paid Checkout Enrollment Status

📁

Course Categories

6 Knowledge Domains

Technology & Development
Business & Leadership
Personal Development
Marketing & Growth
Design & Creativity
Finance & Investing

📅

Course Durations

Bite-Sized Learning

7 Days - Quick skill boost
14 Days - Comprehensive coverage
21 Days - Deep expertise building
~15-20 minutes per lesson

📚 Learning Experience

The core learning experience delivers engaging daily lessons with video content, actionable items, and clear progress indicators.

🎓 Daily Learning Ritual

Each day presents a new lesson designed to take approximately 15-20 minutes. Learners watch the video, absorb the content, complete action items, and mark lessons complete to maintain their streak. This consistent daily practice builds lasting knowledge.

1

📹 Watch Lesson Video

Each lesson features an embedded video hosted on S3 via CloudFront CDN. Videos are AI-generated using HeyGen's avatar technology for consistent, professional presentation.

AI Avatar Videos Responsive Player CDN Delivery

2

📖 Read Lesson Content

Rich text content accompanies each video, providing detailed explanations, examples, and supplementary information. Content is rendered with proper formatting for readability.

Rich Text Key Takeaways Resources

Lesson View

/courses/[id]/lessons/[lessonId]
Day 3 of 21 | Duration: 18 min
[Video Player]
Lesson Content | Action Items | Resources

3

✅ Complete Action Items

Each lesson includes 3-4 practical action items that help learners apply what they've learned. These reinforce concepts through real-world practice.

3-4 Tasks Practical Application Skill Building

4

✔ Mark Complete & Continue

Click "Mark as Complete" to track progress and maintain your learning streak. Navigate to the next lesson using Previous/Next buttons or return to dashboard.

Progress Tracking Streak Counting Auto-Complete Course

📝

Lesson Components

Each lesson includes:

Video content (AI-generated)
Written lesson content
Key takeaways summary
Action items (3-4 tasks)
Resource links
Progress indicator

📈

Progress Tracking

The system tracks:

Lesson completion status
Time spent per lesson
Overall course progress %
Learning streaks (consecutive days)
Resume position

🏆 Progress & Achievements

The dashboard serves as mission control for learners, showcasing progress, achievements, recommendations, and statistics across four dedicated tabs.

15

Achievement Badges

4

Badge Tiers

4

Dashboard Tabs

∞

Streak Tracking

📚

My Learning Tab

Active Courses

View all enrolled courses with:

Course progress bars
Continue learning buttons
Completion status indicators
Learning tips sidebar

📈

Progress Tab

Analytics

Personal learning analytics:

30-day activity overview
Charts and visual metrics
Current streak counter
Performance statistics

🏆

Achievements Tab

Badges & Stats

Gamification showcase:

Earned badges display
In-progress badges with %
Badge showcase toggle
Share profile feature

💡

Recommendations Tab

Personalized

AI-powered suggestions:

Based on completion history
Category similarity scoring
Personalized course cards
One-click enrollment

Learner Dashboard

/dashboard

[My Learning] [Progress] [Achievements] [Recommendations]
--------------------------------------------------------
Active Courses: 3 | Completed: 5 | Current Streak: 7 days

Badge Tier System ▼

🏆

Bronze Tier

Entry achievements: First Course, First Lesson, Profile Complete, 3-Day Streak

🏆

Silver Tier

Intermediate: 5 Courses, 7-Day Streak, Quick Learner, Category Explorer

🏆

Gold Tier

Advanced: 10 Courses, 14-Day Streak, Category Master, Speed Demon

🏆

Platinum Tier

Elite: 25 Courses, 30-Day Streak, All Categories, Lifetime Learner

🛠 Admin Dashboard

The administrative experience begins with a comprehensive dashboard providing quick access to all platform management functions.

👷 Administrative Control Center

Administrators access a dedicated portal with 8 management sections covering every aspect of platform operation. From user management to AI content generation, the admin panel provides complete control with real-time updates and intuitive workflows.

8

Admin Sections

Full

CRUD Operations

Real-time

Status Updates

100%

System Health

Admin Panel

📚

Courses Management

Create, edit, delete courses
Publish/unpublish toggle
Category assignment
Rich text editing
Thumbnail management

📖

Lessons Management

CRUD for lessons
Video content management
Action items editor
Lesson ordering
Asset status tracking

👥

User Management

Search by name/email
Filter by role
Edit demographics
Manage preferences
Profile completion

🏆

Badge Management

Configure achievements
Set unlock criteria
Tier management
Badge icons
Point values

📝 Content Management

Full control over courses and lessons with rich editing capabilities, status management, and comprehensive content organization.

1

📚 Course List View

View all courses in a searchable table with status badges (Published, Draft, Archived), creation dates, and quick action buttons for editing and deletion.

Search Status Badges Quick Actions

Courses Admin

2

✎ Course Editor

Comprehensive course editing with rich text (React Quill), metadata management, thumbnail controls, video script generation, and publication settings.

Rich Text Editor Thumbnail Regen Video Scripts

Edit Course

3

📖 Lesson Management

Manage individual lessons with day numbers, ordering, content editing, video URL management, and action items configuration.

Day Ordering Video URLs Action Items

Edit Lesson

/admin/lessons/[id]/edit
Title | Day # | Order Index
Content Editor | Video URL | Action Items

4

📦 Asset Management

Track video and script assets per lesson with status indicators. Regenerate thumbnails and videos on demand. Manage PDF reference documents.

Video Status Script Status PDF References

🤖 AI Content Generation

The crown jewel of administration - generate complete courses using Amazon Bedrock (Claude) and HeyGen video generation in a multi-step workflow.

⚡ 10x Faster Course Creation

Traditional course creation takes weeks and costs thousands. With AI generation, create a complete course in under 5 minutes for less than $5. That's a 10x speed improvement and 90% cost reduction.

1

📝 Define Course Parameters

Admin provides the course topic, target description, duration (7/14/21 days), target audience, and optionally uploads PDF reference documents.

Course Topic Duration PDF References

AI Generator - Step 1

/admin/generate
Course Title: [_______________]
Description: [_______________]
Duration: [7] [14] [21] days
Target Audience: [_______________]
[Upload PDF] [Generate Course]

2

⚙ Watch Generation Progress

Real-time progress tracking shows each step: course outline, lesson content (parallel), video scripts, thumbnails, and video generation. Powered by AWS Step Functions.

Real-time Polling Parallel Processing Step Functions

AI Generator - Step 2

✓ Course Outline............ Complete
✓ Day 1 Content............. Complete
↻ Day 2 Content............. In Progress
☐ Day 3-14.................. Pending
☐ Video Scripts............. Pending
☐ Thumbnail Generation...... Pending

3

👁 Review & Quality Check

Preview the generated course with quality score, token usage, and estimated cost. Human-in-the-loop review ensures content meets standards before publication.

Quality Score Token Usage Cost Estimate

AI Generator - Step 3

Quality Score: 92/100 🟢
Tokens Used: 45,230
Estimated Cost: $3.40 USD

[Preview Course] [Edit & Publish] [Start Over]

4

🚀 Edit & Publish

Make any needed edits to the generated content, then publish to make the course available to learners. Regenerate individual lessons if needed.

Edit Content Regenerate Lessons Publish

AI Generation Technology Stack ▼

🧠

Amazon Bedrock

Claude 3 Sonnet model for text generation:

Course outlines
Lesson content
Video scripts
Action items

🎥

HeyGen

AI avatar video generation:

Script-to-video
Multiple avatars
Direct S3 storage
MP4 output

⚙

Step Functions

AWS orchestration:

Multi-step workflow
Parallel processing
Error handling
Progress tracking

📈 Analytics & Insights

Data-driven decision making with comprehensive dashboards covering users, courses, engagement, and platform performance metrics.

📈

Overview Dashboard

Platform Health

System-wide metrics and trends:

Total users & growth rate
Active users (DAU/WAU/MAU)
Course completion rates
Revenue metrics

👥

Users Analytics

Growth & Retention

User behavior insights:

User growth charts
Retention cohorts
Demographics breakdown
Signup sources

📚

Course Analytics

Performance

Course success metrics:

Enrollment numbers
Completion percentages
Drop-off analysis
Category performance

📈

Engagement Analytics

Activity Patterns

Learning engagement:

Session duration
Peak activity times
Feature usage
Streak statistics

Admin Analytics

/admin/analytics

Date Range: [7d] [30d] [90d] [Custom] [Refresh] [Export CSV]
----------------------------------------------------------------
[Overview] [Users] [Courses] [Revenue] [Engagement]

+----------+ +----------+ +----------+ +----------+
| Users | | Active | | Courses | | Revenue |
| 1,234 | | 456 | | 28 | | $2,450 |
| +12% | | +8% | | +2 | | +15% |
+----------+ +----------+ +----------+ +----------+

Last updated: Just now

Key Performance Indicators (KPIs) ▼

🎯

Target KPIs

Completion Rate: >40%
DAU: 30% of registered
Enrollment Conversion: >15%
Session Duration: >15 min
7-Day Retention: >50%
API P95 Latency: <300ms