Objective
Delivery fees, small-cart charges, handling charges and what not, often appear late in Blinkit’s checkout flow, creating a “surprise cost” moment for users.
This project explores how introducing cost transparency earlier in the browsing experience can reduce friction, improve trust, and help users complete their orders more confidently.
Current Flow
What's working well in the current flow?
Before identifying opportunities for improvement, it’s important to acknowledge several aspects of Blinkit’s experience that work effectively.
Clear Navigation & Familiar Patterns
Jacob's Law
The interface follows patterns commonly used across quick-commerce apps like Swiggy Instamart and Zepto. This familiarity reduces the learning curve and allows users to quickly understand how to browse, add items, and proceed to checkout.
High Visibility of Key Information
Consistency and standards
Important information such as delivery time, discounts, and ratings is visible directly on product cards. This allows users to make quick decisions without needing to open the product detail page.
Persistent Cart Access
Flexibility and Efficiency of Use
The floating “View Cart” CTA provides constant visibility of the cart state and enables users to quickly access checkout from anywhere in the browsing flow.
Problem Discovery and User Pain
In quick-commerce apps, many smaller orders tend to be refill purchases i.e. items users need quickly rather than part of a planned grocery run. In such situations, users are often focused on speed and convenience, quickly adding items and proceeding toward checkout.
Because of this fast decision-making process, users may rely on rough mental estimates of their cart value rather than carefully calculating the final price.
When additional charges appear at checkout for orders below the minimum threshold, the sudden increase can feel unexpected and interrupt the purchase flow.
How are we gonna solve it?
Hypothesis
If Blinkit surfaces minimum order thresholds and potential extra charges earlier, users will better understand the true cost of their order and complete checkout with fewer surprises.
Users often rely on rough mental estimates while adding items. When extra fees appear suddenly at checkout, the mismatch between expected and final price creates a “surprise cost” moment.
If the system clearly shows how much more is needed to avoid extra charges or unlock free delivery, users may add one or two items to reach the threshold.
Design Exploration
Clear and Upfront Communication
My UI have two interventions:
Early cost transparency banner (Free delivery above ₹199)
Cart progress indicator (Add ₹62 for free delivery)
Introduce Cost Transparency Earlier
One reason users experience surprise costs is that order thresholds and extra charges are introduced late in the checkout flow.
To address this, the design surfaces minimum order incentives earlier in the browsing experience. A lightweight banner highlights the free delivery threshold directly on the home screen.
This ensures users are aware of the requirement before they begin adding items to the cart, helping them mentally plan their purchase.
Recognition over recall
Provide Real-Time Cart Feedback
While browsing, users often rely on rough mental calculations to estimate their total order value. Instead of forcing users to track this manually, the cart component now communicates how far the user is from unlocking free delivery.
The floating cart bar dynamically displays:
Current cart value
Remaining amount needed for free delivery
A clear call-to-action to view the cart
This transforms the cart from a passive indicator into an assistive decision tool.
Flexibility & efficiency of use
How does it impact the business?
Success Metrics / KPIs
If this design were implemented, the following metrics could be used to evaluate its impact.
Checkout Completion Rate
Average Order Value (AOV)
Threshold Completion Rate
Cart Abandonment Rate
Work In Progress. More to come.
Handcrafted with 🧡 by Brijesh.