UX/UI Case Study

Student Request
Management System

Redesigning the academic request submission experience — from a slow, cumbersome process to a smooth, transparent digital experience

Role
UX/UI Designer
Platform
Web Application
Project Type
Academic & Hackathon
Student Dashboard

The Problem I Identified

Students and academic staff suffer from an inefficient request process causing frustration and wasted time

Long Wait Times

Students wait weeks for a response to simple requests, with no way to know the status

🔍

Lack of Transparency

No way to track request progress or know what stage it is at

📝

Cumbersome Process

Confusing forms, missing documents, and the need to repeatedly visit the office

😓

Staff Overload

The office handles hundreds of manual requests without automated management tools

The Solution I Designed

A smart digital portal with a dual interface — for students and academic staff

🎯

Intuitive Dashboard

A personal control center with statistics, active requests, and an academic calendar in one place

📡

Real-Time Tracking

Updated status for every request with automatic notifications on every change

📋

Smart Forms

Clear guidelines, fields adapted to request type, and simple document upload

Accessible Experience

Clean design, useful tips, and available support at every step


User Research

Mapping the user journey and identifying improvement opportunities

01Search02Starting Request03Submitting Request04Receiving Response05Loyalty
📍User Steps Browsing the college website, searching for request informationLogging into the system, selecting request typeFilling form, attaching documents, submittingWaiting, receiving notification, reading responseCompleting the process, returning to the system in the future
User Actions Clicking menus, reading pagesLogging in, filling initial fieldsUploading files, confirming detailsChecking email, logging into systemRecommending to friends, repeat usage
🎯Goals & Experiences Finding the appropriate request typeStarting the process quicklyCompleting the process successfullyReceiving a quick and clear responsePositive experience leading to repeat usage
💭Feelings & Thoughts Confusion, uncertaintyInsecurity, fear of mistakesPressure, fear of rejectionAnxiety, uncertaintySatisfaction / frustration
⚠️Pain Points Scattered information, unclear navigationLong form, unclear fieldsCumbersome file upload, lack of feedbackLong wait times, lack of transparencyNegative experience drives users away
💡Opportunities Smart search engine, categorizationTooltips, auto-saveDrag & drop, preview, validationReal-time notifications, detailed statusFeedback loop, gamification

Workspace

A behind-the-scenes look at the Figma workspace — including Flows, Design System, and screens

Figma Workspace - Student Portal
Figma
Open in Figma
Figma Workspace - Secretary Portal
Figma
Open in Figma

Information Architecture

Hierarchical content and information structure with two interfaces — student and academic secretary

🎓 Student Request Management System

Central digital portal

👨‍🎓 Student Portal

Request submission and tracking

Main Dashboard

Submit Request Status Tracking History
Select Type Fill Form Upload Documents Confirmation

👩‍💼 Secretary Portal

Request management and processing

Control Panel

Manage Requests Create Documents Activity Tracking
Filter Process Approve/Reject Templates

Flow Diagram

The complete user journey for each persona in the system

👨‍🎓 User Flow - Student

Request submission and tracking journey

🎓

Login

System authentication

🏠

Dashboard

Request overview and academic calendar

🔀

Select Action

📋

New Request

Select type and fill form

📂

Upload Documents

Attach required files

📤

Submit

Submitting Request

🔍

Track

View status and history

End

👩‍💼 User Flow - Secretary

Request management and processing journey

👩‍💼

Login

Secretary authentication

📊

Control Panel

Statistics and achievements

📋

Manage Requests

Filter and view

⚙️

Process Request

Review details and documents

🔀

Approve/Reject

📄

Create Documents

Select template and generate

📤Send
Process / Action
Decision Point
End of Process

Design Process

A research-driven approach with rapid iterations

01

User Research

Interviews with students and academic staff to understand pain points

02

Analysis

Mapping User Journey and identifying improvement opportunities

03

Prototyping

Designing Wireframes and interactive prototype in Figma

04

Testing

User testing and improvements based on feedback


Student Portal

Request submission and tracking interface for students

01

Login Screen

Clean and inviting design with account security tips. The interface clearly guides the user and provides a sense of security.

SecurityClear GuidelinesClean Design
Login Screen
02

Main Dashboard

The student's personal control center — request statistics, active requests, academic calendar with important dates, and helpful tips.

StatisticsAcademic CalendarQuick Access
Dashboard
03

Request Type Selection

4 clear categories with icons and descriptions detailed. The user immediately understands which request suits them and what the process is.

CategorizationIconsGuidelines
Request Type Selection
04

Request Form

Smart form with side guidelines, fields adapted to request type, and easy document upload. Includes tooltips and processing time information.

Smart FormFile UploadTooltips
Request Form
05

Request Confirmation

Detailed confirmation screen with request details, estimated processing time, alternative date info, and aptions to continue — all with full transparency.

ConfirmationProcessing TimeTransparency
Request Confirmation
06

Request Tracking

Real-time tracking of all requests with detailed Timeline for each request — when submitted, current stage, and expected completion to be completed.

TimelineReal-Time StatusFilters
Request Tracking
07

Request History

Complete archive of all submitted requests — final status, submission and completion dates, with the option to view full details.

ArchiveColor StatusView Details
Request History

Secretary Portal

Request management and processing interface for academic staff

01

Login Screen

Dedicated login screen for the secretary system with professional welcome message, clear login fields, and support linchnical support.

SecurityProfessionalSupport
Secretary Login
02

Control Panel

Professional dashboard with daily achievements (23 requests processed, 1.8 hours response time, 4.9/5 satisfaction), control center with new and urgent requests.

StatisticsKPIsMotivation
Secretary Dashboard
03

Request Management Center

List of all requests with advanced filters (request type, status, urgency), student details, and option to process multiple requests.

FiltersProcess MultipleUrgency
Request Management
04

Request Processing

Detailed processing screen with student details, action history, quick actions (approve/reject), and full request details.

Quick ActionsHistoryStudent Details
Request Processing
05

Document Creation

Document center with quick creation tools, template library (enrollment confirmation, diploma, transcript), and preview.

TemplatesQuick CreationPreview
Document Generation
06

Activity Tracking

Complete activity log with advanced filtering, action details (request creation, status update, document creation), and saved searches.

Full LogFilter AdvancedTransparency
Activity Log

Try the Prototype

Experience the system yourself and see how I solved the problems

1Click the button below
2Navigate by clicking on the buttons
3Press R to reset
Student Prototype Secretary Prototype