● Case Study

Modernizing the Brewsters Website

Overview
Client

Brewsters Brewing Company

Visit
Role

UX/UI Designer @ Flipp Advertising

Services

UX Research
UI Design
Prototyping

Tools

Figma

Year

2022

Challenges

Brewsters Brewing Company, a renowned Alberta-based craft brewery and restaurant group with over 30 years of history, sought to modernize its outdated website, last updated in 2016. The goal was to align the website with their bold branding, showcase their rich brewing heritage, and create an engaging platform for customers to explore their brewery products and restaurant offerings.

Key challenges included:

  • Revamping the website with a fresh, modern look that reflected Brewsters’ brand identity.
  • Collaborating with the creative designer to implement new branding elements seamlessly.
  • Ensuring clear navigation for both brewery product information and restaurant details.
  • Highlighting Brewsters’ rich history of over three decades in the craft beer industry.
  • Optimizing the design for responsiveness across all devices.
Processes

1. Translating Branding into Digital Design

Collaborated with the creative designer to bring Brewsters’ bold new branding to life on the website. This involved integrating updated color palettes, typography, and other visual elements into a cohesive digital experience.

2. Crafting a Modern UI

Designed high-fidelity UI layouts for all pages, ensuring they aligned with the established branding direction while delivering a visually striking and user-friendly experience.

3. Enhancing Interactivity

Designed engaging animation styles for hover states on cards, buttons, and other visual elements. These subtle interactions added depth and improved user engagement across the site.

4. Streamlining Restaurant Menus

Redesigned the restaurant menu page to make it easier for customers to browse items, ensuring intuitive navigation and a seamless browsing experience.

5. Prioritizing Mobile Optimization

Embedded responsiveness throughout the design process to ensure the website performed flawlessly across all devices, providing an excellent experience for mobile users.

Results

The Brewsters website transformation successfully aligned with the brewery’s bold image while creating a more engaging and user-friendly platform for customers. The updated design made it easier for visitors to explore Brewsters’ craft beer offerings, learn about their rich brewing history, and plan visits to their brewpubs. By modernizing its digital presence, Brewsters positioned itself as a forward-thinking brand while staying true to its legacy of excellence. The revamped navigation and interactive features elevated the overall user experience, making it an essential tool for connecting with their audience.

Homepage
Sitemap
Wireframes
Product Page
Restaurant Page
Hovering Animation
Hover State for Components
Restaurant Menu
History Timeline
Responsiveness
*The designs showcased here represent the state of the website at the time of its launch. Since then, the website may have undergone updates or changes by other teams or organizations. The visuals and descriptions reflect my contributions during the project’s design phase.
● Available for Freelance

Let's embark the creative journey together.

Reach out if you’re looking for upgrading your online presence.