Store locator design inspiration: Store locator examples – desktop & mobile examples


Store locator examples – desktop & mobile examples

Beechcroft Developments (Images Feature)

Try it →

Beechcroft used Storepoint to set up a dynamic multi location map highlighting their current and future properties. To allow customers to filter and easily identify current and future properties, Beechcroft tagged their locations with either “available now” or “forthcoming collection”. This allowed them to use different color map pins for their current vs future locations and created a filter at the top, allowing customers to find exactly what they’re looking for.

Our images feature is also highlighted on this example, with Beechcroft displaying a photo of each of their locations. A “Learn More” button was set up to link out to a location-specific page with more details.

Feel free to try out the locator here:

Downeast Cider (Multiple Dropdown Filters)

Try it →

On their store locator, Downeast Cider has various location types and each location can have different brands and flavors of their cider. To allow customers to filter by location type as well as by brand/flavor on the store locator, our multiple filters feature was used to set up a dropdown filter for location type as well as a filter for the cider brand.

Design wise, we made sure to match the store names to the header font used throughout the site. The map icons and link colors were also matched to the exact blue color used for branding.

Feel free to try out the locator here:

Pomp & Whimsy Store Locator

Try it →

For Pomp & Whimsy Gin, we put together a beautiful store locator that matches the fonts and light salmon colors used throughout the website. Additionally, the Pomp & Whimsy team has categorized their locations: Customers can easily choose between bars/restaurants or liquor stores.

Feel free to try out the locator here:

Looking for your own store locator?
We can customize a locator to match your website & brand too! Included free with any of our plans.

POR Products Locator Map

Try it →

For POR Products’ store locator, we customized the locator to match the dark-grey background and light blue links, giving a nice contrast. We setup custom directions links for both Apple & Android devices so that it always opens in the desired app.

Additionally, automatic geolocation detects a user’s location on load and shows only the locations nearest them. Of course, users always have the option to adjust their search or increase their search radius using our simple search tool.

As always, the dealer locator app is optimized for mobile to look and work great. The layout is adjusted to fit in on smaller screens while still making the locator very usable & useful.

Storepoint Product/Category Filter Demo

Try it →

In this demo, we styled a locator with a greyscale map, custom marker pins as well as a location filter with images. Users can filter between locations that serve swirl ice-cream or chocolate ice-cream.

This is a great example of what we can build for your locator.
Do you have locations that stock various products or product categories? Allow users to filter by products or categories so they can find exactly what they’re looking for.


Try it →

In this example, the styling of the store locator elements were reworked to fit in with the modern design of Amika’s site. The layout, colors and map theme were customized. The marker pins were replaced with a custom icon marker.

Have questions about specific features? Wondering if we’re right for you?

Chat With Us Now!

Kung Fu Tea

Try it →

For Kung Fu Tea’s store locator, in addition to custom fonts and custom marker pins, we implemented marker clustering. This gives their store locator a really clean look.

Additionally, the marker clustering allows for easy navigation on mobile, where screen space is always limited.

Each cluster shows the number of locations in its general area. Once a clustered pin is clicked, the map zooms in on that area, revealing the individual locations.

The 10 Best Store Locator Pages for Mobile and Desktop

Connecting the online world to the physical space around us can be a challenge. But, when managed effectively, the use of location based technology can make our physical landscape more meaningful, which can have huge benefits for both a business and its customers. 

With the right online store locator page design, a retail business can increase the footfall to its physical stores, as well as expanding its order volume for click and collect. An effective store finder page search tool and a clear results display can enhance a store’s ability to attract and retain customers. Here are 10 of our best store locator pages: 

Desktop design

The Argos store finder has prioritised map view on the desktop using the Leaflet open source map. A map of the UK and Ireland (where Argos stores are located) dominates the screen. A clear search box layered over the top. As well as the search facility users can access an A-Z list of stores for browsing which is great for anyone wanting to find multiple locations at once.

Mobile design

Like many operators, Argos understands that using shortcuts on mobile makes the experience more user-friendly. The option to autofill a search area based on a phone’s GPS location saves time and doesn’t require the user to know where they are. 

Results display

Results are numbered and prioritised by distance so users can easily see which store is closest to them. There’s also a list view of each store, next to its correlating pin number so users can understand the map easily. This list view can be expanded to show more information about each store, such as opening times. When selecting an item from the list, the map responds and zooms in on the correlating pin so users can identify the location. 

The mobile results are also displayed differently. The user can choose how they view their results from two tabs: list view, or map view. Each tab has correlating numbered pins, as with desktop view. 

What we love

  • Simple design
  • Easy navigation
  • Results returned quickly
  • Mobile gives map or list view

Images taken from Argos store finder page

Desktop design

The Starbucks store locator displays a split screen between list and map view on the desktop. When visiting the page users are asked if the app can use location data and instantly displays a list of results of the closest Starbucks. It additionally provides a map route from the users’ current location to number 1 on the list. This means minimal effort is required by users to identify the closest store and how to get there. They can also toggle between transport modes to see different routes.

Mobile design

The mobile view looks similar to Google Maps search functionality, with a split screen map and list view. The search screen is only half utilized by a Google map. Our favourite feature is the ability to filter results by whether or not the store is currently open, or whether or not it has wifi.

Results display

Desktop search results are returned similarly to the initial page view, with a spilt screen between list and map view, and a route to your nearest Starbucks. Other stores are denoted by green dotes on the map. There is no way to distinguish which green dot relates to which store on the list view until clicked on. The mobile results are displayed similarly but with a vertical split screen of map and list view. 

What we love

  • Intuitive GPS mapping
  • Route guidance to closest store
  • Service filters
  • Split screen list and map view

Images taken from Starbucks store finder page

Desktop design

Map view is prominent on the M&S desktop store locator. A map of the UK and Ireland (where M&S stores are primarily located) dominates the screen. By using Bing as their map provider, M&S enable users to switch between different map views including road, aerial, streetside and ordnance survey. A clear search box sits above for UK and Ireland with a separate link for international stores. M&S also make it seemless to find a store when browsing any other page on their site. Users can click ‘Find a store’ and enter an address into a drop down, which removes one step for the user.  

Mobile design

For the mobile version of the store locator, M&S abandon map view in favour of a single sear box. M&S also give the user the option to use their current location.

Results display

Results are returned in a split screen between map and list view, with numbered pins on the map denoting stores in the search area. The pins are prioritized by distance. The list view of each store relates to its map pin number, with the closest store listed first. The user can also expand store info for store facilities and opening times.

For mobile M&S make decision making easier by only displaying the closest to reach store with a button to expand the search if needed. This ensures that the map has prominence on a small screen 

What we love

  • Customisable map views
  • Split screen list and map view with numbered pins
  • Clear mobile display
  • Multiple click and collect locations 

Images taken from M&S store finder page

Desktop design

The McDonalds restaurant locator filters by the distance from the search origin with a Google Map and list view. Filters include 24/7 stores, drive thru and click and collect. There is also a ‘locate me’ option. 

Mobile design

The mobile version of the restaurant locator provides the same search criteria, formatted to fit a mobile screen. It also has a ‘Get directions’ button that redirects the user to another mapping app so they get turn by turn directions.

Results display

On both mobile and desktop, results are displayed in a split screen map and list view, with numbered pins on the map denoting stores in the search area. However, the list view only shows one restaurant at a time. The results default to the closest McDonalds. To change the restaurant details displayed, the user can click an alternate map pin. 

What we love

  • Relevant results display
  • Services filter
  • Split screen list and map view with numbered pins
  • Redirecting to a map app for directions

Images taken from McDonalds store finder page 

Desktop design

The Barclays branch finder favours a Google Map display on the desktop. A map appears on the screen, with a clear search box sitting above it.

Mobile design

For the mobile version of the branch finder, Barclays abandon the map display in favour of a clear search box.

Results display

Results are returned with Barclays branded pins on the map denoting stores in the search area. This is a great way to put a personalised spin on the Google Map, which does not allow for brand colours to adapt the map itself. There is also a list view, prioritised by straight line distance. By hovering over the list view, users can see where the branch is on the map as it changes from light to dark blue. Results can be filtered by the services provided at each branch. There is also a tab to filter by ATMs too. 

The mobile results are displayed differently. The user can choose how they view their results from two tabs: list view, or map view. When the user selects a point on the map they’re taken straight to branch information, which includes phone numbers, opening hours and facilities for the location. 

What we love

  • On brand aesthetic
  • Branch services filter
  • Mobile list and map view tabs
  • Desktop split screen list and map view

Images taken from Barclays branch finder page

Desktop design

Visually the Pizza Hut restaurant finder looks very different to the others listed with a black search field blending into the page’s design. Unlike other providers, they don’t have a map view. 

Mobile design

For the mobile version of the restaurant locator, Pizza Hut has a less vibrant aesthetic than their desktop page. Instead of a free search box, the mobile site lists cities and provides a search filter box.

Results display

On a desktop search, results are returned as a list view and ranked by closest to furthest straight line distance. A unique feature used by Pizza Hut is listing results by the travel time to each location by walking and driving. To view results on the map users can click a red slider to toggle between views. When selecting a map marker a pop up appears with further details of the store.

For mobile the store images are smaller to fit screen aspect ratios. Because the buttons are kept the same size, despite the smaller space on screen, users are driven to take action to book or order takeaway. 

