Class App – Mobile Learning Platform
Client
Personal Project
Year
2022
Duration
2 weeks
Tools Used
Figma, Photoshop, Illustrator
Class App is a self-initiated mobile app concept inspired by platforms like Canvas and Google Classroom. I created it as part of my learning journey with Figma, focusing on building an intuitive interface for students to manage their coursework, track assignments, and communicate with peers and faculty. The app explores how a centralized, mobile-first dashboard could simplify academic life through clean UI and functional flows.
Figma prototype below (Refresh if not loading)
As a beginner in Figma at the time, I used this project to practice end-to-end UI/UX thinking. I started by analyzing features from popular e-learning tools and identifying what students care about most: clarity, quick access, and streamlined communication.
I mapped out the core experience, which included Signup/Login, Dashboard, Assignments, Chat, Notifications, Resources, and Help. Using Figma, I designed over 20 interactive screens and built out transitions using prototype mode—learning through community tutorials, UI kits, and trial-and-error.
Custom icons and supporting visuals were created in Illustrator to give the app a cohesive visual identity. After sharing the prototype with peers and my professor, I received actionable feedback around accessibility and visual clarity. I iterated on icon sizing and contrast adjustments to improve the design’s readability.
Outcome
The result was a fully interactive prototype featuring complete task flows from login to course management. I gained hands-on experience in planning and designing a UI system, building user journeys, and creating a usable learning tool interface. This project significantly improved my Figma skills and gave me the confidence to manage solo design projects.
If I were to revisit this concept today, I would integrate usability testing, apply design system principles, and enhance accessibility to scale the app for real-world use.
Role
UI/UX Design, Interaction Design, Visual Design
Tools
Figma, Illustrator
Timeline
Fall 2022 (3 weeks)
