BBDO New York is a prominent advertising agency based in NYC and a vital part of the esteemed BBDO Worldwide network. The agency boasts a diverse client portfolio, encompassing various industries such as e-commerce, healthcare, and more. Their global influence and reputation make them a significant force in the advertising landscape.
Company X is a client of BBDO New York. Company name, visual designs, and team details remain undisclosed due to a non-disclosure agreement.
Company X is a hygiene products company specializing in specific hygiene items. They offer a "Where to Buy" page where users can locate specific products in their desired locations. However, after receiving user feedback, the company indicated that users said it was overly complex and lengthy. Company X seeks a redesign of the page and its user flow.
The Team
Jonathan
Lead UX Designer
Dylan
UI Designer
Rebecca
Product Manager
Kylie
Product Coordinator
Matt
Digital Director
Company X faces difficulties with their user experience within the "Where to Buy" section of the website. They believe this is because of their poor mobile design, lack of directional clarity, and poor conversion rates.
Customer goal: Company X wants to have users successfully complete the task of finding specific products that are available online or in-store in an efficient and easily navigable manner.
Business Goal: Company X wants to create a focal 'Where To Buy' user flow that helps users find and purchase the product online, while increasing their conversion rate.
Currently, the 'Where to Buy' user flow starts with users 'Searching by Product.' Company X wanted us to design and change the user flow process from 'Search by Product' to 'Search by Location.' Based on the lack of evidence, I questioned the stakeholders' decision as to why this process would be more efficient for the user.
Below are the following questions to consider:
-
Does changing the user flow actually provide a more efficient and seamless process?
-
Does initial 'Search by Location' help create an output that aligns with steering users toward the business objective of finding products online?
-
What starting method do users prefer when looking to buy a product?
From a quantitative perspective, the client provided the following information they believed to be alarming:
Device Traffic
84% of traffic originates from mobile devices, indicating the need for a mobile-first design.
Conversion Rate
A mere 4% of users navigate through the 'Where to Buy' user flow, involving clicking the 'Buy Now' button and subsequently leaving the company site to the retailers.
The business success metric objective is to elevate this figure to 6% within a 6-9 month timeframe post-project completion.
We decided to conduct a quick survey to understand the actions, preferences, and requirements of users when searching for a product to buy.
Participants:
-
145
Requirements:
-
Customers who have purchased this type of hygiene product
-
Customers who will be purchasing this type of product in the near future (within 12 months)
Method:
-
Google Forms
Search Preferences: 73% of users indicated that their initial approach involves searching for a product rather than seeking a location or employing any other method.
"If I search for a store first, how do I know that specific pack size will be at that store? I don't want to guess."
"It's all about efficiency. If I am looking for ANY specific product, I'm not searching in Google for the store first."
Product Trust and Reliability: 81% of users said that they look at the company website first to learn more about specific product details.
"Understanding what ingredients are in the product is a top priority for me. I want to see that from the company website."
"I can't tell you how many times I've had to return items on Amazon because the product descriptions were incorrect."
Our team aimed to enhance this by conducting user testing on the "Where to Buy" section of the website. However, there were limitations including time and budget.
Matthew
Survey Participant
Drew
Survey Participant
Hillary
Survey Participant
Stacy
Survey Participant
After surveys, we wanted to see what our competitors were doing. I conducted secondary research to analyze the approaches of other hygiene competitors within the 'Where to Buy' section. Through this research, I noticed that many of the companies utilized shorter and more streamlined flows compared to the proposed user flow that Company X intends to redesign.
1. Search by Product
All competitors started the 'Where to Buy' process with 'Searching by Product'. The output resulted in users being able to select either online or in-store purchasing on one page.
2. Inventory Data Tracking
Another key feature was that competitors had plug-ins that tracked inventory data for the specific products selected. There was no guessing to see if products were available online or in-store.
3. User Location Tracking
All competitors had auto-location tracking after the product selection was made, ultimately providing quick and immediate in-store location data.
Drawing inspiration from this discovery, I incorporated these insights into my initial wireframe and flow sketches.
Based on insights we received from surveys and competitive analysis, I devised two proposals to present to our internal team at BDDO and the stakeholders.
Proposals
1. Search by Product (Preferred Option)
2. Search by Location (Stakeholders' Option)
The "Search by Product" proposal is to emphasize the user's ability to locate their desired product before considering the store's location and online availability.
Flow:
-
Enable users to choose their desired product from available options.
-
Offer a selection of package types for the chosen product.
-
Facilitate the search process by allowing users to narrow down their options using a zip code on the map.
-
Provide the flexibility to shop either in-store or online.
Hypothesis: Users prefer to find a specific product type before narrowing it down to a store location.
Results: Validated through a customer survey and competitive analysis.
The “Search by Location” proposal prioritizes the user's ability to search for nearby stores first, with the online option as secondary.
Flow:
-
Initiate the search by allowing users to input their zip code, current location, or specific address.
-
Present a comprehensive list of nearby stores to choose from.
-
Select the desired store location
-
Select a package type based on the products presented.
-
Offer a convenient list of products available both in-store and online for each selected store.
Hypothesis: Users prefer to find a location where the desired brand is available before narrowing it down to a specific product.
Results: Rejected through customer surveys and competitive analysis.
"Which navigation approach is the most efficient?", "Which approach is validated through customer research?" and "Which option balances user goals and business aims?"
These were important questions we had to consider in the design decision process.
Design Decision
Proposal 1, the "Search by Product" feature
Supporting Quotes
"Your customer research on product trust/reliability and product search gives us the confidence that Proposal 1 is the best option for both our business and our customers."
"I need a fast and efficient method to locate any product, similar to grocery shopping. It's like looking for a particular ingredient in a food recipe. I search for the product and then find the product location."
To effectively demonstrate this decision, we meticulously constructed an elaborate "product-based search" user flow, which we subsequently presented to the client.
Stacy
Survey Participant
Bryant
Stakeholder
Following the presentation and discussions with the client, they expressed their preference for the "search by product" user flow proposal over the 'search by location' option. However, after further discussions, they requested some changes because of limitations within channel advisors. It was noted that the decision to make some changes within the user flow would not be considered until 2024. The following plug-in limitations were noted:
1. No live map integration
2. No cross-company inventory management tools
3. No auto-location tracking
This begs the question:
"How can we balance the overall user experience and visual design while ensuring alignment with business objectives through iterations?"
Before proceeding with visual design adjustments as per stakeholder feedback and limitations, we proposed an alternative solution to address the 'Where To Buy' user flow issue. Our suggestion involved incorporating third-party plug-ins, like PriceSpider, into the site. This would easily allow them to optimize touchpoints for conversions and reduce project costs by eliminating software development.
Regrettably, the stakeholders declined this approach, opting instead for design work within the existing plug-in constraints. More significant changes will be considered in 2024.
Collaborating closely with the internal team, we made the necessary adjustments to the design deliverables to accommodate the client's feedback and ensure a more efficient user experience, while maintaining business objectives.
We retained the "Search by Product" user flow while adding a secondary "Find a store near you" button on each of the pages. This created a focal point to have users find available online products first, but give the user the ability to find a product by location at any given time in the process.
Company X was pleased with our deliverable, and the upcoming changes will be implemented by Q1 of 2023.
After 10 months, we were able to gain analytical access. We were pleased to discover that conversion rates had improved from 4% to 5.93%, indicating a nearly 50% increase and on an upward trajectory to beat initial business success metrics.
Usability Testing
Due to budget constraints, we conducted a brief customer survey focusing on their actions, preferences, and requirements when searching for a product to buy. Incorporating usability testing could have significantly enhanced the qualitative data used in making design decisions.
Technical Limitations
It is essential to always ask stakeholders up front, what are the technical limitations of the project? We realized after the first round of designs, that many of the design changes were not feasible based on the existing plug-ins.
Monitor data points
I would check in with the stakeholders to analyze alarming data points including conversion rates to see if our design decisions were validated.