Based on our experience with the current store finder experience on Mobile, we are developing a new Store Finder flow with the following goals in mind:

• Make the map more prominent: For Dine-in, Takeout and Curbside order types, the store’s geographical location is one of the most important decision factors for the user, so we want to show the user a map from the very beginning of their store selection experience. A list view will continue to be available as well.

• Not require an up-front order type selection: To reduce the number of required interactions to get to the menu, especially in the case where most stores offer the same order types, we don’t want to require the user to select an order type upfront in order to be able to see products. The order type will be pre-selected and the user has the possibility of changing it later in the ordering process.

• Unify store selection experience throughout the app: Currently there are multiple different approaches to showing stores implemented across the app, depending on from where the flow is started. Some of these approaches have limited functionality in comparison to others, for example there is no map view available when starting an order from a discount. With Store Finder 2.0, we want to create a consistent experience with the same functionality available throughout.

Overview

The Store Finder is the place where the core of the ordering process starts. Going directly to the order screen or starting the ordering flow from Offers & Rewards, the process is the same.

• Users have to pick the restaurant from which they want to order while selecting between all available order types

Store Finder 2.0 is meant to completely replace:

• The current version of the order screen

• Nearest section of the app when you tap on the view all button and enter inside

  • The nearest preview component will still only be available on the home screen but will be linked to Store Finder 2.0

• Select restaurant section when you start the ordering process from offers & rewards

• Participating restaurants section

Taking that into consideration, Store Finder 2.0 will mostly collect all our current data and functionality and present it in a different way using a different UI-UX.

What’s goes new with Store Finder 2.0

• With Store Finder 2.0, we now also enable users to search for store locations outside the 50 nearest stores around them, through the Search this area feature
• User navigation and orientation it's improved. Due to Store Finder 2.0, we now also include a user orientation indicator that helps users navigate to store locations
  

Keep in mind some of the features that involves location like in case if user wants to see restaurant results based on the current location, we need to have device location permissions enabled including GPS location for Android and iOS.

Order type navigation

Order type navigation component is located right below the top header component. Order type navigation component is always in a fixed position and always visible on the screen. Order type component is a place from where the user can control how he wants to place an order.

Depending on how many order types are available for the app brand we could have several different states:

• No order type selected

• Dine-in selected

• Takeout selected

• Delivery selected
  You can choose to give your Customers the option to select between all the restaurants that can deliver to the selected delivery address. In this case, they will be presented with the list of all restaurants and able to choose from which restaurant they want the order to be delivered. Also, this functionality can be enabled in the brand settings in the CMS (see screenshot).

Please note: this functionality is available for app versions from 4.11 onwards.

• Foodspot selected

No matter the order type selected, stores that have Show in Store Finder disabled in the CMS, should not be shown in the Store Finder and can only be accessed through Delivery or Foodspot.

Map as component

Map as the component is used for quicker navigation and as an easier way for users to find restaurants to order from. Map as the component is one of 2 screen views available on a store finder.

Map as the component is only available in situations when:

• No order type is selected

• Dine-in is selected

• Takeout is selected

Map as the full component is composed of 5 smaller sub-components and these are:

1. The map

2. Locate user button

3. User location indicator - (Current or Manual)

4. Restaurants pins

5. Restaurant cards

Nearest home component

Offers & Rewards