What we love

  • Desktop Design
  • Vibrant aesthetic
  • Travel time results
  • Map view option

Images taken from Pizza Hut Restaurant finder page

Desktop design

The Walmart store finder has a full screen Google Map view on the desktop. A map of the United States (where Walmart is based) is accompanied by a clear white search box. Users are able to search by city, state or zip code.

Mobile design

The mobile version of the restaurant locator provides the same search criteria, formatted to fit a mobile screen. When testing on Android we found the interface not as user-friendly due to the double search bar and it was difficult to navigate to the location search bar because of this.

Results display

Results are returned similarly to the desktop search, with numbered pins on the map denoting stores in the search area. The map also has a ‘You are here’ icon so users can visualise where they are in relation to other locations. The pins are prioritised by distance. There is also a list view of each store, next to its correlating pin number. Users can further refine their search by distance and the desired services, such as a garden centre or a pharmacy. 

The mobile results are also displayed differently. The results default to a map view, with the option of loading list view alongside it. The filter option is also available to refine the results. As well as the address and opening hours, the list view also links users to a summary of services provided at each store, as well as a summary of current deals on at the particular branch. 

What we love

  • Filters ensure relevant results
  • ‘You are here’ marker
  • Link to services and current deals
  • Mobile gives map or list view

Images taken from Walmart store finder page

Desktop design

On the desktop, the Schuh store finder shows a search box where users can enter a town or postcode. For undecided searchers, there’s also the option to filter by country and area. Rather than displaying a map in this view Schuh have used precious space to educate customers about their in store services. Whilst the design feels dated it is fast and functional.

Mobile design

For the mobile version of the store locator, Schuh also gives users the option to search by their current location. However, similar to the desktop view, there is no map visible to the user.

Results display

For mobile and desktop, results are returned as a list of addresses, prioritised by the straight line distance to the user. The list shows opening times and the address, as well as parking information. Users can select ‘more info’ on a list to see a photo of the store, check stock and get directions. Clicking on ‘get directions’ will link the user to google maps and show them a route from their current location. 

What we love

  • Results returned quickly
  • Uses space to advertise services
  • Detailed store information
  • Easy to navigate

Images taken from Schuh store finder page

Desktop design

The John Lewis store locator desktop page has a search box that asks users to enter ‘shop name, postcode or town’. Below this is a clear list shop names in alphabetical order so users can browse all available locations.

Mobile design

The mobile version of the John Lewis store locator lists shops by region. This ensures that all the regions are visible on the handheld device. Selecting a region then reveals a list of stores, which again are all clearly visible on a small screen.

Results display

On selecting a store on the desktop view, users are taken to a new page providing opening times, the address, a small map with an option to link to google maps and a ‘how to find us’ section. Users are also made aware of any sales information at the store. 

The mobile results are also displayed similarly, although there is no map immediately available to the viewer. Instead, users have an option to ‘view map’. By clicking this button users are linked to google maps.

There is also a click and collect option at check out that asks shoppers to enter their postcode. Results of nearby collection points are then listed with the address, distance and collection times. There are options to ‘view on map’ and view the ‘opening hours’. Each store is also distinguished by either a ‘JL’ symbol for John Lewis or a ‘W’ symbol for Waitrose. In addition, users can pay a delivery fee to have items sent to designated collection points outside of the John Lewis franchise. 

What we love

  • Click and collect design
  • On brand aesthetic
  • Link to map on mobile
  • Clean mobile display 

Images taken from John Lewis shop finder page 

Desktop design

The Sports Direct store finder is a simple search box on the desktop asking users to enter a ‘town, city or postcode’. Users are also asked to set a distance and have the option of using their current location. There is no map display.

Mobile design

The mobile version of the store finder provides the same search criteria, formatted to fit a mobile screen with a link to an A-Z directory for all stores. Sports Direct also choose to remove any images and keep mobile simpler than the desktop search screen. 

Results display

Results are returned with pins on a Google Map denoting stores in the search area. Pins are branded and given either the ‘SD’ logo or the logo of a department store that houses the brand, making it easy for the user to identify the type of location they can visit. The pins are prioritised by straight line distance. There’s also a list view of each store. Users can click on an item in the list and the information will also pop up on the map next to the relevant pin.

The mobile results are also displayed in a simple list view with the name of the store and distance. Users have the option to ‘view more details’. Clicking this lands them on a new page where they can view opening hours, the address and store facilities.

What we love

  • Branded map pins 
  • Split screen map and list desktop view
  • Simplified mobile list view
  • Details list of disability services

Images taken from Sports Direct store finder page

Store Finders and Locators

The Internet might be virtual, but customers live in physical space and at least sometimes they need to visit companies in the real world. Given this fact of life, geography determines business success in a very simple way: Customers can either find your locations or they cannot.

Websites play a major role in helping customers find their way to company locations, including branches, stores, offices, dealers, and other outlets such as ATMs, package-dropoff points, or facilities that accept returned goods for ecommerce sites. Whenever customers need to do business at a physical location, a company’s website should help them find the most convenient location that offers the services they need.

Ecommerce shoppers expect convenience. They want the physical and online worlds to mesh and allow them to conduct their business on whichever channel is currently the most convenient. For example, users may choose to:

  • Conduct research and browse for products online, then purchase in person
  • Browse and compare products in person, then purchase online
  • Shop and purchase products online, then pick up the purchase in person
  • Return previously purchased items in person, rather than shipping them

In these scenarios, easily determining the nearest company location and getting directions are key steps in the customer journey. A website’s most fundamental purpose is to serve as a company’s business card in cyberspace and say, “Here we are.”

Four Research Studies

To assess the usability of store finders and locators, we have conducted four rounds of usability studies, with a total of 46 users testing the location finders on 28 desktop websites and 28 mobile websites and apps.

For each round of testing, we chose companies that represent a range of industries — from traditional retailers, financial institutions, and high-tech companies to restaurants and the US Post Office. Each website represented a number of locations, ranging from just a few (2–10) to thousands.

In each round of testing, we asked users to find the company location closest to them (or closest to a specified address) and to get directions to that location. Sometimes, we also asked users to find a location that met certain special requirements, such as being open at a certain time or possessing a specified amenity or service such as a drive-through.

Trends in Locator Usability

Our initial research on store locators was conducted 18 years ago. Our subsequent studies have found that the majority of our initial findings have remained stable, though many of our guidelines have been updated to reflect modern design trends and developments, as well as changes in user behavior. (Behavioral changes are uncommon for short or even medium time spans, but are to be expected to some extent across large periods of time, due largely to the changes in the available technology.)

Comparing the 4 rounds of testing allows us to assess long-term trends in locator usability. And wow, have there been changes. Most strikingly, users’ success rates in finding and using the locators increased from 63% in Study 1 to 96% in Study 2, which was conducted in 2008. Thankfully, user success rates have remained at this high rate now, at 97% in Study 4.

Ninety-seven percent is an astoundingly high success rate. Of course, finding an appropriate location address is a simple task compared to using other website services. Consider, for example, the much higher complexity of tasks such as managing your investments, researching car purchases and financing, deciding which hydraulic excavator best suits your copper mine, or even buying a birthday present for your nephew.

Still, it’s great to see locator usability increase this much.

All is not perfect, however. Users accomplished only 57% of the locator tasks easily. Thus, even though users directly failed only 3% of the time, they encountered difficulty with the locators 40% of the time. Particularly for a simple feature like the locator, it must be not only possible to accomplish the task, but also easy and pleasant to do so. On this stricter usability requirement, locators still have a lot of room for improvement.

Successfully using a locator involves three steps:

  1. Finding the locator
  2. Using the locator to find your desired location
  3. Getting directions from your starting point to this location

All three of these steps must be easy. One of the biggest reasons for the dramatic increase in locator usability in Study 2 was that the first step is now fairly easy because — as recommended — most sites offer clearly labeled links to their locators. Made-up or fancy link names are almost a thing of the past. In Study 1, only 30% of sites included an obvious link to the locator, whereas 90% of the sites in Study 2 did so. This trend has persisted, and 91% of the sites in the most recent Study 4 included an obvious link to the locator.

Step 3 is also easier now, as most sites use better mapping services than we saw originally.

Step 2 is the main culprit in usability problems these days: The actual location finders are either too complex, or they are oversimplified, making it more difficult for users to find which locations meet their needs.

People Gravitate to Search to Find Locations

Another big difference compared to our initial study is the strong increase in search dominance when looking for company locations. This is no surprise; we’ve found increasing search dominance in many other recent studies as well.

In our recent research, 80% of users went directly to a search engine or dedicated mapping app (mainly Google Maps) when we asked them to find a nearby location for their personal bank, while the remaining 20% navigated directly to their bank’s website or app.

This search-dominant behavior also raises a question: Should you eliminate the location finder from your own site, since so many people turn to search first? The answer is no, for two reasons:

  • As soon as users already on your site decide to do business with you, they should be able to easily access a location finder. Because they might make this decision on any page of your site, all pages should link to the locator.
  • Even people who start out at a search engine will often prefer your site’s locator tool for specific details, such as what services or amenities are offered. To make this option possible, your site must have a locator. Further, you should maintain an up-to-date, accurate list of features available at each location, and make sure that this information is findable by those who search for it on the web.

Using Current Location Streamlines Search

