White Spot is a British Columbia institution, people come for the burgers and shakes, and stay for the nostalgia. The restaurant was founded on June 16, 1928, by Nat Bailey. It is a family restaurant that is embedded in what it means to be from the West Coast.
I was part of a team at Iamota - a digital agency, that was able to strip back what is important to White Spot and create a seamless experience across both their mobile and desktop platforms.
Bringing this website to life was a pleasure, we had a three month deadline, and working directly with the team at White Spot made the project a true representation of the people behind the burgers.
The first part was assessing the various parts of the site, creating wireframes and a comprehensive style guide. We used components to create a consistent approach, that was unique but still feasible under the deadline.
White Spot is a British Columbia institution, people come for the burgers and shakes, and stay for the nostalgia. The restaurant was founded on June 16, 1928, by Nat Bailey. It is a family restaurant that is embedded in what it means to be from the West Coast.
I was part of a team at Iamota - a digital agency, that was able to strip back what was important to White Spot and create a seamless experience throughout both their mobile and desktop platforms.
Bringing this website to life was a pleasure, we had a three month deadline, and working hands on with the team at White Spot made the project a true representation of the authentic people behind the burgers.
The first part was assessing the various parts of the site, creating wireframes and a comprehensive style guide. We used components to create a consistent approach that was unique, but still feasible under the deadline.
White Spot is a British Columbia institution, people come for the burgers and shakes, and stay for the nostalgia. The restaurant was founded on June 16, 1928, by Nat Bailey. It is a family restaurant that is embedded in what it means to be from the West Coast.
I was part of a team at Iamota - a digital agency, that was able to strip back what was important to White Spot and create a seamless experience throughout both their mobile and desktop platforms.
Bringing this website to life was a pleasure, we had a three month deadline, and working hands on with the team at White Spot made the project a true representation of the authentic people behind the burgers.
The first part was assessing the various parts of the site, creating wireframes and a comprehensive style guide. Ensuring that we covered all the necessary bases. We used components to create a consistent approach that was unique, but still feasible under the deadline.
White Spot is a British Columbia institution, people come for the burgers and shakes, and stay for the nostalgia. The restaurant was founded on June 16, 1928, by Nat Bailey. It is a family restaurant that is embedded in what it means to be from the West Coast.
I was part of a team at Iamota - a digital agency, that was able to strip back what was important to White Spot and create a seamless experience throughout both their mobile and desktop platforms.
Bringing this website to life was a pleasure, we had a three month deadline, and working hands on with the team at White Spot made the project a true representation of the authentic people behind the burgers.
The first part was assessing the various parts of the site, creating wireframes and a comprehensive style guide. Ensuring that we covered all the necessary bases. We used components to create a consistent approach that was unique, but still feasible under the deadline.
01. Wireframes: Desktop / Mobile
02. White Spot Style Guide | Colour Exploration
02. White Spot Style Guide | Colour Exploration
03. Navigational Menu Exploration | Final Menu
03. Navigational Menu Exploration | Final Menu
04. Homepage: Desktop | Mobile
05. Lunch Menu: Desktop | Mobile
After assessing user profiles, we quickly realised that the heart and soul for the White Spot website was going to be the menu. Explorations were made to flesh out the scope of the menu, how it would be portrayed, and the range of imagery required.
The navigational elements of the website would be key to the sites functionality, allowing the clientele to explore and preview the menu. We went through various iterations of the navigation and how we would enable the customers to have constant access to it.
Finally we arrived at a mega menu solution that would advertise new menu features and events as well.
To the left here is the final menu as it looks across the web and mobile platforms, it illustrates the way we dealt with dietary requirements and how we allowed the food to really be the hero.
After assessing user profiles, we quickly realised that the heart and soul for the White Spot website was going to be the menu. Explorations were made to flesh out the scope if the menu, how it would be portrayed, and the range of imagery required.
The navigational elements of the website would be key to the sites functionality, allowing the clientele to explore and preview the menu. We went through various iterations of the navigation and how we would enable the customers to have constant access to it.
Finally we arrived at a mega menu solution that would advertise new menu features and events as well.
To the left here is the final menu as it looks across the web and mobile platforms, it illustrates the way we dealt with dietary requirements and how we allowed the food to really be the hero.
After assessing user profiles, we quickly realised that the heart and soul for the White Spot website was going to be the menu. Explorations were made to flesh out the scope if the menu, how it would be portrayed, and the range of imagery required.
The navigational elements of the website would be key to the sites functionality, allowing the clientele to explore and preview the menu. We went through various iterations of the navigation and how we would enable the customers to have constant access to it.
Finally we arrived at a mega menu solution that would advertise new menu features and events as well.
To the left here is the final menu as it looks across the web and mobile platforms, it illustrates the way we dealt with dietary requirements and how we allowed the food to really be the hero.
After assessing user profiles, we quickly realised that the heart and soul for the White Spot website was going to be the menu. Explorations were made to flesh out the scope if the menu, how it would be portrayed, and the range of imagery required.
The navigational elements of the website would be key to the sites functionality, allowing the clientele to explore and preview the menu. We went through various iterations of the navigation and how we would enable the customers to have constant access to it.
Finally we arrived at a mega menu solution that would advertise new menu features and events as well.
To the left here is the final menu as it looks across the web and mobile platforms, it illustrates the way we dealt with dietary requirements and how we allowed the food to really be the hero.
After assessing user profiles, we quickly realised that the heart and soul for the White Spot website was going to be the menu. Explorations were made to flush out the scope if the menu, how it would be portrayed, and the range of imagery required.
The navigational elements of the website would be key to the sites functionality, allowing the clientele to explore and preview the menu with ease. We went through various iterations of the navigation and how we would enable the customers to have constant access to it.
We finally arrived at a mega menu solution that would advertise new menu features and events within the mega menu itself.
The final menu illustrates the way we dealt with dietary requirements and how we allowed White Spot's food to really be the hero.
To the right is the careers section that connects White Spot with interested franchisees and employees. This was a huge consideration for the site as we had to make this section functional for both White Spot and its potential chefs, waiters, managers and corporate staff. Applications are now able to be filled on the site itself and new backend functionality for the end user enables the White Spot team to navigate recruiting in a new way.
Pictured below is the locations page. White Spot has a variety of restaurants dispersed throughout British Columbia, this made the locations page a stand out. Integrating a functional search bar and filtering capabilities made for easy navigation.
To the right is the careers section that connects White Spot with interested franchisees and employees. This was a huge consideration for the site as we had to make this section functional for both White Spot and its potential chefs, waiters, managers and corporate staff. Applications are now able to be filled on the site itself and new backend functionality for the end user enables the White Spot team to navigate recruiting in a new way.
Pictured below is the locations page. White Spot has a variety of restaurants dispersed throughout British Columbia, this made the locations page a stand out. Integrating a functional search bar and filtering capabilities made for easy navigation.
To the right is the careers section that connects White Spot with interested franchisees and employees. This was a huge consideration for the site as we had to make this section functional for both White Spot and its potential chefs, waiters, managers and corporate staff. Applications are now able to be filled on the site itself and new backend functionality for the end user enables the White Spot team to navigate recruiting in a new way.
Pictured below is the locations page. White Spot has a variety of restaurants dispersed throughout British Columbia, this made the locations page a stand out. Integrating a functional search bar and filtering capabilities made for easy navigation.
The careers section now connects White Spot with interested franchisees and employees. This was a huge consideration for the site as we had to make this section functional for both White Spot and its potential chefs, waiters, managers and corporate staff. Applications are now able to be filled on the site itself, and new backend functionality for the end user, enables the White Spot team to navigate recruiting in a new way.
White Spot has a variety of restaurants dispersed throughout British Columbia, this made the locations page a stand out. Integrating a functional search bar and filtering capabilities made for easy navigation.
The careers section now connects White Spot with interested franchisees and employees. This was a huge consideration for the site as we had to make this section functional for both White Spot and its potential chefs, waiters, managers and corporate staff. Applications are now able to be filled on the site itself, and new backend functionality for the end user, enables the White Spot team to navigate recruiting in a new way.
White Spot has a variety of restaurants dispersed throughout British Columbia, this made the locations page a stand out. Integrating a functional search bar and filtering capabilities makes the locations page easy to navigate, and we were able to really create a White Spot feel by using their infamous burger illustrations throughout.
06. Careers: Desktop | Mobile
06. Careers: Desktop | Mobile
07. Locations: Desktop | Mobile