Click to load

Graduation Showcase

Client: Emily Carr University

Roles: UI Design, Frontend Development

Team: June Tang, Thejus Kayanadath, Janani Ramesh, and Arjun Menon

Problem

The pandemic Covid-19 has led to the cancellation of both ECU's annual convocation ceremony and graduate exhibition. Despite the current situation, how might we still celebrate our hard work and 4-year journey with one another?

Solution

Along with a few other Interaction Design students, we created an online gallery to showcase the work of Interaction Design students. The project was commissioned to be expanded into a multi-major gallery for the entire student body of the class of 2020.

The Online Gallery

We wanted to create as transparent an interface as possible. One that brought the student work front and center. We settled on a grid style gallery with information overlays that appeared when hovered over.


The site consisted of 16 individual galleries. One for each degree. Each site was curated by a student representative from that degree area. The sites were set up as a wordpress multi-site allowing cross communication between them. One of the challenges here was designing a landing page that required only one click to get to any of the degree galleries. We wanted to showcase the work inside the galleries without it feeling too cluttered.

The site consisted of 16 individual galleries. One for each degree. Each site was curated by a student representative from that degree area. The sites were set up as a wordpress multi-site allowing cross communication between them. One of the challenges here was designing a landing page that required only one click to get to any of the degree galleries. We wanted to showcase the work inside the galleries without it feeling too cluttered.

Key Features

Gallery Category Filters

The potential size and diversity of the galleries for each degree area required a way for users to navigate through the content making it more digestible. Each gallery's categories were curated by a student representative from each degree area.

Live Cross Gallery Search

The vast amount of content required an easy way to search through all of it. Each of the posts and their content was indexed and could be searched anywhere from within the network. A live search pop up was included to smooth the interaction.

Flexible Individual Pages

The school wide context and diversity of work being shown necessitated flexible individual posting options. We went with a flexible frontend editor with templating options. These made it easier for those unfamiliar with web technology to create a page that reflected them.