West Michigan Graphic Design Archives

UX/UI
West Michigan Graphic Design Archives
May 2018

Going off of the original West Michigan Design Archives site that was created by the senior class a few years before mine, my team (Blake Royer and Natalie Ezabele) was tasked with optimizing the website for when pieces of design work were ready to be uploaded through the CMS.

The live site can be viewed here.

West Michigan Graphic Design Archives

UX/UI
West Michigan Graphic Design Archives
May 2018

Going off of the original West Michigan Design Archives site that was created by the senior class a few years before mine, my team (Blake Royer and Natalie Ezabele) was tasked with optimizing the website for when pieces of design work were ready to be uploaded through the CMS.

The live site can be viewed here.

RESEARCH

From talking to Barb Loveland and Linda Powell, the creators of the West Michigan Design Archives at Western Michigan University, we learned that we had a few things to improve in the site's design: the search tool, categorization of groups of projects, optimizing project pages for print, and telling the story of the Design Archives.

CHALLENGES

  1. How does project categorizing work when there are design pieces that go with a main piece?
  2. How do we improve the user's search/filtering experience?

SOLUTION TO CHALLENGE 1

For certain projects, a hierarchy needed to be created. It was decided that for projects like a poster pack, where the pack itself was a piece of design work as well as the individual posters included inside of it, the pack was considered the "parent project" while each individual poster was considered to be its "children." Things like photos of different angles of these projects were considered to be "assets."

SOLUTION TO CHALLENGE 2

For the search bar, it was concluded that the user should be able to narrow down their search as much as possible. The search bar filters were to be used to expand the search, while the filter box on the left that would appear after an item was searched for, would be used to narrow those results down.