TRY DEMO APP

How to make the perfect store locator website

by Niharika Sisodia
on Mar 20, 2019

Create a store locator website that attracts customers

A store locator website can be a useful tool to connect the virtual and the physical world. This connection is becoming increasingly important as customers often combine shopping online with a visit to the bricks and mortar store. Customers might research products online and purchase in store, or return online purchases in person. Whatever the reason for a customer visiting your store locator website, the user experience can have an effect on whether they choose to shop with you again. The tips below will help you to optimise your store locator website to improve the user experience.

Use geolocation

Geolocation allows the user to identify the nearest store to them with ease. The geolocator saves them from typing out their address. Geolocation is especially useful on mobile, where the user could be in an unfamiliar location. Tesco store locator allows the user to search stores nearby and view the details, facilities and opening hours.

Tesco-store-locator-geolocator-search-boxTesco store locator geolocator and search box

Use autocomplete

An efficient user experience encourages potential customers to stay on a website. The below example from H&M shows how using autocomplete saves the user time when completing a search. As the user types their location in the USA, the H&M page makes suggestions based on the selected country.

H&M-store-locator-website-page

Changing the country to the UK, the store finder returns different suggestions.

h&m-store-locator-website-page

Autocompleting the search means that the user does not have to type in the location name in full. This simplifies the search and leaves less scope for human error.

Use pins effectively

Designing your store locator website in line with your brand can help customers recognise physical stores. Barclay's use branded pins on their map view, helping the customer to recognise the colour and logo of their physical branch.

barclay-store-locator-website-page

The ATMs display a unique logo. Users who just need to withdraw cash have more options than those needing to visit a Barclays branch for banking services.

barclay-store-locator-website-page

Display store information

Store locator websites that include information, such as the opening times and distance, allow the user to make an informed decision about which store they should visit. The Morrisons Store locator shows the shop's address and opening hours.

Morrisons-store-locator-page Morrisons store locator page

Use filters

In addition to listing basic store information, a good store locator website will guide users to individual amenities. On the Morrisons store locator website, the user can view the store’s amenities.

morrisons-store-locator-amenities-page

Supermarkets, in particular, now provide services outside of the food industry. The example below shows Sainsbury’s amenities, including its TU clothing range.

Sainsbury-store-amenities-page

Sainsbury’s users can directly filter by amenity. This allows customers to find exactly what they are looking for and gives the retailer an opportunity to advertise services that the customer might not be aware of.

To create your own store locator page, take a look at our tutorial on how to build a store finder. To find out more about store locator best practices, visit our store locator resource page.

 

Related

Site search box design inspiration

Perfect your site search box design. Use these tips to make your site search box easy to use. Improve user experience by anticipating how users search. Place your site search box in the best location and add filters that will save your users time.

Niharika Sisodia Mar 20, 2019
READ

5 retail web design tips for a store locator page

Reimagine your retail web design. Improve the user experience of your store locator page and convert site visitors into customers using these top 5 tips.

Niharika Sisodia Jan 30, 2019
READ

Why geocode?

Why geocode? Discover uses for geocoding in business. Find out the key benefits of geocoding and how geocoding can be implemented to improve your business.

Niharika Sisodia Jan 21, 2019
READ

10 must read articles about map user experience

Read 10 articles that analyse map user experience. Take UX tips from expert analysis to help you build the perfect user experience for the map page on your website or app.

Niharika Sisodia Jan 14, 2019
READ

Top 10 interactive map design & UX examples

Discover the best interactive map designs. Use map design to improve user experience for mobile and desktop users.

Niharika Sisodia Dec 18, 2018
READ

How to personalise your geolocator to improve user experience

Design your geolocator to improve user experience. Consider user journey when requesting geolocation from visitors to your site. Use geolocation to help users discover your services.

Niharika Sisodia Dec 18, 2018
READ