The availability of geolocation for both mobile and desktop computers has substantially improved the UX of store locators in the past decade. The ability to use their current location saves users the effort to type in the many situations when they are interested in stores close to them. This functionality is especially important to users on mobile devices, but is helpful on desktop as well.

Many of the websites we tested in Studies 3 and 4 included the option to use current location to begin a search. The majority of study participants allowed access to their current location when the site requested it. Some desktop users did not notice the browser popup requesting their location because their attention was focused elsewhere on the page. Moreover, sometimes denying access to the current location prevented people from changing their mind later on in the session. Therefore, we recommend that you include an explicit Use Current Location element (either button, checkbox, or link) in the locator form in order to enable the use of current location.

UPS (left) and Famous Footwear (right) both included options to conduct a location search using the device’s current location.

Mobile Phones Make Printing Unnecessary

Before smartphones became ubiquitous, people used to print directions to take with them on the road. This habit has died: everybody has now access to a smartphone map application at all times. While our initial guidelines related to ensuring usability of printed directions still hold true, they are no longer relevant to current designs.

What is more important for locators today is streamlining the movement across multiple devices. Links to send a location to your phone from a desktop site or to share with a friend are relevant and helpful to users.

Google Maps included a link to Send directions to your phone above route information. Clicking the link opened a modal window to select whether to email or text the directions to the user’s device.


The Share feature was available on the REI mobile app, making it easy to send the location to another person via email, SMS message, or social networks.

External Mapping Tool Dominance

Another noticeable change over our years of research is users’ increasing reliance on external mapping tools such as Google Maps, Apple Maps, or Waze to provide turn-by-turn directions. Companies have reacted to this new state of facts. In Study 4, only two of the 11 sites tested used an on-site map tool to provide directions. All others linked out to an external mapping tool.

This movement to leveraging external mapping tools is actually welcome and leads to a better, more consistent user experience. People can rely on an interface that is familiar and trustworthy (that of their phone’s native map app on mobile or of Google Maps on desktop) instead of having to learn a new map interface for every website they visit.

Full Report

The new edition of our full 197-page report on Store Finders and Locators with 56 evidence-based UX design guidelines is now available. It is published as a volume within the new edition of the Ecommerce User Experience report series but can also be read as a stand-alone report. It does include design advice for non-ecommerce sites (e.g., retail chains, banks, and so on) as well as ecommerce.

Sell Online & Offline Smarter

No matter how online shopping can bring benefits to customers on time, finance, convenience, etc. it’s impossible for customers to not go to physical stores anymore.

You can not know exactly what the product looks like until it’s delivered to your doorstep. By visit directly offline stores, there is no need to wait several days for the shipping, and of course, save you a small amount of delivery fee.

Most importantly, seeing, touching, and even smelling products create irreplaceable emotional satisfaction.

Therefore, connecting eCommerce websites to physical locations is what all merchants should invest in. Instead of adding some boring address line on your contact, there is another option that is much more effective for Magento 2 store owners: Building your Store Locator page!

Store Locator is not a new practice but you can always put in creativity and make your own store locator page that actually works and leads customers from online to offline locations.

In this blog, we’d like to introduce some great Store Locator examples from various businesses. Just pick up some amazing ideas that can be applied to your store.

Let’s start with some criteria for a good store locator page.

What elements should be included in your Store Locator?

Smart navigation system

This is the core functionality of the store locator. The very first thing that customers need is that they can find the right direction to your store quickly and conveniently. We highly recommend you integrate your Store Locator with popular navigation apps such as Google Maps, Waze, Apple Maps, and MaoQuest.

Google Maps keeps its leading position in users’ minds when searching for directions.

To improve customer experience and compete with Apple Apps, Google adds a new feature in Google Maps app on IOS that allows users to report driving incidents including crashes, speed traps, and traffic slowdowns directly through the app.

There is no doubt that Google Maps is the dominant apps and for sure, it should be the first choice for your Store Locator page.

Advanced search and filtering functionality

Not getting lost is the top priority. However, what if the place you travel to does not have the things you are looking for? Isn’t such a waste of time? It can become worse when customers feel disappointed and decide not to come back!

The best store locator pages always contain advanced search options that customers can use to filter out approximate locations. Popular store attributes are:

  • Parking Availability
  • ATM
  • New Arrivals
  • Payment Methods
  • Opening hours
  • Brands

Highly responsive design

Some websites have a great store locator design for the desktop version but it turns into a mess on mobile devices. Remember that more and more people go shopping online now.

That’s why all the store locator examples in this blog have a mobile-optimized design. You will miss a lot of potential customers if your store locator is not responsive to mobiles.

READ MORE: Leveraging The Benefits of Store Locator in eCommerce

Now let’s see how the big brands build their store locator page.

List of the best store locator examples in 2019

#1 Innisfree

Innisfree is a famous naturalism-oriented cosmetics brand from Korea with its presence in 15 countries and territories. The attraction of the brand comes from not only the quality of its products but also the concept and the story behind it.

Innisfree’s offline stores always create a feeling of fresh and energetic, which exactly matches with the young generation lifestyle. Thanks to the store locator page, customers are pulled closer to the brand as they can access to whatever location they want easily.

Desktop version

Mobile version

Before searching locations, you need to select the proper country and language. After that, when visiting the store locator page, all the stores have been listed already right below the map, accompanied by useful info such as an address, tel number and store hour.

The suggested store (with reviews) is shown on the top left of the map and in order to switch to another one, click on the address of your chosen store in the list.

What we love:

  • Google Maps Integration: When customers click on “Directions”/”View larger map”, they are navigated to Google Maps site for detailed information.
  • Restricted searching area: The country that you choose from the beginning will enable you to search for stores within that country only.
  • Event notice & Site notice: These notices are put separately on another landing page. However, it would be much better for customer experience to combine them to the store list on the store locator page.

#2 Plantlife

Found in 1994, Plantlife has been providing natural, aromatherapy products to customers all around the US. To reach more potential buyers, the business has to guide people to visit its store with convenience. The store locator page completed this task perfectly.

Desktop version

Mobile version

To get directions to a specific store, you need to click on the store marker on the map, then click the “To here” button in the popup. Similarly, choose the starting point with the “From here” button. Different from other store locator examples in this blog, Plantlife is the only one show directions inside the map without redirecting.

Store popup in map

What we love:

  • Google Maps integration: Beyond the ability to show directions accurately, customers can choose to view satellite imagery. The “Street View” feature is extremely useful that lets customers know how the location looks like in real life.
  • Easy navigation: CTA elements are short and clear that helps customers get accustomed to the store locator page quickly.

#3 Puma

Well-known as the world’s leading sports brand, Puma has more than 13,000 employees worldwide and distributes its products in more than 120 countries. The store locator page of the company is also an outstanding example to follow.

Desktop version

Mobile version

Before you can access the store locator page, you need to choose the searching area by entering a city name or postal code. As you can see, on the desktop version, the map takes up only about one-fifth of the screen on the right, leaving the center spot for the store list.

When customers click “GET DIRECTIONS”, they will jump to a new page with store detail and step-by-step instruction that allows them to travel there quickly. However, it’s hard to follow cause customers will get struggle with imagining which way to turn when the directions do not go with a map.

What we love:

  • Restricted searching area: You can only view the stores located in the area you chose.
  • Attractive design: The red color successfully catches the customer’s eyes and illustrates exactly the sporting spirit. Moreover, Puma replaces the normal store marker by the heart-shaped icon. Look pretty cool!
  • Hovering effect: When customers hover on a store, it’s automatically shown on the map.

#4 H&M

H&M is a giant multinational clothing-retail company, operating in 62 countries. Let’s see how the brand handles over 4500 stores on one single page. This is one of the best store locator examples in the fashion industry.

Desktop version

Mobile version

Each country is regarded as a market. Customers can change it easily through a popup, shown out from the right edge of the screen when clicking on the market name you’re currently in. Additionally, with “Filter & Sort”, you can find out all the locations with categories you want (Take care, young, children, men, etc).

What we love:

  • Smart searching area division: H&M sorts thousands of its stores into each market/country clearly and makes it easy for customers to view different areas with a few clicks.
  • “Cool” effect for store marker: When selecting a specific location, its marker on the store will automatically change its background color from white to red.
  • Google Maps Integration: Directions are opened in Google Maps.
  • Clean store detail page: With the full-screen design, H&M provides customers a clear and appealing view of the store. They can call to the store immediately when clicking on the ơhone number.

#5 McDonald’s

As one of the world’s leading food service brands with more than 36,000 restaurants in more than 100 countries, McDonald’s supplies millions of meals daily all over the world.

Although online orders and delivery services are on the rise, lots of people still go to restaurants to get their own orders. Fast food stores are perfect places for hanging out with friends with cheap and delicious meals as well as many services.

This could be one of the most fascinating store locator examples you’ve ever seen.

Desktop version

Mobile version

How McDonald’s makes such a huge figure of its restaurants easy to be found on the map? The answer is a smart Store Locator page that you can see below.

Once visit the Locate site, customers can choose to fill their address in the search line. It can be the zip code or city/state name. Another way is to click on the “Locate me” button which automatically identifies your locations and shows the list of nearby restaurants (arranged from the nearest).

Each location in the list view provides brief info attached with the Order McDelivery button, which allows customers, in case they change their minds and want their meals shipped.

Store detail

