The top 10 store locator ux design tips for increasing footfall

by Louisa Bainbridge
on Aug 24, 2016 6:07:54 PM

A well-designed store finder page is essential for any omnichannel retailer. In this post, we discuss how to optimise store locator ux design to deliver the best user experience online to drive footfall in store.

Selecting the right search filters

Selecting the right filters depends on the user’s decision-making criteria when choosing a store. A sports retailer may choose to add a filter for the different types of sports equipment available, whereas a supermarket may add a check box for in-store chemist facilities. There’s no secret formula, but testing is essential to find the sweet spot between too many / not enough results. Using different coupon downloads can help you monitor which has helped drive footfall. 
 
Top tips:
  • Add filter options in stages rather than upfront. For inspiration check out how Amazon adds filters in stages, rather than bombarding customers with too many choices on the search page
  • Try dropdowns, sliders and checkboxes to deliver the best user experience
  • Use a smart autocomplete API within the location field – Fuzzy matching by Postcode Anywhere is great!

Store finder credit: Sainsburys

store-locator-ux-sainsburys

Showing the most relevant search results

The order of results depends on the relevance of each store. The easiest way to calculate a result’s relevance is by calculating the straight-line distance from the point of origin to each store’s location. It’s also possible to sort results by journey time using an API such as TravelTime. UK job portal, Jobsite, found that results are 60% more geographically relevant when sorted this way.
 
Top tips:
  • Display important store information alongside each result – opening times, facilities and more
  • Limit the amount of results displayed on a map for a clean visual design
  • Use an interactive map so that results change as the user moves the map

Store finder credit: Starbucks

store-locator-ux-starbucks

Turning intent into revenue with mobile

 Studies from Google and Comscore say that mobile users are more likely to take action and visit a store or make a purchase. Designing a perfect site for would-be shoppers requires the store finder page to be intuitive, engaging and informative.
 
Top tips:
  • Use geo-location to speed up the search process
  • Monitor mobile site load speeds to reduce bounce rates
  • Sort search results by travel time for quick decision-making
  • Provide directions on the page or link to a routing app

Store finder credit: Sports Direct

store-locator-ux-sports-direct

Searching by travel time

TravelTime search (vs. listing results using distance) is proven to increase search relevancy by 60% and convert 3x more users. 

store-locator-ux-traveltime

 

TRY APP NOW

 

Related

TravelTime case study: healthcare development analysis

The Megahospital challenge is a tool created using the TravelTime API by Border City Data. See how the app was built for healthcare development analysis.

Niharika Sisodia Apr 8, 2019 9:08:00 AM
READ

Google Distance Matrix API vs. the TravelTime Search API

Google Distance Matrix and TravelTime Search both calculate travel times and distances from one to many points of interest. Compare the API features and pricing.

Niharika Sisodia Jan 28, 2019 4:04:45 PM
READ

10 brick and mortar store locator pages for inspiration

Get inspired by brick and mortar store locator pages. View store locator pages from top global retail brands. Attract customers to your brick and mortar store by creating an effective store locator page design.

Niharika Sisodia Dec 20, 2018 10:21:18 AM
READ

How to convert visitors into customers using map view

Improve your map UI. Perfect your website map view to streamline the user journey. Convert visitors to your site into customers for your product or service.

Niharika Sisodia Dec 18, 2018 3:30:14 PM
READ

How far can I travel in 15 minutes or 1 hour? This map shows you.

How far can I travel within a time limit? Make a map to show you where you can reach within a certain travel time. Change the mode of transport and time of day. Add up to three starting locations and filter the intersection between them.

Niharika Sisodia Nov 26, 2018 9:17:41 AM
READ

What is geocoding? Use geocoding to display postcodes on a map

What is geocoding and how does it work. Use a geocoder to convert place names and postcodes into coordinates. Display coordinates on a map. Use geocoding to improve routing and map display.

Niharika Sisodia Nov 22, 2018 9:26:41 AM
READ