UX/UI

UX/UI

Responsive Web

Responsive Web

YES! Website

YES! Website

YES! Website

Redesigning the graduation showcase website

The YES! website was designed for George Brown College’s annual grad show, aimed at providing easy access to event and graduates' information.

As a website committee member, I collaborated with fellow designers who each had unique skills. Being a part of a multi-disciplinary team enabled me to experience the full project lifecycle, starting from usability testing and ending with quality assurance.

Core Skills: Collaboration, Agile Methodologies

Role

UX/UI Design

UX Research

Design System

QA

Outcomes

96% effectiveness rate

64.3s average time on task

88% satisfaction rate

Team

4 Designers

1 Developer

Duration

3 months

Hold up!

You're reading the summarized version. If you want to view the process, read the deep dive!

Read More

Problem

Despite its visual appeal, the previous year's website faced significant usability issues, causing confusion with navigating event details and detracting from the overall user experience.
Despite its visual appeal, the previous year's website faced significant usability issues, causing confusion with navigating event details and detracting from the overall user experience.
Despite its visual appeal, the previous year's website faced significant usability issues, causing confusion with navigating event details and detracting from the overall user experience.

Challenge

How might we redesign the website to be user-friendly and accessible, ensuring users can easily navigate event information and find featured work?
How might we redesign the website to be user-friendly and accessible, ensuring users can easily navigate event information and find featured work?
How might we redesign the website to be user-friendly and accessible, ensuring users can easily navigate event information and find featured work?

Approach

Began by dividing the members into sub-groups to work on different tasks simultaneously while collaborating on dependent tasks such as sharing insights and analysis.
Began by dividing the members into sub-groups to work on different tasks simultaneously while collaborating on dependent tasks such as sharing insights and analysis.
Began by dividing the members into sub-groups to work on different tasks simultaneously while collaborating on dependent tasks such as sharing insights and analysis.

Solution

An enhanced website with streamlined navigation and improved visibility of event and student work, ensuring a smooth user experience that extends beyond the web.
An enhanced website with streamlined navigation and improved visibility of event and student work, ensuring a smooth user experience that extends beyond the web.
An enhanced website with streamlined navigation and improved visibility of event and student work, ensuring a smooth user experience that extends beyond the web.

Solution 1

Enhanced student work visibility and navigation.

The Work overview page features improved navigation with an organized layout, better filter visibility and a prominent search bar, allowing users to easily browse through projects.

Solution 2

Improved work page layout for better work presentation.

The Work details page features an organized layout via proper information structure with visual clarity regarding student name, student photo, program/discipline and the story behind their work.

Solution 3

Simplified event browsing and information access.

The Events page minimizes scrolling by enabling users to expand/collapse relevant info, with details such as date, time, location, and directions clearly presented.

Impact

The usability tests after the launch of the new website proved measurable improvements in usability.

Like the usability tests that were conducted for the old website, I gathered 5 participants from the same 5 user groups and demographics as before to prevent any discrepancies that may arise in uncontrollable problems such as technical skills and level of familiarity with the school/event.

Like the usability tests that were conducted for the old website, I gathered 5 participants from the same 5 user groups and demographics as before to prevent any discrepancies that may arise in uncontrollable problems such as technical skills and level of familiarity with the school/event.

Like the usability tests that were conducted for the old website, I gathered 5 participants from the same 5 user groups and demographics as before to prevent any discrepancies that may arise in uncontrollable problems such as technical skills and level of familiarity with the school/event.

96%

96%

96%

Overall effectiveness rate, an increase from 92% effectiveness rate compared to the old website.

64.3s

64.3s

64.3s

Average time spent to complete a task, a significant improvement compared to 106.2 seconds.

88%

88%

88%

Overall satisfaction rate, a significant improvment to the 71% satisfaction rate from the previous score.

Takeaways

Learning the importance of research-based iteration.

Starting from usability tests and analyzing user insights to ending with QA and deployment, the YES! website redesign helped me significantly grow as a designer in a short span of time. Being a 4th year student, working on this project while balancing various tasks during busy semesters was both challenging and rewarding.

Starting from usability tests and analyzing user insights to ending with QA and deployment, the YES! website redesign helped me significantly grow as a designer in a short span of time. Being a 4th year student, working on this project while balancing various tasks during busy semesters was both challenging and rewarding.

Starting from usability tests and analyzing user insights to ending with QA and deployment, the YES! website redesign helped me significantly grow as a designer in a short span of time. Being a 4th year student, working on this project while balancing various tasks during busy semesters was both challenging and rewarding.

Another key lesson I learned was the importance of task delegation. When some members had to leave the committee mid-project due to school commitments, their tasks were reassigned to the remaining members. This required us to regroup and go through another round of planning to ensure nothing fell behind.

Another key lesson I learned was the importance of task delegation. When some members had to leave the committee mid-project due to school commitments, their tasks were reassigned to the remaining members. This required us to regroup and go through another round of planning to ensure nothing fell behind.

Another key lesson I learned was the importance of task delegation. When some members had to leave the committee mid-project due to school commitments, their tasks were reassigned to the remaining members. This required us to regroup and go through another round of planning to ensure nothing fell behind.

There were also times when committee members disagreed on design choices. During these times, we used a pen and paper to sketch out our ideas, which made me realize the effectiveness of traditional tools in collaborative brainstorming.

There were also times when committee members disagreed on design choices. During these times, we used a pen and paper to sketch out our ideas, which made me realize the effectiveness of traditional tools in collaborative brainstorming.

There were also times when committee members disagreed on design choices. During these times, we used a pen and paper to sketch out our ideas, which made me realize the effectiveness of traditional tools in collaborative brainstorming.

Oh, you made it to the end!

Like my work? Reach out to me here

© 2025 made by Lina/리나/りな

Oh, you made it to the end!

Like my work? Reach out to me here

© 2025 made by Lina/리나/りな

Oh, you made it to the end!

Like my work? Reach out to me here

© 2025 made by Lina/리나/りな