What we love:

  • Google Maps integration: By clicking on “Get Directions”, customers are redirected to Google Maps site with completed starting point and destination (in a new tab).
  • Advanced filter: Restrict the area to show searching results (by miles) or choose the services that you expect in the restaurant.
  • Clean design:
  • Other amazing features: You can pick your preferred locations.  Phone numbers of each restaurant are clickable that allows customers to call directly, avoiding trouble with remembering numbers. Even recruitment info is also displayed in the store detail.

More tips to create an intuitive and beautiful store locator page

I hope that you can pick up some interesting ideas from the store locator examples above. However, each industry, each business model requires different features, functionality, and design. Here are several things that you can consider before building your own store locator page.

  • Add dynamic maps instead of static images. Which solution is better: a small map with unclear details or the map that can be maximized full screen? The second one wins for certain.
  • Display more helpful information on the store detail page: Store owners should update content frequently (contact info, websites, social links, etc.).
  • Pre-load customers’ area when they visit your store locator page for the first time. It can even better to show the closest store to them.
  • Use the geolocation API of the browser. Compared to IP-based geolocation, it helps you detect users’ locations more accurately. Remember to ask for their permission first because it’s related to their privacy.
  • Test with many different styles to find out which one brings the highest effectiveness. Always keep your map clear and easy to understand.

If you want to have an impressive store locator page for your eCommerce website with minimum resources, you should use Magento 2 Store Locator extension by Magenest.

The extension creates a separate page to list all your stores with Google Maps display and helps your customers quickly find the nearest stores. With simple configuration, merchants can set up multiple maps to guide shoppers from online to offline stores easily. 

In the product detail page, there is a list of stores where the product is available, which shortens the buying journey of customers.

Highlight features of Store Locator for Magento 2 include:

  • Set up a filterable store finder for customers to locate your stores
  • Store locations have rich details and directions
  • Select featured or available products at individual stores
  • Modern and mobile-responsive UI/UX design
  • Set holiday for stores 
  • Unite stores with automatic map clustering
  • Set the map color to match your brand

Of all store locator examples above, Plantlife built its page with our extension.

READ MORE: Top Magento 2 Store Locator Extensions

Some last words

The store locator page, working as a bridge connecting online and offline channels, becomes a necessity for the O2O model of any business of all industries.

In this blog, we have introduced you to the best store locator examples that you can follow to build your own page. We are eager to see yours! Feel free to share it with us in the comment section below.

Store Locator Best Practices for Locator Software Integration| Bullseye

Updated on June 3, 2020. Originally posted on September 10, 2015.

At Bullseye, we’ve put together the below list of store locator best practices and optimization strategies for leveraging our out-of-the-box all-in-one software. Our expert marketing team is continually tweaking and updating the UI/UX of our turn-key store locator software and integrated location solutions. When it comes to the actual integration of our product into your site, you have the flexibility to customize our solutions to best work for you and your business. Adopting these best practices for your store locator software will help you attract and convert new leads while driving business growth. Prospects who visit your website’s dealer locator are ready to buy. Use Bullseye to facilitate location traffic and sales by improving prospect experience through enhanced usability and by driving urgency through communicating exciting promotions or events.

#1. Make It Easy to Find Your Store Locator

At the top of our store locator best practices list is making sure to include a site-wide persistent link in the header or footer of your site (ex: as a main navigation menu), and make sure the label is obvious and specific. “Find Stores” and “Store Locations” are common names that users will easily recognize. Avoid having other elements on the page that could be confused with location information – such as a product menu that says: “Where do you want to go?” Instead, be consistent and use the same label throughout the site. Your locator itself should also be branded with your company colors and logo to reinforce your brand presence.

#2. Provide In-Page Links to the Store Locator

In places where the next logical step would be to find a nearby location, add a link to the locator page. This would include product pages, service pages, and customer service pages. When linking, include a URL parameter that automatically filters search results to locations that offer that product or service. This makes it extremely easy and convenient for an interested user to easily move along the customer journey.

#3. Provide Location Search Filtering Options

If locations offer different amenities, services, or products, be sure to allow users to filter by these offerings.  To reinforce this dealer locator best practices item, make the filtering capabilities easy to find and make the labels clear, non-ambiguous, and easy for users to understand without brand knowledge. You may think that “Mega Stores” is good marketing, but to users, they have no idea what that means in the context of their search. If you are allowing users to filter by service, use commonly recognized terms for the service and include the selected filters in each listing so it’s clear to users that the results match their search criteria. Including details of services and products offered at each location also alleviates user frustration and prevents cases where a potential customer arrives at a location only to find their desired service or product is not offered at that particular location. Providing users with relevant information engages them and increases their confidence in your business.

In addition, be aware of the selection choice used in your filter options. Use checkboxes when you want users to be able to search by multiple options at once. Use drop-downs when the number of options is too large for checkboxes or when it is unlikely users will want to see locations that provide multiple options. If appropriate, you can even utilize multiple filter options on your locator.

#4. Optimize Your Search Experience and Results

To provide the easiest user experience, we recommend enabling auto-detection of a user’s location. This will automatically pull up local results without requiring the user to input their location details. For users who would rather input their location manually, allow for both zip code and city inputs. If you only allow for zip code entries, a user who is forced to look up a zip code may become frustrated with your site and leave.

Once the search is performed, the display of results will be crucial in encouraging customers to visit your locations. Your locator should convey detailed location information without overwhelming the user. Some key dealer locator software best practices pieces of information you’ll want to include are: address, contact information, store hours, customer reviews, and products or services available. You can also display current events and promotions to drive urgency or even internet locations to service those too far from your locations. Another dealer locator software best practice is to limit the amount of results to 5-10 locations so that the user is not overwhelmed with a huge list. You can hide the rest with a pagination feature to allow the user to browse at ease. It’s also important to simplify any multi-step process for the user. For example, turn your phone numbers into links so that a user can call a location with a tap of their finger. You should also include navigation capabilities to open Google or Apple Maps right away to quickly direct users to your locations. Forcing the user to write down a phone number or address and conduct their own navigation searches can be a huge deterrent and source of user frustration.

#5. Include a Location Photo For Each Store

Even if you are not using store detail or location landing pages, users will benefit from being able to visualize the location. Perhaps they’ve seen it before. If not, they’ll be able to easily recognize it when they travel to the location.

#6. Add Value To Your Store Locator With Location Detail Pages

Location detail pages or landing pages are a great way to include location-specific information that is not included in the results listing page. Some ideas include additional photos including photos of the building or entry, descriptions of the location, staff descriptions and photos, special offers, ratings and reviews, products specific to this location, events, and links to location-specific social media pages.

There is also the added benefit to your site’s search engine optimization (SEO) from these location pages. These pages can rank in local searches – for example, a user may search for “Clothing stores near me.” A nearby location’s landing page would appear in the Google search results, not only delivering hyper-relevant content to the user, but also allowing for your company to appear in more Google searches. In 2018, 82% of smartphone shoppers conducted “near me” searches (Search Engine Land, 2018).

#7. Make Map Markers Easy to Understand

Use map markers that are shaped in a way that makes it clear to the user where on the map the marker is pointing. You should also customize your map markers to reinforce your company website’s branding. A set of custom map markers can be used to differentiate between different location types (retailer, servicer, installer, distributor, etc.).


#8. Provide a Mobile-Friendly Experience

Many users turn to their phones to look up information, especially when they are on the go. As a best practice for your store locator it is important to provide a mobile-friendly experience to provide your users with information that is easy, quick, and convenient to access. If your locator doesn’t scale well to mobile and is difficult to use, you may frustrate and lose potential customers. This also takes into account the features we’ve listed above, like having clickable phone numbers and navigation shortcuts. The map itself should also be dynamic, allowing users to pinch, zoom, and move the viewable area around.

#9. Leverage Powerful Lead Generation Capabilities

Your store locator page is a great place to implement lead generation tools, as it is the point at which interested and qualified leads are searching for a location to visit and make a purchase. A lead generation tool is almost essential for locators featuring contractors, servicemen, or dealers since it provides an easy and quick way for leads to reach out directly with an inquiry or quote request. It can be as simple as a “Contact Us” link under each location’s details in the search results. The link would lead to a short form that automatically sends a copy to the location and lead in real-time to facilitate a conversation. You could even implement a custom lead routing method that would automatically assign leads to locations based on territory, radius, responsiveness, or any other assigned criteria. As slow response times can ding your brand reputation and result in lost revenue, Bullseye makes it possible to track leads through every part of the journey and deal with potential problems and opportunities on the spot. We also offer integrations with third-party CRM systems like Salesforce, Zoho, and MailChimp. This dealer locator best practice can help attract & convert new leads while driving business growth.

#10. Use Data Reporting to Optimize Your Marketing Strategy

Bullseye’s robust reporting and data collection includes detailed information about location searches, events, responsiveness, and more. Perhaps locations on the west coast respond better to events while locations on the east coast respond better to in-locator lead generation. You may discover that location searches surge in the summer and dwindle in the winter. As a dealer locator software best practice, leverage this information to discover opportunities for geographic segmentation and tailored marketing strategies. When it comes to lead management, you can view which locations are the most responsive and automatically route more leads their way.

>The Nielsen Norman Group published a report titled: ECommerce User Experience. Volume 11 contains 56 design recommendations for store finders and locators. Some ideas covered in that report are also presented in this article covering best practices for store locators. It’s a great article with lots of examples and supporting information. You can purchase the full report at:

