A flexible multi-brand, multi-menu, multi-region solution

Founded in 1928, White Spot is an iconic BC based restaurant with 65 locations and staple for locals and visitors alike. They sought a new digital experience that brought their personality, history and story to life and provided a better functional experience for users to explore menus, order online, find locations and even apply for work. White Spot required a design system and CMS that was easy and flexible to administer and could be leveraged to create a separate site for their cousin brand Triple O’s.


  • WordPress


  • Food & Beverage


  • Replatform & Redesign
  • Highly Flexible CMS
  • Multi-Brand Strategy
  • Complex Menu
  • Location Finder
Image of something.
Image of something.

Location Finder

Allowing users to find their closest White Spot location for dining in or takeout was a top priority. We brought in our custom Location Finder tool powered by Google Maps to create an easy to use and manage location finder.

Each of the 65 location pages includes a link to the appropriate Menu and Order Online and Take Out link along with essential information like hours, special announcements and amenities. Customers can even search for their nearest “Drive In” (Car Hop) service location so that they can go back in time and relive the original White Spot dining experience.

Image of something.

Overall Brand Expression

We worked closely with the team at 123W to ensure the digital design accurately reflected their newly updated brand.

With an almost 100 year history operating in BC, White Spot has become a staple for locals and visitors alike. To ensure there was a seamless transition between restaurant assets, print advertising and the website, we worked closely with 123W to develop iconography and patterns that brought the brand personality and story to life online.

Creating a Multi-Brand Design System

We created a design system to work across both White Spot and their ‘cousin’ brand Triple O’s. The design system includes shared components with unique design tweaks to create two distinct sites.

We developed a set of core components that worked well across both brands and a few unique components to solve for specific needs. Each component was styled to match the two brands to create two distinct websites.

Image of something.