Walmart PepsiCo
Delivery Visibility Program
Role
Senior Product Designer
Deliverables
User research, User Flows, Wireframes, Hi-Fi Designs
Activities
As a member of the service design team, I took advantage of ongoing research to identify pain points and improve processes for Walmart and PepsiCo. Through my expertise in user experience, I created user flows and implemented an alerts and notifications system in a mobile app designed to streamline inventory management. I teamed up with a project manager to incorporate feedback and make necessary adjustments to the app.
Overview
The Walmart Delivery Visibility Program App aims to streamline the relationship between Walmart receivers and Pepsico's deliverers through digital connectivity. By using the app, front-line teams can reduce delays at the store and improve the check-in experience for customers. Additionally, the app provides transportation visibility, allowing for real-time tracking and better management of inventory and shipments
Problem
The problems include delays when Walmart is not prepared to receive shipments, locked doors causing wait times, manual checks despite having tracking information, and uncertainty about when PepsiCo's products will arrive.
Solution
Our app simplifies order confirmation for Walmart receivers with user-friendly notifications. It provides key order details at a glance and allows one-click delivery confirmation, ensuring precise inventory management. This project enhances collaboration between PepsiCo and Walmart, reduces fines, and improves trust in digital deliveries.
Research
In this project, I used ongoing research to uncover challenges for Walmart and PepsiCo. By studying industry trends, gathering customer feedback, and adopting best practices, I identified key issues in their product handling processes—delays, manual checks, and communication breakdowns. Armed with these insights, I crafted the Walmart Delivery Visibility Program App as a precise solution to address these concerns directly. This research-backed approach not only yielded an app tailored to Walmart and PepsiCo's needs but also enabled me to streamline their operations, resulting in a more efficient collaboration between these industry giants, all powered by research-driven problem-solving.
Walmart Delivery Visibility Program App MVP Plan
The plan combines Walmart's Me@Walmart system (a crucial tool for Walmart's operations) with PepsiCo's logistics through APIs to improve deliveries. Me@Walmart manages tasks like tracking inventory and talking to suppliers. The process starts with sharing delivery details with Walmart and tracking PepsiCo trucks using their location system. An ETA service is added, first for one-way updates and later for two-way updates on when trucks will arrive. When a truck arrives, a notice starts the receiving process. Me@Walmart also shows when trucks are estimated to arrive and when they actually do. Trucks can unload on their own, saving Walmart staff time. An automatic system confirms the delivery.
Information Architecture
In the user flow, we focus on enhancing the experience for Walmart receivers. As they open the mobile app, we ensure a seamless journey. Logged in? Yes, we feed in incoming orders. When a new order arrives, a friendly toast notification pops up. Once the delivery is at the door, a modal notification seeks confirmation. This intuitive interaction ensures accurate inventory and smart storage choices. If they confirm, the process wraps up.
User main Flow
As a Walmart receiver, I want to confirm if the order delivery actually arrived, so I can keep my inventory up to date and select a proper location to storage the products.
Notification flow
We designed a four-stage notification system: "Ready to Depart," "In Transit," "30 Minutes to 1 Hour Away," and "Changed ETA." This keeps our staff well-informed about their delivery status, enabling proactive management.
Low fidelity prototypes
I partnered with a Project Manager to iteratively develop low-fidelity wireframes, going through several versions to achieve a strong outcome. This process allowed us to incorporate feedback, align with user expectations, and enhance the user experience progressively. Our collaboration resulted in a well-designed solution that effectively addresses user needs.
High Fidelity designs
After a few rounds of ideation, the interface I proposed focused on a sophisticated combination of color palette and design elements to provide an effortless experience for users who will spend many hours analyzing and entering values and making sure te interaction were intuitive and easy to use.
Elevating Delivery Tracking for Walmart Receivers
The main screen displays crucial order details at the top, including delivery plans and current status. More comprehensive order information is easily accessible on a separate page, ensuring users have all the necessary details.
In transit notification system
I developed a notification system that includes four stages to notify staff of their delivery status, including "Ready to Depart," "In Transit," "30 Minutes to 1 Hour Away," and "Changed ETA."
To ensure that staff is always up-to-date on their order status, we incorporated a toast bar at the top of the interface and a color change in the list item when a status change occurs. This feature allows staff to efficiently manage their tasks and delivery schedule.
By creating this notification system, we were able to improve the delivery experience for Walmart staff. The timely updates provide better visibility and increase efficiency, benefiting both the staff and Walmart's delivery operations.
Skipping Arrival Confirmation
If the user skips confirmation, the order card stays "Arrived" at the top for easy access. To confirm later, they click the card and use the dedicated button in the order details page.
Delivery Arrived Modal
Upon delivery, a modal notification shows the order's details. Clicking a button confirms delivery, changing the status to "Delivered." For later confirmation, users can skip the notification.
Delivery Confirmation
After pressing the "Confirm the arrival" button, the user is directed back to the list page, and the related order card's status is changed to "delivered." The order card is then moved to the delivered section, ensuring that the user can easily differentiate between delivered and pending orders.
Conclusion
Our project aimed to enhance efficiency through tech-driven backroom transformation, improving collaboration between PepsiCo and Walmart, reducing fines, and establishing trust in digital deliveries. Next, Walmart will choose integration methods and define the MVP with the IT transformation team, crucial for smoother deliveries for both companies.