Led the redesign of the Hong Kong Polytechnic University (PolyU) eStudent Portal to enhance user experience for students managing academic and administrative tasks.
This project addressed outdated navigation, lack of progress visibility, and fragmented system access by introducing a more intuitive interface, a "Study Progress" feature, and single sign-on (SSO) integration.
Led the redesign of the Hong Kong Polytechnic University (PolyU) eStudent Portal to enhance user experience for students managing academic and administrative tasks.
This project addressed outdated navigation, lack of progress visibility, and fragmented system access by introducing a more intuitive interface, a "Study Progress" feature, and single sign-on (SSO) integration.
Led the redesign of the Hong Kong Polytechnic University (PolyU) eStudent Portal to enhance user experience for students managing academic and administrative tasks.
This project addressed outdated navigation, lack of progress visibility, and fragmented system access by introducing a more intuitive interface, a "Study Progress" feature, and single sign-on (SSO) integration.
Objectives
Streamline Navigation: Create user-friendly, responsive interface to reduce navigation complexity and improve accessibility.
Enhance Information Visualization: Develop "Study Progress" feature to provide clear, visual insights into students’ graduation requirements.
Streamline Navigation: Create user-friendly, responsive interface to reduce navigation complexity and improve accessibility.
Enhance Information Visualization: Develop "Study Progress" feature to provide clear, visual insights into students’ graduation requirements.
Identified Problem
Complex Navigation: Existing menus are overly nested, making feature access time-consuming.
Insufficient Progress Visualization: Lack of intuitive progress display.
Poor Mobile Experience: Design performs poorly on mobile.
Inadequate Accessibility: Non-compliance with WCAG standards impacts students with disabilities.
Complex Navigation: Existing menus are overly nested, making feature access time-consuming.
Insufficient Progress Visualization: Lack of intuitive progress display.
Poor Mobile Experience: Design performs poorly on mobile.
Inadequate Accessibility: Non-compliance with WCAG standards impacts students with disabilities.
Key Contributions
Intuitive Navigation System
Simplified navigation structure with quick links to reduce clicks.
"Hotlinks" module to prioritize frequently used features, reducing clicks and improving mobile usability.
Adopted responsive layout for seamless experience on phones and tablets.
Optimized contrast, added screen reader support, and enabled keyboard navigation.
Study Progress Feature
A dedicated dashboard card displaying a dynamic progress bar
Included detailed metrics to enhance transparency and motivation.
Animated the progress bar for an engaging user experience, tested for clarity and impact.
Intuitive Navigation System
Simplified navigation structure with quick links to reduce clicks.
"Hotlinks" module to prioritize frequently used features, reducing clicks and improving mobile usability.
Adopted responsive layout for seamless experience on phones and tablets.
Optimized contrast, added screen reader support, and enabled keyboard navigation.
Study Progress Feature
A dedicated dashboard card displaying a dynamic progress bar
Included detailed metrics to enhance transparency and motivation.
Animated the progress bar for an engaging user experience, tested for clarity and impact.
Consistant style guide
Component Library: Built reusable, responsive UI components (e.g., buttons, forms, cards)
Style Guide: Defined typography, colors, spacing, and responsive grid for Polyu website, ensuring accessibility (WCAG 2.1) and brand alignment.
Consistant style guide
Component Library: Built reusable, responsive UI components (e.g., buttons, forms, cards)
Style Guide: Defined typography, colors, spacing, and responsive grid for Polyu website, ensuring accessibility (WCAG 2.1) and brand alignment.
Impact
Improved Usability: Reduced navigation time by 30% (based on user testing feedback), enhancing student efficiency.
Enhanced Engagement: The "Study Progress" feature increased student awareness of academic milestones, fostering proactive planning.
Improved Usability: Reduced navigation time by 30% (based on user testing feedback), enhancing student efficiency.
Enhanced Engagement: The "Study Progress" feature increased student awareness of academic milestones, fostering proactive planning.