Responsive UI Redesign

.net

ProU

timeline:

40 hours

Tools used:

Adobe XD, loom, slack

deliverables:

20+ high-fidelity responsive screens

Responsive UI Redesign for Instructor & Reseller Central

I was brought on by the founder of Freshbait, based in Tokyo, to lead a full interface redesign of the Instructor and Reseller Central dashboards for ProU.net, an educational platform for course instructors and sales partners. This 4-week engagement focused on transforming the platform’s legacy UI into a clean, modern, and responsive interface, optimized for usability and development handoff.


Key Activities & Skills Applied

UX Audits & Heuristic Evaluation

I began with a deep audit of the existing user interfaces, identifying friction points, outdated patterns, and inconsistencies across flows such as reporting, student tracking, and task completion.



Stakeholder Interviews & Requirement Gathering

I worked closely with the founder across time zones to prioritize platform goals, clarify user pain points, and define success metrics. These conversations shaped the redesign roadmap and feature prioritization.


Persona Development & Empathy Mapping

I crafted lean personas for the two core user types: course instructors managing student engagement and sales resellers generating reports. This helped ground design decisions in user context and behavior.


Information Architecture (IA) & Dashboard Structuring

Complex, data-heavy modules were restructured for clarity and flow, especially within Reseller Central. Sections like “Reports,” “Student Record Search,” and “Compliance” were reimagined for improved usability and faster access.


High-Fidelity Responsive Design

Using Adobe XD, I created polished, responsive mockups for more than a dozen pages, including:
  • Instructor Central: Discussion Responses, Student Record
  • Reseller Central: Order Form, Student Pin Search, Database Reports (view, download, confirm), Student Records, Reports – Advanced Search, Promo-code Reports, Compliance Tracking, and more.

Design System & Build Specification

I collaborated directly with the developer, Rachel, to produce annotated, build-ready specs—ensuring smooth frontend implementation and responsive integrity. All UI elements were documented with behavior notes, layout grids, and component states.


Data-Driven Iteration

I included one round of revisions based on internal feedback to align interface decisions with platform behavior and usage data, ensuring clarity in user flows such as Student Record Search and Report Generation.

accessibility Awareness

With stakeholder input and product goals in mind, I iterated on initial designs to reflect key needs, such as simplifying task flows, clarifying action buttons, and enhancing report visualization.


solutions & Deliverables

I created all the UI, UX and brand identity for all aspects of the MY Classroom dashboard.
This dashboard was designed for managing students, enrollments and quiz scores .

I created all the UI, UX and brand identity for all aspects of the Instructor Central  dashboard.
This dashboard was designed for managing educators, reports and student communication.

I created all the UI, UX and brand identity for all aspects of the Reseller Central dashboard.
It was designed for managing  course orders, student records, sales reports and usage.

My Classroom

Instructor Central

Reseller Central