1. Project Context

The student portal is a critical touchpoint between students and the institution. It supports essential tasks such as:

• Accessing grades and academic performance

• Viewing schedules and course information

• Managing tuition payments and financial documents

• Accessing academic resources such as the virtual library

• Requesting administrative services

These features are essential for students to manage their academic journey effectively.

However, the existing platform had grown organically over time, leading to usability and scalability challenges.

2. Business Problem

The existing portal presented several issues:

• Fragmented navigation and complex information architecture

• High cognitive load for common student tasks

• Outdated interface and inconsistent UI patterns

• Difficult access to key academic information

• Poor mobile responsiveness

These issues resulted in:

• Increased support requests from students

• Lower engagement with digital services

• Inefficient workflows for administrative processes

3. Project Goals

The redesign focused on the following strategic objectives:

• Simplify the student digital experience

• Improve access to critical academic information

• Modernize the user interface and visual identity

• Reduce friction in key student journeys

• Create a scalable foundation for future services

4. My Role

I led the project as Creative Director and Principal Product Designer, responsible for defining the overall product experience and design strategy.

My responsibilities included:

• Leading the discovery phase

• Defining the UX strategy

• Structuring the information architecture

• Designing core user journeys

• Leading the visual design direction

• Establishing UI patterns and components

• Collaborating with engineering during implementation

5. Discovery Phase

The discovery phase focused on understanding both user needs and operational constraints.

Stakeholder Interviews

Interviews were conducted with key internal teams:

• Academic operations

• Student support

• Finance and billing

• IT and platform teams

This helped identify the most critical workflows and operational challenges.

User Journey Mapping

Student journeys were mapped across key tasks:

• Checking grades and academic progress

• Managing tuition payments

• Accessing course materials

• Scheduling academic services

Several friction points were identified during these journeys.

Heuristic Evaluation

A UX audit revealed multiple issues related to:

• Navigation complexity

• Information overload

• Inconsistent UI components

• Poor mobile experience

6. Product Strategy

The redesign was guided by three strategic principles.

1. Clarity

Academic information should be easy to access and understand.

2. Efficiency

Students should complete key tasks quickly, such as checking grades or paying tuition.

3. Scalability

The platform should support future services such as:

• academic analytics

• career services

• student engagement tools

7. Information Architecture

A new information architecture was designed to simplify navigation and reduce complexity.

The new structure organized the portal into five primary areas:

• Dashboard

• Academic Life

• Financial

• Services

• Profile

The dashboard was redesigned as a central hub providing quick access to the most relevant information:

• current courses

• upcoming classes

• notifications

• academic performance

8. UX Design

The UX phase focused on simplifying the most critical student workflows.

Key improvements included:

Smart Dashboard

A personalized dashboard that surfaces the most relevant information.

Academic Overview

Students can quickly view:

• grades

• attendance

• course performance

Simplified Financial Experience

The payment experience was redesigned to allow quick access to:

• invoices

• payment history

• billing status

Service Requests

Administrative services were consolidated into a unified service request system.

9. UI Design

A modern interface was designed to align with IBMEC's premium brand.

Key improvements included:

• Clear visual hierarchy

• Modern typography system

• Improved readability of academic data

• Consistent UI components

• Mobile-first responsive layouts

A scalable component library was also developed to support future product evolution.

10. Handoff & Implementation

To ensure a smooth implementation process, the project included a structured handoff to engineering teams.

Deliverables included:

• High-fidelity UI designs

• Interaction specifications

• Component documentation

• Design system guidelines

• Responsive behavior definitions

Design files were delivered through collaborative tools, enabling close collaboration between design and development teams.

11. Success Metrics

The redesign focused on measurable improvements in user experience and operational efficiency.

Key results included:

35% reduction in time required to complete key student tasks
(e.g., checking grades, accessing financial information)

28% increase in student portal engagement

22% reduction in student support requests related to portal usability

40% improvement in mobile usability metrics

These improvements contributed to a more efficient digital experience and reduced operational friction for both students and administrative teams.

12. Key Learnings

This project highlighted the importance of designing educational platforms with a strong focus on:

• clarity of information

• workflow efficiency

• scalability of digital services

By aligning product strategy with user needs and institutional goals, the redesign created a more intuitive and future-ready platform for IBMEC's digital ecosystem.