Here are some other links on store locator software usability:

5 Location Page Examples for Design Inspiration & SEO Success

Any business that has one or more physical stores should have a well-designed locations page. If your business has multiple locations, it is even more important to help potential customers find your nearest location. However, it can be difficult to choose a design.

If you have one or only a few locations, you can make a good single-page list of all your locations. If you have several locations, you should look into location finder tools where users can enter postal or ZIP code. It can be helpful to look at competitor location page examples for inspiration.

The ultimate purpose of your locations page should be to enhance your website’s user experience and local SEO optimization. Here are some design tips to help get you started.

5 Quick Design Tips for Location Pages

Before we get to the examples, here are the elements you should be watching for. When choosing a design for your location pages, keep in mind it should be something that works for your unique business. What works for one business might not work for another due to different sizes, locations, industries, and so on.

That said, here are 5 general design tips for your location pages to keep in mind.

#1 Make the page easy to understand

The golden rule any website is to make sure all of the content and information is easy to understand. That means don’t over-design your location page. Make sure all of the important information is clearly labeled and easy to read.

That means making the font a good size, and choosing colours that don’t make anything difficult to see. It also means not hiding important information down the page with unimportant graphics.

#2 Create a unique page for each location

If your business has one to three locations, you can have one page that lists each location on it. However, when you have more than that you should create a unique page for each location. It helps a lot with your local SEO.

It also helps with your online advertising. You can make ads for each location and drive users to the right page. Adding location schema markup to the pages also helps search engines understand the geographic focus.

#3 Check what it looks like on mobile

Make sure your design works on mobile just as much as it does on desktop. Most people who are looking for location information are doing so on their phones these days. You could lose yourself customers if they can’t easily find your information on mobile.

#4 Include all relevant business information

For search engines, you want to avoid duplicate content to distinguish each location page. That means adding relevant and unique information for each business: address, phone number, hours of operation, and so on.

You should also mention things like the name of the plaza, building, or mall your store is in. Add any unique facility information, such as bathrooms, wifi, and handicap accessibility. You can also include information about staff at each location.

#5 Target the right keywords

You want to attract the right site visitors to your location pages. That means you don’t want people from far away finding your location page. That means you didn’t set up your page correctly. You want to make sure you add location-relevant keywords to each page.

Steal your competitors keywords

Let us do a keyword gap analysis for you. Our SEO’s will analyze the organic keyword rankings of your competitors and organise this data into an actionable report like this:

Find Keyword Gaps Now

That means adding the correct city, town, region, and other keywords specific to your location. It helps to type out some general directions instructions using main street names.

5 Location Page Examples

We aren’t all web design experts. That’s why it can be helpful to search for other websites that have great location pages for ideas. You shouldn’t completely copy them, but after seeing several you can pick elements that you think will work best for you.

Here are 5 great examples to get you started…

Replica Creative’s single location page

Replica Creative has a good example of a simple and clean design to use for a business that has one location. It has all the important location information — the address, phone number, email, and Google map widget. It also has a contact form for people to contact the location.

This is a good location page example of not over-designing your location page. If you want something simple to manage and create, go with something like this.

Wasson Nursery local content

Wasson Nursery has three centers, and they provide a good example why it’s better to have unique pages for each location. They have a general location page that gives general information that is the same across each garden center. The bottom of the page lists each location with the name, address, and phone number.

Then you can select a specific center page to see a lot more information unique to each location. Each location has their own name, list of services offered, and business information. If you have multiple locations that have the same sorts of differences offered, this is a great example of how to do it right.

Astro Design conversion design

Astro Design has a great local landing page concept designed to convert customers into leads. They have all the basic location information at the top and the left sidebar. Then they have a simple contact form for people to contact the location directly.

What helps it stand out is what they include just below the form. They have a list of graphics showing the awards the location has won for service and product design. It also adds all social media links, and a link to get a review from the Better Business Bureau. Those are great additions to get more engagement and leads from site visitors.

Red Rooster location map

Red Rooster is an Australian restaurant chain that uses a very simple and effective map locator tool. At the first level, it shows an entire map of the country with markers to show where the locations are.

It also shows a list of all the locations to the left. You can click on the button to have the tool find the nearest restaurant to where you are, or enter your postal code. It will then adjust the list to sort the locations from closest to you.

The basic list has links to order at that location, with the basic information (address, phone) and a link to look at more information for that location. When you click on the more info link, it shows more location information, what services it has, and a map specific to it.

If you have a lot of locations across a large amount of distance, this is a great example to follow.

Ethan Allen staff information

Ethan Allen is an international company that has locations across several countries for home design products and services. Their main location page is a simple tool to find one of their stores closest to you.

When you choose a unique location page, it shows all the important address and contact information first. It also includes photos of the exterior and interior of the store. Then it shows a list of all the designers that work at that location, with their bios.

Finally, it shows links to key services and specials people can get at that store. That can be a great little addition to give people an incentive to visit that location.


Location pages are an important part of your business’ website. It helps improve your SEO and local SEO, but it is also an effective way to increase your stores’ traffic. There are several different ways to design your location pages depending on what suits your business’ needs.

Whether you are a small business or international corporation, a restaurant or home design store, there are great examples to use. They can help give you ideas and inspiration to put together a rough design outline that you can use.

Help your customers to easily find you with our new Store Locator plugin

Have you ever searched for a store address only to be disappointed by the store’s website due to the lack of a store locator functionality and as a result not bothered to visit? Well, this is a very common occurrence with many customers and a big loss of revenue to stores if not addressed. With a good store locator you should be able to find your nearest branch and not only that, but also filter it based on your requirements like parking, products and menu selection and washroom facilities for example.

A good store locator is a plugin that our customers have requested many times and that for many various reasons we had to put off.
Yet, during our usability studies and after building our first course about how to build an effective Customer Service area in your e-commerce, we had the opportunity to analyze hundreds of store locator tools both in big shops (like Ikea, Target, Primark…) and in small companies too. We took note of the strengths and weaknesses of their store locators and highlighted the features that make a store locator for WordPress a really effective instrument for the company and a usable tool for the customer who will interact with it.

“Users often combine online and offline purchasing experiences”. This is the first statement of the video lesson dedicated to the Store locator. And it is true: statistics confirm that 75% of users try to locate a store even before purchasing a product online, to see if and how long the delivery might be delayed, or if there’s a brick and mortar store where to test the product or where to give it back if it’s not good for them.

Information available on Google is often incorrect or outdated: this is why almost every user prefers using the store locator of the company website.

A store locator that works well and fast conveys reliability and improves the user experience of your website. With this in mind, we have designed and developed one of the best store locator plugins for WordPress.

A must-have solution that those businesses, shops or offices that intend to help customers spot the available locations must absolutely integrate into their website.

The plugin includes all the most important functionalities of a textbook store locator. But which ones exactly? Let’s find them out.

One of the most popular features is by no doubt the geolocation: it gives the website permission to locate the user’s position automatically and return targeted and real-time information, without wasting time with typing the city or address in the search form.

The plugin includes two options:

  • Automatic geolocation, which asks users for permissions to find their position automatically as soon as they access the store locator page.
  • The geolocation, a text link or a button on which users can click as an alternative to the standard search.

What if the user does not want to be geolocalized? No worries, we’ve just made the search process as easy and intuitive as possible by activating the instant search. This means that if users start typing the first letters of the city where they want to find the shop, they will get search suggestions immediately. Results are updated in real time as you type: so you can choose one of the suggested options and be spared the trouble of typing the full address or town name.

This helps saving time, reducing efforts and minimizing typing errors that could compromise the outcome or show wrong results based on inexistent postcodes or an address not found because of a missing letter, just to mention a few.

YITH Store Locator for WordPress is a perfect solution, whether you have just one point of sale or you have 300. You can create as many Stores as you need (we call them Stores, but it can also be offices, branches etc) and set up different information for each of them: a picture of the shop, a description, contact information, opening hours and address.
Moreover, you can highlight some of the stores (with a different background color and a “Featured” badge on them) and choose your favourite layout for the store detail page (that users can reach by clicking on the Store name, unless you disable this option).

If you have many shops where you offer different services (e.g. free parking, children area, returns and changes, home delivery and so on) or where you find a specific product stock (like the Disney section at Primark, which is only available in some branches, or the vegan menu, which is only available in some McDonald’s restaurants), you’ll certainly need to create filters to let users find out which shop/point of sale/office is the most suitable one.

You can create any kind of filters and choose whether to use the “checkbox” option (and allow users to select multiple stores at the same time) or “select” option (and let the user pick only one at a time). Additionally, you can choose whether to show them open on the page or wrap them in an expandable menu: the ideal solution for pleasant look and good usability, especially when you have many filters to show.

We always aim at offering versatile plugins that can suit many different sites and layouts.
This is why in YITH Store Locator for WordPress you will find many options to customize the page of your store locator. For instance, you will be able to choose whether to show the map on the left or right hand side, set the size, choose the style of the filters, edit all text labels and customize the button styles. And there’s more: show results in one or two-column layout, choose which specific store details to show, customize colours.
There are so many options that it would be impossible to list them all here and now.

That’s why I suggest you take a look at our WordPress Store Locator Live Demo, where you can test by yourself the store locator functionality. To view the plugin option panel and test it inside out, just click on “Launch admin demo”.

