Re-Designing GA Gallery's desktop website for users who would like to schedule visits, tours, shop the gallery online, and locate the gallery.

Role

Product Designer

Team

1 UX Designer, 1 Software Engineer, 1 Product manager

Softwares Used

Figma, Adobe Illustrator, Webflow

Defining the Problem

GA Galleries desktop website is clunky and difficult to use. The challenge is to re-design the website so that it is user friendly, and scheduling visits is easily accessible.

Discovery and Analysis

After conducting research on similar institutions that require similar platforms, I decided to analyze the need for different pages within the desktop site.

Wireframing and Prototyping

The usability testing phase began with a study of wireframes and interaction prototyping. Through conducting user research and defining pain-points, the diagram below shows potential design solutions throughout the wire framing process.

These wireframes were then animated using figma in order to fully understand the possible user flow throughout the desktop site. Some pain points and issues with the existing site are noted and further explored.

Color and Type Hierarchy

The color and typography throughout the existing site lacks hierarchy, and makes it difficult for users to distinguish important touch points on the screen.

Duplicate Pages

Duplicate pages cause users to find themselves lost within the site. Having multiple links that lead to the same page causes the user to get lost.

Unnecessary Navigation

The navigation often redirects users to pages that are unnecessary, similar to how the duplicate pages cause confusion.

Conclusions

During this case study, I found that it is important that the brand and its creative physical presence should be reflected in the digital space as well. Doing this is easier said than done, but this case study was an exercise not for re-defining the brand, but bringing its physical (print, model, building, spatial) presence into the digital world in a way that is reflective of what already exists.