Book a Call
Case Study

We redesigned and built a multi-location restaurant website with Toast ordering, so every customer picks their location and lands in the right ordering flow first time.

Built for a restaurant business running several locations under one brand.

Restaurant and hospitality. Client and project names are kept confidential.

Industry
Restaurant and hospitality
Project type
Website redesign, development and ordering integration
Services
Website Development, Integrations and APIs, UI and UX Design
Used by
Customer, Business and admin team
Technology
Toast
Overview

One brand, several restaurants, one clear path to ordering.

From one homepage to the right kitchen

Location ALocation BLocation C
Correct Toast order flow

A restaurant with one site is simple online. A restaurant business with several locations is not. Each location has its own address, its own hours and its own ordering page, and customers need to reach the right one without thinking about it.

We treated this as a multi-location restaurant website problem rather than a straight redesign. The site keeps one brand experience at the top, then guides each customer to their location, its menu and its own Toast ordering flow.

The problem

Customers had to work out which restaurant they were ordering from.

Several locations sat behind one brand, and each relied on Toast for online orders. Without a clear structure, the website could not tell a customer which location they were looking at, or send them to the ordering page that matched it.

The result was friction at exactly the wrong moment: a hungry customer, ready to order, unsure whether the menu, the hours or the order button belonged to the restaurant down the road.

No clear way to choose a location

Order buttons could lead to the wrong location

Hours and addresses were hard to find per site

Menus were not tied to a specific location

Ordering on a phone took too many steps

Brand content and local details pulled in different directions

What needed to change

Working out how one brand should serve several locations.

Before designing screens, we looked at how customers actually arrive and what they need to know before they order. These were the questions we worked through with the business.

Questions we worked through

  • Should the location choice come first, or should customers browse the brand before choosing?
  • Would a store locator map or a nearest-location suggestion help customers who do not know which site is closest?
  • How much should menus and promotions differ between locations?
  • Is there value in separate search-friendly landing pages for each location?
  • Would catering enquiries or table requests belong on the same site later?
  • Which order clicks and location choices would be worth measuring?
The solution

A location-first website connected to Toast ordering.

We redesigned the site around one decision: which location? Once a customer chooses, every page, menu, address and order button belongs to that restaurant, and the order call to action takes them into that location's Toast ordering experience.

Brand homepage Location selector Location page Menu and details Toast ordering for that location
1

Location selector

Puts the choice of restaurant on the main experience, so customers start in the right place.

2

Location pages

Give each restaurant its own page with address, contact details and opening hours.

3

Menu presentation

Shows the menu clearly on desktop and mobile, close to the order button.

4

Toast ordering integration

Connects each location's order call to action to its own Toast ordering flow.

5

Shared brand layer

Keeps design, tone and core content consistent across every location.

How the workflow works

From landing on the site to placing an order.

The customer journey is short on purpose. Each step removes a decision the customer would otherwise have to make on their own.

  1. 01

    Land on the site

    The customer arrives on the brand homepage and sees the location choice straight away.

  2. 02

    Choose a location

    They pick the restaurant they want to order from or visit.

  3. 03

    See local details

    The location page shows that restaurant's address, contact details and opening hours.

  4. 04

    Browse the menu

    The menu is presented clearly, with an order call to action close by.

  5. 05

    Click to order

    The order button belongs to the chosen location.

  6. 06

    Order through Toast

    The customer reaches the correct Toast ordering flow and completes their order there.

Who uses it

Built for hungry customers and the team behind the brand.

Two groups use the site in very different ways, and the structure had to suit both.

Customer

Lands on the site, chooses a location, checks the menu and details, then clicks through to the right Toast ordering flow.

Business and admin team

Manages central brand content while keeping each location's own information accurate and up to date.

One brand, many locations

What is shared and what belongs to each location.

The brand experience is managed centrally, while the details a customer needs to order are specific to each restaurant.

Shared across the brandSet per location
Brand design and main experience
Location selector
Location page and content
Address and contact details
Opening hours
Toast ordering link
Key features

What the restaurant website includes.

Multi-location structure

The site is organised around several restaurants under one brand.

Location selector

Customers choose their restaurant from the main experience.

Dedicated location pages

Each location has its own page and content.

Toast ordering integration

Order calls to action connect to Toast, the ordering system already in use.

Menu presentation

Menus are easy to read and sit close to ordering.

Hours and contact details

Each location shows its address, contact information and opening hours.

Mobile-responsive design

The full journey works comfortably on a phone.

Consistent brand experience

One look and voice runs across every location.

Business value

What changed for customers and the business.

The biggest difference is clarity. Customers no longer have to guess which restaurant they are dealing with.

Before

  • Unclear which location a page belonged to
  • Order buttons not tied to a location
  • Hours and addresses hard to find
  • Awkward ordering on mobile
  • Brand and local content mixed together

After

  • Location chosen up front
  • Each order button goes to the right Toast flow
  • Local details on every location page
  • A mobile-friendly path to ordering
  • One brand with clear local information
The outcome

A clearer route from browsing to ordering.

The website now does the work of connecting one restaurant brand to several physical locations and their individual ordering journeys.

  • Customers reach the right location's ordering page
  • Each restaurant has its own clear online presence
  • The brand looks and reads the same everywhere
  • Opening hours and contact details are easy to find
  • Ordering works comfortably on mobile
  • Toast stays in place as the ordering system the team already uses