For further details, you can also check out the page of our WordPress Store Locator plugin. If you have any questions or doubts, feel free to contact us through our live chat or leave a comment to share your view: your opinion is important to us!

90,000 tips from 5 famous designers –

Loading …

Inspiration is the driving force behind the creative careers of the world’s designers. Often, the flow of creativity and ideas is replaced by emptiness and downtime. Where can a designer get inspiration if a project requires an urgent decision? We will turn to specialists for help. Noreen Morioka Stefan Monet, Claudia Neri, Gada Vali and John Key have built stunning careers in the design world and today they share their sources of inspiration.

Norin Morioka – co-founder of AdamsMorioka design studio

  1. Notion is an awesome app where I jot down all my ideas and ideas as they come up. It’s difficult at first, but then you realize that you are creating a virtual map of the thought process.
  2. I advise you to read “The Alchemist” by Paolo Coelho and the book “Balzac and the Chinese Dressmaker” by Dai Si-tsze, which are distinguished by a stunning style of storytelling and unforgettable images.
  3. Work for a large company, such as the well-known advertising agency Wieden + Kennedy.So you will turn creativity into a serious occupation, you will devote a lot of time to it and receive a salary for it. In design, it is important not to fall back on old habits and ideas. Don’t rely on what has worked in the past, be in constant search. Working for yourself or in a small studio limits the ability to implement ideas, and also prevents you from paying bills. The ultimate goal of any designer is to create something incredible that can be done with a large team.

Stephen Monet – founder of Monnet Design studio

  1. In addition to the regular designer blogs and Instagram accounts, I review works by Studio Dumbar, Hey Studio and SWISSPOSTERS.I often admire old projects. I have many 60s and 70s yearbooks that are always inspiring.
  2. If I feel depressed or stressed, I go for a walk with the dog. This is the best way to clear your head. An added bonus is that I get inspired by what I see on the street. Coming back from a walk, I sketch invented ideas.

Claudia Neri – Founder of the graphic design studio Teikna Design

  1. My studio is located in the heart of Milan, a city focused on art and design.During the lunch break, my assistant and I go to shops and galleries, where we just admire the exhibits and goods. It perfectly relieves stress, saturates with creativity and cheers up.
  2. Books are a limitless source of design inspiration. I recommend Contemporary Magazine: Visual Journalism in the Digital Age by Jeremy Leslie and Asymmetry by Lisa Halliday.
  3. I admire Gucci’s creative director, Alessandro Michel. He is a real dreamer. I love the work of Maria Grazia Chiuri, Creative Director of Dior.I love the unique style of Prada’s chief designer (Miuccia Prada), which reinterprets the past. Moncler Genius designs are equally inspiring.

Gada Wali – Egyptian graphic designer and winner of international design competitions

  1. I often attend conferences, workshops, exhibitions, contests and other design events. I just love OFFF Barcelona.
  2. I want to lead the visual revolution in Egypt by popularizing graphic design training.I hope that one day I will be responsible for design projects in education, healthcare, politics and any areas where design contributes to the promotion, maximization and revival of our country. This goal is inspiring!

John Key – Designer and Art Director of Gray Studio

  1. Music is my creative fuel. I love disco and house. Now I’m inspired by Lizzo’s songs.
  2. Instagram and Behance are great platforms for finding inspiration, partners and clients.
  3. Be sure to read Michelle Obama’s Becoming book.

Inspiration is a must for any creative person, especially a graphic designer. However, creativity alone is not enough; the implementation of ideas requires a knowledge base and experience, mastery of professional programs and an understanding of industry trends.

Thus, design education is an important component of a creator’s success. Marangoni School of Design offers a wide range of study programs for students with different backgrounds:

You can find out all the details about training for a designer abroad from the STUDIES & CAREERS experts by phone, in social networks or at an individual consultation in the office.

Materials on the topic:

90,000 Top 20 Best Websites for Web Design Inspiration – Design at

Inspiration is a very subtle thing. It does not obey the laws of logic and systematization. This means that, first of all, you need to listen to your feelings and try to understand what causes joy and inspiration.



At the same time, it is important to understand that webmasters often belong to visuals.That is, they perceive the world around them primarily due to their eyesight. At the same time, the concept of beauty is different for everyone. Therefore, it is useful to compare your creations with others. It is best to be inspired by the work of professionals. To do this, you can visit sites specializing in web design. Consider 20 resources where you can find many examples of successful design.

This resource is already well known to many, but it is simply impossible not to say about it. There are few webmasters who have never visited it.


Here you can not only see a lot of successful projects, but also analyze them.Every week, a new site is analyzed, its advantages and disadvantages are determined, and the information received will undoubtedly greatly help the webmaster in working on his project.


This site is a kind of social network.It is intended for those who love creativity Here you can find many ideas not only for Internet projects in particular, but also for corporate style in general.


The site contains over one and a half hundred applications and thousands of templates.Here, a web designer can find tons of ideas for realizing their goals.


The creators of the Internet project “Niice” themselves often call their brainchild “Tasteful search engine”. There are many different pictures that users can use on their sites.


The site contains many examples of successful designs. The content is updated quite often. You can find interesting solutions for your site on any topic.

This site contains graphics that can be very useful for webmasters. There are icons, photos, illustrations, vector graphics.

This site hosts various pictures and videos. Among the options presented to choose from, web designers who have come for inspiration will certainly find exactly what they need.

In the blog, you can read the latest news in the world of design.


The pedantry characteristic of the Germans is manifested even in creativity. The site features a variety of elaborate artworks.

2,500 sites are united here, making it easy to find inspiration for creating a commercial project. Once on the main page, the user will immediately understand where to go next, searching for ideas.

The best sites featured here receive awards. To win, only one condition is required – the design must be holistic.


This site is preferred by many creative people.It is a photo hosting site where everyone can add their image.

This project can to some extent be considered a search tool like Yandex and Google.


This is another platform where you can find many examples of successful design.Special filters will help you find what you need: you can set a specific type, style, etc.

Each user can ask the developers to add a site that seems worthy to him.


Not only projects are presented here, but also portfolios.Users, including professionals, are discussing the work. This means that there is always a lot to learn.


The sites presented here consist of only one page.Having studied them a little, you can master some techniques that allow you to place all the necessary information on such small one-page resources. The main thing in this case is not to make the page overloaded.

One Page Love has topic sections, a blog, and templates.

This site presents mainly projects in the style of minimalism. Everything is pretty compact and neat.


The service presents various examples in separate categories.You can see many options for Ul-forms, applications, etc.


Anyone who wants to see many examples of modern sites should visit this resource. A good selection of beautiful interfaces is shown here already on the home page.For the convenience of searching, a special filter has been developed, with the help of which you can immediately select the required topic.


This portal provides a detailed analysis of the design, development and content of sites.At the same time, special attention is paid to innovative methods. Here you can find a modern look at certain features of the design of Internet projects.


On this site, users can share their own experiences in web design with each other.

There are many quality works here, each of which is able to inspire the user to create their own project.

I must say that getting on Dribbble is not very easy. This requires a special password from designers who have already been registered.That is why only the best is kept here.

90,000 12 Inspirational Idea Sites

Visual design is an important component of presenting information. We want you to be able to easily draw inspiration even from highly analytical articles – even our article on the analysis of the candy market is full of juicy photos.

At KOLORO we are convinced that inspiration must be shared! We recently shared with you the best design blogs we read.Read more about them in the article here. Today we are sharing with you the most intimate – sources of inspiration! These 12 sites will become your irreplaceable assistants in the design of presentations, reports, posts on social networks.

We ♥ it – cozy inspiration

Finding inspiration on Google is difficult. Today, everyone uses Pinterest and Tumbler to find themed pictures. We share with you another site with beautiful photos to illustrate our ideas – We ♥ it.

+ Thematic photos and motivating quotes in the same style will help you beautifully design a presentation, post, stand or article.

+ Web designers can find here modern patterns for background design.

+ The site is full of inspiration for girls : cosmetics, accessories, cooking, fashion, makeup, flowers, etc.

Few pictures dedicated to certain brands (if it is not cosmetics or clothing).

Difficult to find ideas for packaging or corporate identity design.

Most of the images are in a small extension and have to be additionally searched through Google Images.

InspirationDe – from around the world about everything

At InspirationDe, users from all over the world share inspiring photographs and illustrations. The site is very active and is regularly updated with new pictures.

+ High quality images.

+ Abundance of categories (from typography to health).

+ Similar images are automatically suggested.

Photo by: Evgeny Tchebotarev

Aldenchong – Branding & Design

Interesting packaging design ideas and more – on the aldenchong website. There are many examples of corporate identity for restaurants, cafes and shops.

Design Ribz Grill & Booze bar from Milena Savic and Aleksandar Spasojevic

+ The site has 18 boards on Pinterest, where 10.3 thousand items are collected.ideas for packaging design, interiors, posters and even web design. Colossal inspiration!

+ Moodboard has only the best ideas of the day to fuel creative minds.

Authors Designs : Pardon My French From Inne Beczki; The Black Sheep Collection From Charlotte Fosdike

Inspiration Grid – a bouquet of inspirational pictures

Collections of drawings from outstanding artists, examples of industrial design, packaging, interiors and photos of the day – all this on the Inspiration Grid. is amazed by the abundance of colorful illustrations in different styles .

Pictures : Seventy Two Studio ; Javier Gonzalez Pacheco

