Saint John Website Design for Hopscotch Whisky Bar

Client: Hopscotch Whisky Bar
Location: Saint John, NB

About the Client

Hopscotch Whisky Bar, located in Saint John, New Brunswick, is the city’s first and only whisky bar. Since opening in 2016, it has become a local favorite, offering nearly 200 whiskies, fresh, craft cocktails, and local ales on tap. In 2024, the bar expanded to include a full kitchen, now serving a menu of innovative dishes alongside its renowned drinks.

The Challenge

Hopscotch originally partnered with DigiBenders in 2020 to redesign their website and improve user navigation for their growing whisky menu. The goal was to ensure a seamless, mobile-first experience that allowed customers to explore the bar’s extensive offerings. However, after a significant interior renovation in 2024 that included expanding into food service, Hopscotch needed a new website update to match the revamped aesthetic and include a real-time food menu. The challenge was to integrate the new food offerings into the website while maintaining an engaging and user-friendly experience for customers.

glass of whisky on the Website for Hopscotch Whisky Bar in Saint John

The Solution – Custom Website Redesign with CMSBenders Integration

DigiBenders delivered a fully responsive website redesign in 2024 to align with Hopscotch's updated interiors and expanded menu. Our custom-built CMSBenders platform provided a dynamic backend, allowing the bar manager to update the food and drink menus in real time. This ensured that customers could easily navigate the new offerings at the bar.

Key features of the solution:

Responsive Design: Optimized for mobile and desktop users to explore food and drink menus effortlessly.
Real-time Menu Management: CMSBenders allows Hopscotch to update its menu offerings instantly, providing flexibility as the kitchen frequently updates its innovative dishes.
Local SEO Optimization: Enhanced the bar’s search engine visibility in the Saint John area to attract more foot traffic.
Integrated Reservation System: Allows customers to book tables directly through the website, with email notifications for management.

Business Impact

The redesigned website in 2024 led to multiple improvements for Hopscotch:

Increased Efficiency: The new, easy-to-navigate menus improved the customer experience, enabling faster decision-making and smoother service.

Enhanced Brand Consistency: The updated site reflected the bar’s new interiors, providing a cohesive brand experience both online and in-person.
Higher Online Visibility: Through local SEO improvements, Hopscotch saw a boost in search engine rankings, leading to increased bookings and foot traffic.
Real-time Flexibility: The ability to update menu items instantly helped Hopscotch adjust to seasonal food and drink offerings, improving overall customer satisfaction.