● 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
