Mobile & website design
Spring Store Locator
Mobile & website design
Mobile & website design
Spring Store Locator
Timeline
August 2023
Role
Product design, research, visual design, full developer handoff
The team
1 Product Designer (me), 2 developers, head of design
Timeline
August 2023
Role
Product design, research, visual design, full developer handoff
The team
1 Product Designer (me), 2 developers, head of design
Spring store locator - facilitating access to nearby stores, enhancing the selling experience
Spring store locator - facilitating access to nearby stores, enhancing the selling experience
The store locator feature allows users to identify nearby store locations for sending their devices to Spring.
I was assigned to create an intuitive user experience, ensuring user convenience during device sales.
The store locator feature allows users to identify nearby store locations for sending their devices to Spring.
I was assigned to create an intuitive user experience, ensuring user convenience during device sales.
Problem
Problem
Limitation in accessing the store locator feature due to the requirement of creating an account
Limitation in accessing the store locator feature due to the requirement of creating an account
Hesitant users perceived the account creation as inconvenient or unnecessary, leading to abandonment, and missed conversion opportunities for the company.
Hesitant users perceived the account creation as inconvenient or unnecessary, leading to abandonment, and missed conversion opportunities for the company.
Goal
Implement an easy accessible feature that would allow visitors to explore store locations as guests
To address this challenge I aimed to design a user-friendly, easy to find store locator feature that provides accurate and comprehensive information about store locations, enabling seamless navigation and supporting increased foot traffic.
Research
Insights
Gaining insights on user behaviour and preferences related to store locations
Given the tight timeframe for research, I prioritized gathering preexisting data on user preferences and behavior related to store locators.
I consulted reputable sources like Baymard Institute and Nielsen Norman Group.
Following this, I conducted a competitor analysis on direct and indirect competitors to identify common functionalities, key user interface elements, and potential areas for differentiation.
Allow users to view the map or list view of stores interchangeably. Some users prefer one or another.
Incorporate advanced search filters.
Integrate geolocation services to detect user’s current location for quick searches.
Use third parties like Google maps for directions, instead of having users learn a new map interface.
Competitive Analysis
Seamless navigation, advanced search, and
mobile optimization
Analyzing competitors' store locator features highlighted crucial UX considerations: prioritize simplicity for intuitive navigation, incorporate advanced search filters, ensure clear presentation of store information, and optimize for mobile usability.
Problem
Limitation in accessing the store locator feature due to the requirement of creating an account
Hesitant users perceived the account creation as inconvenient or unnecessary, leading to abandonment, and missed conversion opportunities for the company.
Goal
Goal
Implement an easy accessible feature that would allow visitors to explore store locations as guests
Implement an easy accessible feature that would allow visitors to explore store locations as guests
To address this challenge I aimed to design a user-friendly, easy to find store locator feature that provides accurate and comprehensive information about store locations, enabling seamless navigation and supporting increased foot traffic.
To address this challenge I aimed to design a user-friendly, easy to find store locator feature that provides accurate and comprehensive information about store locations, enabling seamless navigation and supporting increased foot traffic.
Research insights
Gaining insights on user behaviour and preferences related to store locations
Given the tight timeframe for research, I prioritized gathering preexisting data on user preferences and behavior related to store locators.
I consulted reputable sources like Baymard Institute and Nielsen Norman Group.
Following this, I conducted a competitor analysis on direct and indirect competitors to identify common functionalities, key user interface elements, and potential areas for differentiation.
Allow users to view the map or list view of stores interchangeably. Some users prefer one or another.
Incorporate advanced search filters.
Integrate geolocation services to detect user’s current location for quick searches.
For the list view limit the amount of results to 5-10 locations so that the user is not overwhelmed .
Use third parties like Google maps for directions, instead of having users learn a new map interface.
For users who would rather input their location manually, allow for both zip code and city inputs.
Wireframes
Prioritizing core functions and seamless journey
Following a collaborative meeting involving stakeholders, the head of design, developers, and product manage I made some wireframes to visualise the potential layout and functionality of the store locator feature.
These wireframes were created with a focus on the core functionalities. Key areas of focus included enhancing searchability through intuitive search algorithms, providing filtering options to cater to varying user preferences, and ensuring pinpoint location accuracy.
Moreover, every design decision was carefully weighted against technical feasibility, ensuring that all the features could be implemented within our existing framework.
Solution
Simplifying access to nearby store locations
The store locator feature will be prominently placed in both the menu and footer, facilitating users' seamless discovery of nearby stores. Additionally, we'll introduce a guest access feature within the store locator, eliminating the necessity for account creation and directly tackling potential abandonment issues. Moreover, we'll streamline the selling process by enabling users to seamlessly transition once they select a store, enhancing their overall experience.
With this solution, we anticipate a decrease in abandonment rates, heightened satisfaction levels, and increased foot traffic as direct outcomes, aligning with our objectives of improving user engagement and driving business growth.
Features breakdown
Seamless Exploration: Unlocking convenience with our store locator's comprehensive features
Users can easily choose their preferred method for sending their sold tech, ensuring a seamless process from start to finish. Tailored filtering options enable individuals to personalize their search, catering to their unique preferences. The interface seamlessly switches between list and map views, offering users flexibility in accessing store information. Detailed store profiles deliver vital information like addresses and operating hours, empowering users with all necessary details conveniently accessible.
1
Choose how to send your sold device
Users can select the desired option to send their device to Spring, either order a pouch to their address or drop it off at their nearest shops.
Users can search for nearest shops either by typing in their address/postcode or by enabling geolocation for a quick search.
2
View the map or list
of stores interchangeably
Some users prefer one or another, and this will allow them to find the information they need in a fluid way.
Each store card has a label showing straightaway if it has a Spring Pod or Pouch at the location.
3
View store details
Users can quickly see all the needed information about the store on one page before planning a trip to that location.
The "Get selling" button prompts users to move forward, kickstarting the device selling process with Spring.
4
Filters
Users can easily select various filters to see the information that matters most to them, promoting a more efficient
navigation experience.
The "Apply" button ensures users confirm their filter choices before making any changes to the displayed data, preventing unintentional modifications.
Measuring the success
Mapping user engagement: Metrics & Methods
To enhance user experience, I'd delve into two key data streams: quantitative metrics showcasing store finder usage and qualitative insights on user perceptions and behaviors. Specifically:
Tracking the frequency of store finder usage and search queries for store locations.
Monitoring conversion rates from online searches to physical store visits.
Analyzing the time users spend navigating the store finder.
Gathering user feedback and opinions.
Conducting usability tests to evaluate the effectiveness and ease of use of the store finder.
Employing heat-maps and analytics to gain deeper insights into user behaviors.
Research insights
Gaining insights on user behaviour and preferences related to store locations
Given the tight timeframe for research, I prioritized gathering preexisting data on user preferences and behavior related to store locators.
I consulted reputable sources like Baymard Institute and Nielsen Norman Group.
Following this, I conducted a competitor analysis on direct and indirect competitors to identify common functionalities, key user interface elements, and potential areas for differentiation.
Allow users to view the map or list view of stores interchangeably. Some users prefer one or another.
Incorporate advanced search filters.
Integrate geolocation services to detect user’s current location for quick searches.
For the list view limit the amount of results to 5-10 locations so that the user is not overwhelmed with a huge list.
Use third parties like Google maps for directions, instead of having users learn a new map interface.
For users who would rather input their location manually, allow for both zip code and city inputs.
Competitive analysis
Seamless navigation, advanced search, and mobile optimization
Analyzing competitors' store locator features highlighted crucial UX considerations: prioritize simplicity for intuitive navigation, incorporate advanced search filters, ensure clear presentation of store information, and optimize for
mobile usability.
Feature name
List view
Map view
Store details
Filters
Geolocation
Third party integration
MusicMagpie
CeX
Currys
GAME
Wireframes
Prioritizing core functions and seamless journey
Following a collaborative meeting involving stakeholders, the head of design, developers, and product manage I made some wireframes to visualise the potential layout and functionality of the store locator feature.
These wireframes were created with a focus on the core functionalities. Key areas of focus included enhancing searchability through intuitive search algorithms, providing filtering options to cater to varying user preferences, and ensuring pinpoint location accuracy.
Moreover, every design decision was carefully weighted against technical feasibility, ensuring that all the features could be implemented within our existing framework.
Solution
Simplifying access to nearby store locations
The store locator feature will be prominently placed in both the menu and footer, facilitating users' seamless discovery of nearby stores. Additionally, we'll introduce a guest access feature within the store locator, eliminating the necessity for account creation and directly tackling potential abandonment issues. Moreover, we'll streamline the selling process by enabling users to seamlessly transition once they select a store, enhancing their overall experience.
With this solution, we anticipate a decrease in abandonment rates, heightened satisfaction levels, and increased foot traffic as direct outcomes, aligning with our objectives of improving user engagement and driving business growth.
Features Breakdown
Seamless Exploration: Unlocking convenience with our store locator's comprehensive features
Users can easily choose their preferred method for sending their sold tech, ensuring a seamless process from start to finish. Tailored filtering options enable individuals to personalize their search, catering to their unique preferences. The interface seamlessly switches between list and map views, offering users flexibility in accessing store information. Detailed store profiles deliver vital information like addresses and operating hours, empowering users with all necessary details conveniently accessible.
1
Choose how to send your sold device
Users can select the desired option to send their device to Spring, either order a pouch to their address or drop it off at their nearest shops.
2
View the map or list
of stores interchangeably
Some users prefer one or another, and this will allow them to find the information they need in a fluid way.
3
View store details
Users can quickly see all the needed information about the store on one page before planning a trip to
that location.
4
Filters
Users can easily select various filters to see the information that matters most to them, promoting a more efficient navigation experience.
Solution
Simplifying access to nearby store locations
The store locator feature will be prominently placed in both the menu and footer, facilitating users' seamless discovery of nearby stores. Additionally, we'll introduce a guest access feature within the store locator, eliminating the necessity for account creation and directly tackling potential abandonment issues. Moreover, we'll streamline the selling process by enabling users to seamlessly transition once they select a store, enhancing their overall experience.
With this solution, we anticipate a decrease in abandonment rates, heightened satisfaction levels, and increased foot traffic as direct outcomes, aligning with our objectives of improving user engagement and driving business growth.
Features breakdown
Seamless Exploration: Unlocking convenience with our store locator's comprehensive features
Users can easily choose their preferred method for sending their sold tech, ensuring a seamless process from start to finish. Tailored filtering options enable individuals to personalize their search, catering to their unique preferences. The interface seamlessly switches between list and map views, offering users flexibility in accessing store information. Detailed store profiles deliver vital information like addresses and operating hours, empowering users with all necessary details conveniently accessible.
Users can search for nearest shops either by typing in their address/postcode or by enabling geolocation for a quick search.
1
Choose how to send your sold device
Users can select the desired option to send their device to Spring, either order a pouch to their address or drop it off at their nearest shops.
2
View the map or list
of stores interchangeably
Some users prefer one or another, and this will allow them to find the information they need in a fluid way.
Each store card has a label showing straightaway if it has a Spring Pod or Pouch at the location.
The "Get selling" button prompts users to move forward, kickstarting the device selling process with Spring.
3
View store details
Users can quickly see all the needed information about the store on one page before planning a trip to that location.
4
Filters
Users can easily select various filters to see the information that matters most to them, promoting a more efficient
navigation experience.
The "Apply" button ensures users confirm their filter choices before making any changes to the displayed data, preventing unintentional modifications.
Measuring the success
Mapping user engagement: Metrics & Methods
To enhance user experience, I'd delve into two key data streams: quantitative metrics showcasing store finder usage and qualitative insights on user perceptions and behaviors. Specifically:
Tracking the frequency of store finder usage and search queries for store locations.
Monitoring conversion rates from online searches to physical store visits.
Analyzing the time users spend navigating the store finder.
Gathering user feedback and opinions.
Conducting usability tests to evaluate the effectiveness and ease of use of the store finder.
Employing heat-maps and analytics to gain deeper insights into user behaviors.
Measuring the Success
Mapping user engagement: Metrics & Methods
To enhance user experience, I'd delve into two key data streams: quantitative metrics showcasing store finder usage and qualitative insights on user perceptions and behaviors. Specifically:
Tracking the frequency of store finder usage and search queries for store locations.
Monitoring conversion rates from online searches to physical store visits.
Analyzing the time users spend navigating the store finder.
Gathering user feedback and opinions.
Conducting usability tests to evaluate the effectiveness and ease of use of the store finder.
Employing heat-maps and analytics to gain deeper insights into user behaviors.
Competitive Analysis
Seamless navigation, advanced search, and
mobile optimization
Analyzing competitors' store locator features highlighted crucial UX considerations: prioritize simplicity for intuitive navigation, incorporate advanced search filters, ensure clear presentation of store information, and optimize for mobile usability.