ABOUT WORK CERTS SKILLS CONTACT
← BACK TO CASE FILES
FILE #001 COMPLETED 2025

Student Management App

Mobile Design Figma UI / UX Prototype
Student management app mockup cover
01

A mobile app concept designed to simplify how students, teachers, and administrators manage daily academic activities in one place. The project focused on creating a clean, efficient interface for tasks such as attendance tracking, timetable access, notifications, and student information management.

02

Educational systems often rely on scattered tools or outdated interfaces, which makes it harder for users to quickly access important academic information. Students and staff need a faster, more organized mobile experience that reduces confusion and improves communication.

03
G-01
Design a user-friendly mobile app that centralizes essential student management tasks - attendance, timetables, notices, and records - in a single interface.
G-02
Improve accessibility and reduce navigation complexity so that students, teachers, and admins can each reach the features they need without friction.
G-03
Deliver a modern, visually clear interface that supports both quick daily actions and access to detailed academic information.
04

I handled the UI/UX design process from concept development to final screens. This included user flow planning, wireframing, visual design, prototyping, and organizing the overall mobile experience.

RESPONSIBILITIES
USER FLOW PLANNING
WIREFRAMING
VISUAL DESIGN & PROTOTYPING
05
STEP 01

User Research

Identified the main user groups - students, teachers, and administrators - and mapped out their core priorities and pain points.

STEP 02

Information Architecture

Defined a simple content structure and navigation model, grouping features logically to reduce cognitive load.

STEP 03

Wireframing

Built low-fidelity wireframes for all core screens, mapping interactions and layout before moving into visual design.

STEP 04

Visual Design & Polish

Refined wireframes into a high-fidelity mobile UI, focusing on clarity, visual hierarchy, and ease of use throughout.

06
Student management app screen 1 Student management app screen 2 Student management app screen 3
07
CH-01

Organizing a large amount of academic information without making the app feel overwhelming. This was solved by prioritizing the most-used features on the dashboard and using a clean visual hierarchy to guide users naturally through the interface.

CH-02

Balancing the needs of students, teachers, and administrators within one product. I addressed this by structuring the content hierarchy carefully and designing flows that kept each user's main actions clear and easy to reach.

CH-03

Keeping the interface visually modern without sacrificing usability. The final screens use strong spacing, readable typography, and focused visual emphasis to support quick daily tasks.

08
4 CORE USER FLOWS
5 KEY SCREENS
1 UNIFIED APP SYSTEM

The final design presents a streamlined student management experience that is easy to navigate and visually modern. This project demonstrates my ability to design mobile interfaces for systems with multiple user needs and complex information.

09
Figma Prototyping Wireframing UI Design UX Planning
10

Need a clean and practical mobile app design for your platform or service? I help turn complex workflows into user-friendly digital experiences.