HUMBER CURRENT

PROJECT SUMMARY

Humber Current is a student showcase event where graduating students enrolled in Humber College's Faculty of Media and Creative Arts (FMCA) programs can present their work.

For this project, I worked in a multidisciplinary team of UX designers and web developers to redesign the website. Our team focused on redesigning the home page, the pages for Web Development and Media Communications programs on the Humber Current website.

TIMELINE
November 2022 – December 2022 (7 weeks)

ROLE
UX Designer & Visual Designer (in a 6-member team of 4 UX Designers and 2 Web Developers)

TOOLS
Figma
Google Drive
Microsoft Teams

 

The Problem

ABOUT

The FMCA's Senior Event Administrator discussed the challenges faced by the Humber Current show and website. These included low student participation and a tedious content management process.

Our team redesigned the Media Communications and Web Development program pages of the website to encourage student engagement, simplify work submissions, and showcase student profiles and portfolios to potential employers and students.

Objectives

  • Implement design solutions to increase student participation and effectively communicate the purpose of the Humber Current show to current and future users
  • Identify user/stakeholder problems outside the need to update and redesign the Humber Current and position our clients amongst its competitors

 

Research

COMPETITIVE ANALYSIS

A competitive analysis on two types of websites was conducted: those where students can post their own work and student showcase event websites from other institutions. The websites that were chosen for this analysis were Behance, OCAD University's GradEx, and George Brown College's Show GBC.


Findings

  • All sites had minimalist designs.
  • Student work was prominent, their talents and abilities being effectively showcased.
  • The ability to add social media links, allowing for easy sharing and engagement with a wider audience.

Behance

OCAD University's GradEx

George Brown College's Show GBC

 

STAKEHOLDER INTERVIEWS

We virtually interviewed the program co-ordinators of Humber College's Media Communications and Web Development programs to learn about their programs, how they encourage students to share their work, and their thoughts on Humber Current (both the show and its website).

Findings

  • The Web Development program co-ordinator stated his preference for Behance and Padlet, and encourages his students to post work on said platforms
  • The Media Communications program co-ordinator commented on the difficulty of finding Media Communications students on the website
  • The visual design of the Humber Current website was heavily criticized
  • Both program co-ordinators expressed that the website should put more emphasis on showing student work

 

 

Ideation

SKETCHING

We sketched wireframes, focusing on a minimalist design that highlighted the students' work. These sketches helped us visualize and refine our ideas going into the prototyping phase.

 

Prototyping

LOW-FIDELITY WIREFRAMES

When designing the low-fidelity wireframes, we made sure to prioritize UX considerations. One of the key aspects we focused on was creating a minimalist design that placed the spotlight on the students' work. By minimizing distractions and unnecessary elements, we aimed to enhance the user experience and allow the student content to take center stage.

 

STYLE GUIDE

 

Final Prototype

HIGH-FIDELITY WIREFRAMES

The program pages were redesigned with a minimalistic and user-friendly layout, prioritizing students' work over personal pictures. Submission pages were also designed to enhance convenience for students and streamline content moderation for administrators.

PROTOTYPE DEMO

Media Communications

Web Development

 

Next Steps

  • Conduct more usability tests and recruit a variety of participants
  • Implement usability test findings to the prototype
  • Conduct user interviews with Humber College students

 

Reflection

It was a great experience collaborating with web development students for this project. It was exciting to brainstorm and design solutions aimed at improving an existing platform.

This process challenged me to think creatively and critically, while working with other UX students to consider various aspects and potential improvements.

 

 

PREVIOUS

NEXT


Artemis (Under Construction)


Wearable UI

 

 

Using Format