+ Unusual photos and drawings for a rich presentation on any topic.

+ Examples of modern industrial design: from a bicycle to a hair clip.

+ Convenient categories for navigation (architecture, branding, graphic design, illustrations, packaging, etc.)P.).

Not all pictures are of good quality.

Photo : Neil DaCosta; Illustration : Surreal Collages From Rocío Montoya

BUAMAI – treasure chest

The Buamai website is a huge repository of inspirational images from users. The main content is graphic design and printing-related materials .

+ High quality images.

+ There is an infographic.

+ Photos of people, including from advertising campaigns.

+ You can enable censorship.

The service does not provide copyrights for works, and it can be difficult to find the author of a photo.

Dribbble – Show Your WIP!

On dribble, designers around the world can share a WIP ( work in progress ) and get feedback from other users.It is convenient to find new ideas for inspiration here and exhibit your work. User feedback helps to identify design flaws and correct work. Most popular site author – Mike | Creative Mints. He has a unique style and draws a lot for games. Below are examples of his illustrations.

+ There is a gif animation on dribble.

+ Endless inspiration for web designers.

Few completed projects.

There are no convenient categories for searching images in a specific subject.

Interior design by BUREAU BUMBLEBEE

The sites below are an endless source of creative packaging design ideas.

Packaging of the world – examples of the best packaging from around the world

The creation of any product packaging begins with an examination of existing packaging. The Packaging of the world website helps designers identify major packaging design trends for a product and understand how to best make their product stand out.

+ Examples of packaging are not limited to design for food: there are examples of packaging design for alcoholic beverages, tobacco, jewelry, sporting goods, etc.

+ There is a large category with vintage designs.

+ Each article contains information about a designer or agency.

+ All pictures in large resolution.

The wide variety of packaging does not allow you to immediately find examples in a particular style.

Design : Cacao Barry from Design Bridge; Cualli Xocolatl from Michal Slovák

The Dieline – packaging for everyone!

The Dieline packaging site began as the personal blog of designer Andrew Gibbs. He constantly had to spend hours looking for inspiration for new packaging designs. So he decided to collect the best packaging examples in one place. Today, the site is full of design articles and even awards the Annual Best Packaging The Dieline Awards.

+ Only the best examples of modern design.

+ A rubric of great concepts that were never implemented.

+ Heading about redesign: examples of packaging design before and after.

+ Thematic collections (for St. Patrick’s Day; dedicated to Star Wars, etc.).

Package design: Kollektiv

Logopond – pond of logos

The Logopond website contains examples of the most trending logos.Total number of logos: 152,547! The gallery has logos brought to life, concepts, student work, semi-finished work.

Photo: Monica Wang

Logogala – Lair inspiration

Another site with endless logo inspiration is logogala. A significant advantage of the service is the ability to search logos by color.

Information is beautiful

The site name informationisbeautiful speaks for itself.Useful but slightly boring information, presented here in the form of colorful infographics . This helps to refresh the scientific text. If it seems to you that the topic of the report is very complex and there are no ideas on how to present it more interesting, be sure to look for inspiration on this site. Before creating your infographic, check out our article on 10 Free Services for Marketers – here you will find helpful tools to create beautiful charts (, Piktochart, Canva).

Graphic Exchange – Great Graphic Design

Mr.Cup (creator of the Graphic Exchange) collects the best examples of graphic design and packaging. In addition, he keeps records of interior design, web design, lettering – what should be beautiful.

We hope you find your inspiration among these sites! Join our mailing list and get the best blog posts directly to your inbox!

90,000 30 online sources of inspiration for web designers

There is no shortage of websites for designers right now – there is only a shortage of time to browse them and find something worthwhile.

If you have no time to choose these sites, Christopher Ratcliffe, who is the deputy editor at Econsultancy, has already made his own selection of many useful resources!

Some of these sites and resources are used in the work of a designer on a daily basis, others – not more often than once a week. With their help, you can stay on trend in web design news in just 30-60 minutes a day!

If you often need fresh ideas or something suitable as a foundation for your own project, then this list is worth bookmarking.



First on the list of “places to go for inspiration”. This is where Christopher looks for new ideas.

Updates on Awwwards are daily, and examples are categorized from entertainment to real e-commerce gems.

CSS Design Awards

Like Awwwards, the CSS Design Awards honor the most beautiful and original sites. To win, you only need to fulfill one condition – maintain the integrity of the design.No one knows for sure what is meant by this definition, but everyone can admire the design of the participants.

One Page Love

The basic principle in creating any site is simplicity. And what could be easier than limiting the site to one page? Of course, creating a one-page website comes with certain challenges. But One Page Love is a resource that shows how to correctly and beautifully create landing pages, portfolios, step-by-step forms, registrations and stores based on just 1 page.

Most often, one-page sites are developed with a specific purpose – to advertise a product / service or to entice the user to subscribe to the newsletter. The stakes are high, therefore, when undertaking the creation of such a site, remember that the design must be accurate and “hit right on target” (more precisely – to the target audience) – this is what will help you find the One Page Love resource.

UI Parade

This resource differs from others in the abundance of functional elements, including: pagination, search bar, current status indicators, etc.e. In order to create an attractive, smooth and consistent interface, you need to consider the smallest details, and UI Parade will help you with that. All examples from the collection will help you create an interactive website based on the best practices offered.


Niice themselves position themselves as a “tasteful search engine”. Collected here are a variety of community images that you can freely use on your projects.


Another great source of design ideas that anyone can work with fearlessly is Designspiration.


Plugin for Google Chrome replaces the browser home page with an aggregator of design ideas, which contains examples from several sources. In particular, the plugin is connected to Awwwards.

Awwwards Creattica

This site not only showcases, but also rewards the very best developers, designers and web agencies from around the world. The jury is composed of designers, journalists and agencies, who rate participants according to strict rules and award points for categories such as design, creativity, usability and content.Entries are expected to win if they not only look good but function as intended.


Here you can find almost everything, from UI elements, logos and icons, to showcases of ready-made websites and applications. Creattica is an open community where everyone can submit their work and vote for what they like. It also has an extensive and growing collection of free samples to download and start working on a new project right away.


One of the best features of PSDBucket is the selection of templates by color. You can also adjust color uniformity and minimum intensity, which allows for a more targeted search for items for your designer collection.

Designers ’List

This is a list of resources for designers, where you can find everything for a designer: from blogs to inspirational communities, from free resources to CSS galleries, fonts and more. It will take a lot of time to view all the materials posted on the links in the Designers’ List.But you’re guaranteed to find something inspiring and rewarding.

Free Pictures


Freepik hosts free graphics that may be useful to designers, including vectors, icons, illustrations, and photographs.


Freebiesbug is giving away thousands of free PSD mockups and other useful web design resources.

Graphic Burger

The Graphic Burger has a daily selection of collections of free icons, photographs, dramatizations and other graphic goodies.



With Color. you can easily collect and save color combinations. Move back and forth to adjust HUE, up and down to adjust brightness, wheel to adjust saturation.


Pltts’s collection of frequently used palettes can evoke the most amazing associations. I think today I will choose Wasabi Suicide.

Adobe Color CC

Adobe Color CC palette combiner renamed from Adobe Kuler to something more meaningful.Along with the rebranding, it received a powerful “wheel of flowers”, so it’s a sin to complain.



On Pttrns, you can see how other mobile designers are solving user interaction problems, not just original approaches, but also convenient ones. Filters are available by device, operating system, year and available functionality.

WTF Mobile Web

Or “What not to do when developing mobile sites”.Collected here are vivid examples of horribly awkward design solutions.


The ultimate source of inspiration for mobile website designers. Capptivate supports filtering by templates and used components.

Christopher recently discovered this tool, although it has been present in Google Chrome since late 2013. It is enough to right-click on the content of the page and select the last item “view the element code”, or press the combination Ctrl + Shift + C.On the panel that appears, the icon of a mobile device will be clearly visible on the edge, in which you can select a simulation of any device you are interested in.

Econsultancy’s Mobile Web Design Best Practice Guide

If you are subscribed to Econsultancy, it would not hurt to download a book describing the best mobile design practices. 200 pages of pure knowledge!

Google’s Good Mobile App Guidelines

If you’re entering the app marketplace, Google’s best design practices are a must-read.

User Interaction

Hover States

A collection of new, unusual interfaces and design solutions for interaction with it. Each Hover States example has a handy video demo.

Little Big Details

To all lovers of meticulous work on design, Little Big Details is dedicated – a place where small details become the supporting structure of design.


On UXPin you can find commercial designs for various platforms, but we are interested in the site due to free tutorials that only require registration.In particular, you may like the sections on interfaces for desktop and mobile.



The Behance Community is a free platform for self-expression for website designers, where everyone can share and evaluate their work.


At its core, Dribbble is a show-and-tell service for designers to get quality feedback on their work.

What to Read

Smashing Magazine

Smashing Magazine publishes helpful articles on design and code, guides for creating user interfaces, and working with WordPress.Updated daily.

Designer News

Kind of like Hacker News, but for designers. On Designer News, a community of professional designers shares interesting links and experiences with others.

User Testing Blog

Check out the User Testing Blog for a huge collection of responsive design articles that answer all your mobile support questions.


Sources of inspiration for the designer.My favorite designers. ‹Virtual School of Graphic Design

Hello everyone!

