05 UI/UX

Universum College
E-Learning Platform Redesign

A student-centered redesign of a university e-learning platform — wireframes, prototypes, and responsive layouts shaped by real student friction.

RolePersonal Case Study
Year2024
Timeline2024
ClientUniversum College
TeamSolo designer
E-Learning Redesign — hero
01Overview

E-Learning Platform Redesign — Universum International College.

Redesign of Universum’s e-learning platform focused on reducing navigation friction and structuring academic content around how students actually access and understand their studies.

Role: UX/UI Design
Scope: UX Audit, Information Architecture, UI Design
Goal: Minimize steps to access courses and make academic progress immediately understandable

02The Problem

The platform was structured around system logic rather than user behavior.

Students had to navigate through multiple disconnected layers to reach basic tasks like accessing a subject or checking grades.

Universum e-learning — original homepage
Universum e-learning — original course page

Key Issues

  • — Course access required navigating across multiple pages
  • — No clear relationship between program → year → semester → subject
  • — Grades were displayed as long, unstructured lists
  • — Course content lacked hierarchy and scanability
  • — Program discovery was unclear and visually overwhelming

Why this matters

Core actions (open a subject, check grades) were unnecessarily complex. This increased cognitive load, time to complete tasks, and user frustration.

INSIGHT → Students don’t think in systems. They think in structure: what program → what year → what semester → what subject. The existing platform broke this mental model.
03Solution

The redesign focused on aligning the system with the student’s mental model and reducing interaction cost.

01

Restructuring Navigation

Rebuilt the platform into a clear academic flow: Explore → Choose Program → Filter → Access Subjects.

Decisions
Introduced top-level program navigation (Master / Bachelor). Added filtering by Department, Academic Year, Semester. Flattened navigation depth.
Result
Users reach subjects directly without navigating multiple layers.
Restructured navigation — Master / Bachelor with Department, Year, Semester filters
02

Simplifying Course Access

Courses are now accessed through filtering instead of drilling down through pages.

Decisions
Display subjects immediately after filtering. Show contextual info (lecturer, students, activity). Remove unnecessary intermediate steps.
Result
Reduced time to access a course.
Subject list view — filtered subjects with lecturer, students, and activity
03

Structuring Course Content

Course content was reorganized into a structured, scannable format.

Decisions
Group content into expandable modules (weekly structure). Prioritize hierarchy over density. Remove repeated labels and noise.
Result
Users can scan and navigate content without reading everything.
Course page — expandable weekly modules
04

Redesigning Academic Progress (Grades)

Grades were redesigned into a hierarchical system.

Decisions
Group grades by semester. Introduce detailed breakdown per subject. Show scoring logic (elements, scale, percentage).
Result
Grades become understandable, not just visible.
Semester list view — grades grouped by semester
Grade breakdown per subject — element, scale, percentage
04Experience

Before

  • — Multi-step navigation
  • — No filtering
  • — Disconnected structure
Before — original platform

After

  • — Program → Filters → Subjects
  • — Semester-based navigation
  • — Direct access to relevant content
After — redesigned platform with filtering
From
System-driven navigation
To
User mental model–driven navigation
05Impact

The redesign reduces friction across all core student tasks.

Outcomes

  • — Fewer steps to access courses
  • — Faster navigation across platform
  • — Clear academic structure
  • — Improved readability of grades
  • — Reduced cognitive load

What this project demonstrates

  • — Strong information architecture thinking
  • — Ability to simplify complex systems
  • — Focus on decision-making, not visuals
  • — Designing based on user mental models