Mobile Story Quest – Interactive Game Platform
A mobile-driven interactive storytelling system where users progress through stages by making decisions that affect outcomes and scoring.
Product Surfaces
Screens from the game covering mobile entry, stage progression, story interaction, choices, XP tracking, and administrative analytics.
Game Entry & Mobile Landing
Mobile-first interface with start, continue, switch-player, and add-to-home-screen entry points.
Stage Selection System
Players choose between stages such as Temple, Historical Park, Market, and Walking Street, with locked and active states visible.
Interactive Story Flow
Narrative scenes combine stage context, character dialogue, image content, progress steps, and XP display.
Decision & Choice System
Multiple choice answers are presented per scenario, giving the player structured decisions inside the story flow.
Admin Dashboard
Research control room for filtering players, stage attempts, score ranges, average XP, and star outcomes.
Stage Activity & Outcome Graphs
Dashboard views show attempts by stage and score distribution using compact progress-bar visualizations.
Progress & XP Analysis
Stage score analysis and player XP bands provide a structured view of gameplay performance.
Player Directory
Admin table tracks player identity, current stage, XP, attempts, and last active time.
Overview
Mobile Story Quest is a full-stack interactive game system, not only a UI prototype. It combines narrative storytelling with structured gameplay logic for stage selection, choices, progression, and scoring.
The project includes both a mobile-first player interface and an administrative analytics dashboard for reviewing participants, attempts, XP, score ranges, and stage performance.
Problem
Traditional learning or exploration content can feel static when users only read information without making decisions. Static content also does not adapt well to user interaction.
For narrative-based systems, it is difficult to track behavior, measure outcomes, and understand how players move through stages without a structured gameplay and analytics layer.
Solution
The project introduces a stage-based interactive story system where users progress through content by making decisions. Each interaction contributes to scoring, XP, and stage completion.
The admin dashboard collects gameplay data into reviewable analytics, including attempts by stage, average XP, score distribution, player records, and current stage progress.
Delivery Scope
Mobile-first UI
Player-facing screens optimized for phone-sized gameplay and quick entry.
Stage Progression
Route selection, active stage state, locked stages, and visible progress steps.
Choice Logic
Scenario choices guide the player through narrative decision points.
Admin Analytics
Dashboard views for attempts, XP, score distribution, and player records.
Gameplay Flow
The player path represented by the available UI screens
Player starts or continues the mobile story quest from the landing screen.
Available stages are selected while locked stages remain unavailable until progression requirements are met.
The game presents a scene, context image, character dialogue, and current progress state.
The player selects an answer that affects scoring, XP, or progression through the stage.
Admin views aggregate attempts, score ranges, stage performance, and player progress.
Platform Modules
- Mobile-first gameplay UI
- Interactive story engine with choice-based flow
- Stage progression system with locked and active states
- Player tracking and XP system
- Admin dashboard with filtering and analytics
- Data views for gameplay sessions, attempts, scores, and player activity
Analytics Coverage
Players
Participant directory with identity, current stage, XP, attempts, and activity.
Attempts
Stage completion and attempt counts across filtered player sets.
Scores
Score distribution and star outcome summaries for completed attempts.
XP Bands
Player XP ranges and stage-level XP averages for progression analysis.
Results
- Created an engaging interactive experience for users
- Enabled tracking of user decisions and progression
- Provided insights through admin dashboard analytics
- Demonstrated a full-stack approach combining UX and system design
Tech Stack
Based on the portfolio workspace and provided UI screenshots; no separate Mobile Story Quest source directory was present in this workspace.
Planning an interactive learning flow?
Let's discuss how narrative UX, progression systems, and analytics can be structured into a maintainable product experience.