Walmart Grocery's Page
Enhancing Digital Experience
01. Project Objective
The goal of this project was to improve the user experience of online grocery shopping by designing a more user-friendly and efficient system. The focus was on simplifying navigation, enhancing filtering functionality, and integrating meal and diet planning features.
02. Research
Methodology
We conducted a quantitative survey to gather insights on user pain points and frustrations while shopping online for groceries. The survey was distributed to Walmart Grocery users, focusing on their navigation, search, filtering, and overall shopping experience.
Key Pain Points
-
47.1% find the web page/app overwhelming.
​
​
-
35.3% struggle to locate product categories.
​
​
-
29.4% find filters hard to use.
​
​
-
23.5% describe the layout as cluttered and confusing.​
​
-
11.8% have difficulty finding discounts.
Problem Statements
-
Overwhelming Layout – The cluttered interface makes browsing and navigation difficult.
​
-
Category Confusion – Users face redundancy in product categorization.
​
-
Ineffective Filtering – Users struggle to refine selections efficiently.
​
-
Information Overload – Product pages contain excessive details, creating decision fatigue.
​
-
Hidden Discounts – Promotional offers are not easily discoverable.
03. Ideation
To address the pain points identified in our research, we formulated How Might We Statements to guide our ideation process. These statements helped us focus on user needs and explore possible design solutions that could enhance the overall shopping experience.
Prioritized Solutions
HMW create a more intuitive navigation system to simplify browsing?
HMW refine product categories for clarity and efficiency?
HMW simplify product information while keeping essential details accessible?
HMW improve the visibility of discounts to boost engagement?
04. Solution
Based on our research findings and HMW statements, we implemented strategic design decisions to create a more intuitive and seamless shopping experience. The redesign focused on enhancing navigation, refining filters, and simplifying product information to reduce cognitive overload.
Design Principles
-
User-Centric Design – Focus on simplicity and ease of use.
​
-
Accessibility & Inclusivity – Features such as voice search and rich imagery for better usability.​​
​
​
-
Streamlined Navigation – Elimination of redundant categories and clearer labels.
​
-
Simplified Product Pages – Essential details displayed upfront with expandable sections for additional information.
05. Solution Implementation
For the prototype, we prioritized optimizing navigation by reducing clutter and eliminating redundant categories, implementing dynamic filtering options, refining product pages to prioritize key information with expandable sections, introducing a side-by-side product comparison tool, and consolidating discounts and promotions into a single, easy-to-find section.
Wireframe Low-Fidelity
Created to test structural improvements in navigation, content hierarchy, and filtering logic before adding visual design elements. This helped us identify usability issues early in the process and iterate based on user feedback.
Grocerys' Page
Products' Page
06. Prototyping
