• Portfolio
  • Videos
  • About

Ethan Li-Chen Yu

  • Portfolio
  • Videos
  • About

Federation University Online UI Uplift

Federation University Online UI Uplift

Role: UI Designer
Team: Collaborated with Molly Seeary and Harry Zhou

Overview:
I led the UI uplift for Federation University Online (https://online.federation.edu.au/), aligning the user interface with the university’s updated brand identity. This project focused on enhancing visual consistency and modernizing the platform’s look and feel while ensuring a seamless user experience.

💻 Key Contributions:

Brand Integration: Translated the updated brand identity into the digital space by incorporating new color palettes, typography, and visual elements throughout the online platform.

UI Design Updates: Redesigned key UI components to reflect the refreshed brand guidelines, ensuring a cohesive and professional appearance across all user touchpoints.

Accessibility Compliance: Ensured all UI updates adhered to accessibility standards, improving the platform’s usability for all students, including those with disabilities.

Figma Design System Updates: Updated and expanded the existing design system in Figma to incorporate the brand changes, enabling future scalability and collaboration.

Responsive Design: Optimized all UI elements to maintain consistency and functionality across desktop, tablet, and mobile devices.

Stakeholder Collaboration: Worked closely with the branding and marketing teams to align design changes with the university’s overall vision while incorporating feedback from key stakeholders.

Outcome:
The UI uplift successfully modernized the Federation University online platform, aligning it with the updated brand identity while maintaining a user-friendly experience. The project not only enhanced the platform’s visual appeal but also reinforced the university’s commitment to providing an accessible and engaging online environment for its students.

💡 Challenges & Solutions

The Federation University Online UI Uplift faced a compressed timeline, shifting from 4 weeks for design to 2 weeks for design and 2 weeks for development. To adapt, we restructured the project into two phases:

Critical Updates: Delivered essential design changes within 2 weeks to allow development to begin immediately.

Refined Design: Created more polished updates during development, implemented in Phase 2 post-launch.

By prioritizing high-impact changes and collaborating closely with developers, we ensured the platform went live on schedule while leaving room for further enhancements after launch.

FED-hero.png
fondation.png
component.png
homepage.png
course-page.png
FED-hero.gif

Powered by Squarespace.