Redefining Convenience in Online Grocery Shopping

• Superstore offers a streamlined user flow designed to simplify the grocery shopping experience. Users start by signing in with their phone number and granting location access for seamless ordering.
• Once logged in, they enter their delivery location on the Address Entry page.
• The Home Page presents a variety of items for sale, including featured, spotlighted, and recommended products.
• Users can explore further by browsing through different categories on the Category Page and accessing their favorites and monthly lists on the Favorite Page.
• In the Profile, Order & Payment section, users manage their orders, payments, and account details, including gift cards, coupons, and payment history.
• Additionally, the Gift card, My Coupon & Notification Page allows users to manage their gift cards, coupons, and notifications.
• When users find a product they like, they can view its details on the Product and Cart Page, where they can add it to their cart and customize it as needed.
• Finally, on the Payment Page, users proceed to checkout by selecting a payment method and confirming their order.
• Once confirmed, users receive a unique order number that they can use to track their order status. This comprehensive user flow ensures a seamless and efficient shopping experience for Superstore users.

Location Access Page

Design Psychology

• Anchoring Bias: We showed users the choice to set their location manually after they allowed access to their current location. By initially suggesting their current location, it made choosing the manual input option feel like a purposeful decision rather than just a backup choice. This approach makes users feel in control, leading to higher satisfaction and engagement.

Home page

Design Psychology

• Nudge: The banner saying "40% off, order now" pushes users to act quickly by making them feel like they might miss out on a good deal. This tactic encourages users to buy something before the discount ends.External Trigger: The "free delivery" message at the top of the page tells users what to do next, which is to order now. This encourages users to make a decision and pushes them to buy something.
• Expectations Bias: At the very top, it says "Delivery in 20 minutes," giving users an estimated delivery time. as it sets a timeframe that users might expect for their delivery. This could influence users' decisions, making them more likely to place an order based on the promised quick delivery.

Category Page

Design Psychology

• Juxtaposition: We grouped related categories close to each other on the category page. By juxtaposing similar categories, users perceived them as a single unit, making it easier to navigate and choose among different options without feeling overwhelmed by too many choices. This approach helped users quickly find what they were looking for and improved their overall browsing experience.

Design Psychology

• Law of Proximity: Related subcategories were placed close together in a vertical list on the left side of the category page. This made it easier for users to navigate and understand the relationship between them. The vertical scrolling also helped users browse through the subcategories effortlessly.

Product and Cart Page

Design Psychology

• Feedback Loop: We provided real-time feedback on product availability and cart updates as users browsed and added items. By implementing a feedback loop that communicated changes in stock levels or cart contents, users stayed informed and confident in their purchasing decisions, reducing the likelihood of frustration or disappointment at checkout.

Confirm Order and Track Order

Design Psychology

• Confirmation Bias: by prominently displaying the "Order Successful" message with a big icon, immediately providing users with confirmation of their action, strengthening their decision to make the purchase.
• Feedforward: Feedforward was implemented through the "Track My Order" button, offering users a clear next step, informing them of the action they can take next and what to anticipate.

Conclusion

Superstore offers a seamless and convenient grocery shopping experience right at your fingertips. By incorporating design psychology principles such as anchoring bias, nudge, and confirmation bias, we ensure that users feel in control, motivated, and reassured throughout their shopping journey. Whether it's helping you set your location, finding what you need in the categories, or keeping you updated on product availability, every feature is there to make your experience better. With Superstore, grocery shopping allow users to save time and effort while enjoying the convenience of doorstep delivery.

‍