TheSIS Learner App
A 167-screen learning ecosystem built around practice, discovery, community and growth.
Client / Org
TheSIS Education Group
Role & Focus
Principal Product Architect & UX Lead
Timeline
16 Weeks
Core Tags
Design Direction
TheSIS Learner App
Looking for the full screen-by-screen presentation?
We focus on strategy and systems here; view the full high-fidelity Figma screens, interactive prototypes, and visual assets on Behance.
Executive Summary
Bridging the gap between intent and execution.
TheSIS is an enterprise-scale educational application tailored for self-paced professional certifications and collaborative learning cohorts across developing digital economies.
Delivered Assets & Milestones
- ✓167 Production Screens
- ✓Atomic Design Library
- ✓Tutor Dashboard Prototype
- ✓Design Tokens
What stood in the way of success?
Architecting an expansive syllabus containing video lectures, interactive coding labs, offline flashcards, and student discussion forums without disorienting beginner learners.
How the system solves the problem
Built a 167-screen modular mobile application featuring low-bandwidth video modes, distraction-free reading states, and peer code critique rooms.
System Architecture
Key Features & Interaction Models
A closer look at the intentional mechanisms engineered to make the product trustworthy, resilient, and effortless to operate.
Adaptive Mastery Pathways
Skill assessments that dynamically calibrate practice question difficulty based on student retention curves.
Low-Bandwidth Learning Mode
Optimized vector-first diagrams and compressed audio lessons enabling smooth learning on 3G connections.
Outcomes & Growth
Measurable results that moved the needle.
Comprehensive 167-screen library delivered on schedule for engineering kickoff
Over 92% course completion rate among beta cohort participants
Zero design debt with fully documented token system in Figma
Behance Portfolio Publication
Explore the complete visual identity on Behance
Dive into the full screen walkthroughs, typographic design systems, color tokens, and user flow mockups directly on Behance.
Next Case Study
IVote
Brand Identity Design