Web design showcase: Locations webpage design

woman searching phone on street
The locations page on a website is usually one of the popular pages. If you’re a consulting business, it might be a list of all of your offices. If you’re a retail store, it might show where people can find your shops. If you’re a non-profit, it might all the places people can go to volunteer.

No matter what your company or organization does, if you have multiple locations, your users will navigate to your website’s locations page with the hope of finding out which location closest to them or to determine which location might be the best fit for their needs.

An effective locations webpage will be designed and written with the goals of their specific users in mind. They should make it easy for website visitors to visualize locations in a map view, get contact details about specific locations, and filter search results in ways that make sense if there are many locations.

To get inspiration to improve your website, check out these six stand-out examples of locations webpage designs.

Starbucks

Starbucks locations webpage design example

What makes it work: Starbucks’ helpful “Store Locator” keeps things simple—and, its straight-forwardness works. The locations webpage design is focused on maximum functionality. There is nothing added to distract users from quickly finding a cafe close to them. Users can also sort their search results by zip code, set favorite locations, and even get more information (e.g., hours, services, and phone number) about any location by clicking the “i” information icon.

Visit the website: starbucks.com/store-locator

Greg Dawson

Greg Dawson locations webpage design example

What makes it work: With a nation-wide sales team, Greg Dawson’s flexible locations webpage design makes it easy for users to get the information they need by selecting by location or clicking a salesperson’s last name. Clicking a region opens a contact form for users to get in touch while clicking a salesperson opens that person’s profile and contact information.

Visit the website: gregdawson.com/sales-team

OrthoIndy

OrthoIndy locations webpage design example
What makes it work: OrthoIndy is an orthopedic practice with locations throughout central Indiana. Their comprehensive locations webpage gives patients a few different, easy ways to find location information. The map provides a visual overview of everywhere they have offices. The locations filtering functionality allows users to search by specific services or zip codes to find the best match. Plus, for those users who aren’t quite ready to choose a location, the right sidebar provides user support by including helpful details about which types of services are available ad the different locations.

Visit the website: orthoindy.com/location-list

Methodist Sports Medicine

Methodist Sports Medicine locations webpage design example

What makes it work: Methodist Sports Medicine’s locations webpage design also uses a map to present all locations. When a user starts to scroll, they can browse all locations’ information which is presented alphabetic order with details like hours, phone numbers, and directions links to location detail webpages. Users can also interact with the map by clicking on a pin. This action opens a location detail window.

Visit the website: methodistsports.com/locations

OrthoNebraska

OrthoIndy locations webpage design example

What makes it work: OrthoNebraska uses a search bar as a sticky element across the top of their locations webpage so that users can easily search and filter locations whenever they want. Their locations page provides users with the option to toggle between the list view and map view.

Visit the website: orthonebraska.com/locations

Chase Bank

Chase Bank locations webpage design example

What makes it work: Knowing what users are typically looking for, Chase Bank’s locations webpage includes branch hours, branch services, and ATM services for locations presented within the list view before a user ever has to click or choose a location. Also, by default, Chase Bank displays locations closest to the user to save them a step.

Visit the website: locator.chase.com
Ready to upgrade your website design? Let’s talk
You might also like:
TBH Creative

About the author | TBH Creative

TBH Creative is an Indianapolis-based web design and marketing company. Our services include web strategy & planning, website design and development, inbound marketing, SEO, branding, graphic design, and marketing reporting.

Since 2004, TBH Creative has worked with hundreds of companies in a wide range of industries, including healthcare, finance, and service. We specialize in developing complex, enterprise-level websites that convert.

We believe in clear communication, high standards of excellence, and beating deadlines. But beyond those ideals, what really drives the heart of our business is your business. We take pride in helping our clients achieve more with digital marketing and web design than they ever thought possible.

View more posts by TBH Creative

Previous 6 tips for evaluating website redesign portfolios Next Website user experience basics for non-designers

Receive articles in your inbox