Overview

I collaborated with my brother (swingfromtherafters.com) on a full site redesign for Monday Night Brewing. We provided UI design and interaction design, based on their provided user research and requirements. The final delivery was a working prototype in Adobe XD that would be used by developers working to build the final site.

Problem

Over the years, MNB's site had become almost unmanageable, a challenge to update for staff, and difficult to navigate. The site was not dynamic and provided no global search capability. The interface was also inconsistent and needed an update to better reflect recent changes in branding.

Approach

We spent time talking with the MNB team to better understand some of the frustrations their users had been having when visiting the site. We worked with them to craft a site map and refine content for each site section that would help make the site more informative and satisfying to use.

Solution

We provided a fully working prototype, showing interactions and wayfinding, that also included developer notes to streamline the build process. We also created consistency across the site to meet brand guidelines and provide more consistent wayfinding.

The full prototype, created in Adobe XD

The full prototype, created in Adobe XD

The full prototype, created in Adobe XD

Home page, showing notes on interaction to assist the developers

The full prototype, created in Adobe XD

Beer Selection page, with notes on interaction

The full prototype, created in Adobe XD

Various pages within the Events section (L to R): Calendar of Events List view; Pricing for Event Venue Rental; A dedicated landing page for each event

The full prototype, created in Adobe XD

Related Projects