I recently informed my subscribers that soon my audio answers to their most interesting questions will begin to appear on the site. To this end, I asked my subscribers to send me their most painful question about graphic design.

As a result, I received about a hundred questions, of which I selected the most interesting ones, and proceeded to write down the answers.

My audio responses will now be published regularly on the site.All of them will be available for download. Come in, download and listen! It is quite possible that you will find the answer to your own question …

Many questions were sent on the topic of inspiration. For example, one of my followers asks, where do I get my inspiration from, who influenced me as a designer and who are my favorite designers?

Download my in-depth 40 minute audio source for inspiration.

To answer the question, I would like to start with the definition of inspiration .

Inspiration is a kind of creative impulse. For artists, musicians, writers, poets, inspiration is essential. Any poet needs the Boldinskaya autumn, and every artist needs a strong impression.

Will we talk about this kind of inspiration?

Of course, the field of graphic design is somehow connected with art, but design in its pure form is not art. Unlike painting and poetry, design is not art for art’s sake. Design is not a goal, but a means of promoting certain goods and services. Therefore, do not completely depend on the influx of inspiration, the customer will not wait for you.

Rather, when we talk about design inspiration, we mean sources of creative ideas or illustrative examples of successful work that will help us in accomplishing a certain task.

In order to gain impressions for work, I would recommend a few things:

  1. Professional environment.
    If you are already in some way connected with design and graphics, try to communicate more, observe, just consult with your colleagues.
  2. Nearest environment.
    Do not neglect “non-professional” advice either. Once I was working on a logo and could not decide on the leading idea. At that moment, a person close to me, not related to design, looked at the outline of the logo and uttered a phrase that led me to a very valuable idea.
  3. Design exhibitions, competitions and international biennials.
  4. Create yourself a catalog of design sites, portals.
    It is there that designers exhibit their work, exchange impressions, write articles.
  5. An old and good source of inspiration is books.
    Good design books should always be at your fingertips.
  6. Supervise the work of a professional.
    Learn and adopt their professional skills.
    video tutorials from recognized masters of design will help you here.

In order for to want to work , you must decide whether you enjoy what you do.

And in order not to get bogged down at the very beginning of work, try to fantasize and imagine the final product , the sight of which will take your breath away!

It is not difficult to maintain this charge throughout the entire work.Here’s my advice:

  1. As I said, needs to be dreamed of, i.e. visualize the final product .
  2. Break your global task down into small chunks. The first step can be the creation of the key to a successful design – composition.
    At the second stage, you can accentuate and define the hierarchy of elements.
    The next step can be to find a color solution. The sequence of steps can be different.

Answering the question about who are my favorite designers , I can name two names that influenced me.At one time, they made me look at design in a new way.

This is Neville Brody and David Carson .

Download my in-depth 40 minute audio source for inspiration.

Share on social media networks:

90,000 10 sources of inspiration for designers and filmmakers

Creativity – the mysterious aspect of human experience; It is often difficult to determine what drives this impulse and what elements inspire an artist’s work.Written from the perspective of a practicing artist and writer, this post brings together ten areas that are sources of artistic inspiration. When a dividual chooses a career as a freelance artist or designer, a career that relies on continued creativity, it is important to understand what inspires work and how to stimulate the imagination.

1. Fine arts


For all masters of art and design, the work of fellow artists, designers and creatives of all kinds is a critical source of inspiration.A knowledge of the history of art and design provides a solid foundation for work, while an understanding of contemporary art practice creates the context in which the work is produced. Successive art movements developed and flourished as artists drew inspiration from the works of one and the other, and this is still relevant today. At times when inspiring, it is important to pay attention to the work of past masters. When a designer is faced with an aesthetic problem, he is helped by an extensive art history that presents practices that have already “solved” many of these dilemmas.

2. Galleries and Museums


The best way to experience art is in the flesh, and luckily our galleries and museums are teeming with great work and breathtaking relics. There are tons of inspiring artwork, from an embarrassment of wealth held in national museums like the British Museum and National Galleries, to cutting-edge work found in small contemporary exhibitions. Many of the top museums are free to visit (although some charge fees for major exhibitions), and many offer talks and events to explore the collections.Thousands of small galleries have a schedule of exhibitions, and many publicly advertise their premiere – “private performances,” the opportunity to meet artists, mingle with other creators, and enjoy a glass of wine.

3. Internet


It’s easy to take the Internet for granted, but just a few years ago, research on artists and creative techniques involved going through libraries, finding periodicals, and attending evening classes.Today, all of this can be found with a simple search, reading Wikipedia pages, or watching YouTube videos. The Internet has revolutionized many aspects of our daily life; for artists and designers, it is an invaluable source of information and inspiration.



Cinema is considered by many critics and historians to be the most significant art form of the twentieth century. The ghostly quality of silent films, crisp light and shadow designs in film noir, vibrant colors of Hammer horror, a grain of American gangster films, European art house aesthetics, stunning manga animation graphics and cutting-edge CGI and 3D technology; for artists and designers, film is a huge source of visual imagery and inspiration.

5. Music


There are two ways that music can be an important source of inspiration for artists and designers. First, music can shape the soundtrack of a designer’s practice, helping to create the mood and atmosphere that accompanies the work environment. Designers can choose music according to the project they are working on, helping to set the pace and mood of the work. The second way that music can positively influence designers is through its packaging, performances, posters, and other related images.Musicians often use strong aesthetics, high fashion and contemporary design to accompany their music, inspirational pieces for the visual arts.

6. Print ads and posters


Film and music often suggest amazing posters and print media, as do all kinds of commercial products, events and even ideas. Many print ads are made by the top designers of the day to ensure engaging imagery and effective communication.This material is an essential resource for a designer to find reference material and inspiration.

7. Outdoors


In the practice of every creative person, there are moments when inspiration dries up and ideas stagnate. At this time, it is great to relax and go out into the fresh air, take a walk or ride a bike. Parks and countryside, city streets and urban environments can revive the senses and revive creativity.



While the best way to see art in the flesh, and there is so much available online, one of the best ways to study visual work is through books. Of course, for book designers and typographers, the shape of the book is the best way to present their creations. Books are available for all types of artists, history and technology, and they remain one of the most useful tools for finding inspiration.



Like books, magazines and periodicals are great ways to find inspiration.Publications such as Art Review and Modern Painters cover the latest trends and contemporary artists, and provide overviews of past movements and critical theories.

10. Life


The best works of art, design and creativity are directly related to the life of the manufacturer. Work purely stylistically and aesthetically can lead to results, but it is when artists fill their work with their personal life experiences that the work becomes enriched and truly lively.

About the author

Tom may be a writer, but his real passion in life is in design and art. He works as a writer for a renowned supplier of materials such as HP toner, ink and documents for a company based in Manchester, England called Cartridge Save.You can read his other work on their blog, CreativeCloud, where he writes about print design and contemporary art. …

Bogdan is one of the founders of Inspired Mag, having accumulated almost 6 years of experience during this period.In his spare time, he enjoys studying classical music and studying fine arts. He’s also obsessed with fixes. He already has 5.

90,000 The 75 Most Intelligent Resources for Web Designers | by Nancy Pong | Basics of visual design

The guys create a visual language of icons that everyone can understand. This is a huge database of “glyph” icons created by the design community. There is a search option.

Another hefty collection of free icons available in SVG, PSD, PNG, EPS and BASE 64 formats.

Icon library for the picky pixel idealists and icon font generator.

As you probably already guessed, this is a selection of beautifully executed Google icons.

Cool free icons from top designers and a platform to download your own icons.

A large database of various icons that can be edited and adjusted to suit your brand. There is a search option.

Source: Right Font

Lightweight font manager for Mac.Helps you preview, sync and organize your headsets – wherever they are.

Scans one million top sites and shows what fonts are used on the web. It’s like a zoo for designers.

Gallery of typefaces from individual designers and design teams. You can download the typeface you want and use in your design.

Literally the easiest way to recognize a font is in your browser.

This site is new and simple enough – you can get stuck picking up font pairs: it’s like Tinder for fonts only.

An abundance of top quality typefaces from Adobe.

New type of font manager for Mac. Helps you choose the perfect font by quickly and clearly previewing fonts.

On this site you can manually select headsets – everything is simple, clear and free!

Source: Color Hunt

Pinterest for colors. Lots of four-color palettes – you can scroll endlessly.

Convenient, super-simple generator of contrasting colors on the click.

Author’s selection of color palettes from designer Mackenzie Child.

Super fast color scheme generator that lets you create, save and refine palettes in seconds!

Compass for working with the color wheel. Use it to explore many color combinations: analog, monochrome, and more.

Cool browser-based eyedropper tool. Allows you to analyze the colors used on the page. Works in Chrome and Firefox.

A daily dose of inspiration for all who love color.

Hand-picked collection of beautiful color gradients.


Designer secret ingredient: here, in your hands a huge portion of inspiration – just open a new tab in Google Chrome.

Author’s selection of the best landing page designs.

Internet award given to the best developers, designers and web agencies from around the world for professional merit and achievement.

A selection of the best works, resources and free pieces in the world of design and development.Everyday!

We love this site (and the product pages, product pages, and checkout pages too). This is a catalog of the best pricing pages – and it’s a goldmine of inspiration.

Incredibly detailed (and useful) step-by-step slideshows that demonstrate the onboarding process on well-known sites and popular applications.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *