ONDC App UX Design: Architecture & Interface Guide

November 11, 2026 | Read Time : 3 mins

The Open Network for Digital Commerce (ONDC) represents an architectural shift in Indian digital commerce. Traditional e-commerce platforms operate as centralized, vertically integrated walled gardens: a single platform owns the buyer interface, seller catalog, delivery logistics, payment escrow, and customer support.

ONDC unbundles this structure into an open, interoperable protocol. A consumer using a buyer application (such as a banking app, telecom app, or payment wallet) can discover and purchase products from sellers hosted across completely separate seller platforms, with fulfillment handled by third-party logistics networks.

While this decentralized architecture democratizes market access for local merchants, it introduces distinct user experience challenges:

  • Search queries fetch items from hundreds of disparate seller nodes with varying catalog data quality.
  • A single shopping cart frequently bundles items fulfilled by separate, uncoordinated logistics providers.
  • Pricing structures fluctuate across different merchant networks and delivery partners.
  • Post-purchase support and dispute resolutions require coordinating across multiple independent entities.

If a buyer app exposes this underlying architectural complexity, users experience confusion, distrust, and decision fatigue.

Designing a successful ONDC buyer application requires unifying a fragmented protocol into a seamless, reliable, and trustworthy consumer interface.

Below is an operational guide to architecting ONDC buyer applications across discovery, multi-provider checkout, real-time fulfillment tracking, and dispute resolution.

1. Unbundled Search and Catalog Aggregation

In a centralized e-commerce platform, search algorithms run over a single, standardized product database. On ONDC, a single search query dispatches broadcast requests across the network, receiving disparate data payloads from numerous seller applications in real time.

Taming Asynchronous Network Responses

  • Progressive Result Rendering: Do not hold the search screen blank until every network seller node responds. Stream in results progressively. Display verified local inventory within the first 600 milliseconds, allowing background nodes to populate lower down without causing layout shifts.
  • Transparent Network Polling: When a search query is active, provide subtle status feedback in the filter bar: “Searching 42 local stores near you…”. This communicates active discovery without making the app feel slow.

Standardizing Fragmented Merchant Metadata

Seller nodes provide varying levels of data quality. One kirana merchant might upload a high-resolution branded photo with complete ingredient details, while another lists the same product with a low-res image, misspelled title, and missing packaging weight.

  • Client-Side Deduplication & Normalization: Group identical Universal Product Codes (UPCs) or barcode standards into a unified parent product card.
  • The “Multiple Sellers Available” Pattern: Instead of showing fifteen separate, repetitive cards for the same 1kg bag of flour, display one clean master card featuring the lowest nearby price, accompanied by a clear affordance: “Available from 4 stores nearby (from ₹52)”. Tapping the card opens a drawer allowing the user to select their preferred merchant based on distance, price, and estimated delivery speed.

2. Multi-Store Cart Architecture and Fulfillment Transparency

The most complex interface challenge on ONDC is the multi-store cart. A shopper might add paneer from a local dairy store, vegetables from a neighborhood vendor, and packaged spices from a regional supermarket into a single shopping session.

Because these items originate from independent sellers and require separate logistics providers, they cannot be treated as a single, uniform delivery package.

Split-Cart Visual Hierarchy

  • Store-Level Item Grouping: Partition the shopping cart into explicit, visually separated merchant containers. Never blend uncoordinated items into a single unorganized checklist.
  • Independent Delivery Fee Disclosures: Clearly separate the item costs from logistics fees for each distinct merchant:
    • Store A (Gupta Dairy): Subtotal ₹180 + Delivery ₹25 (Estimated 20–30 mins)
    • Store B (Green Farms Kirana): Subtotal ₹320 + Free Delivery (Estimated 45–60 mins)
  • Minimum Order Thresholds per Store: When a seller node imposes a minimum order value for free delivery, place an inline progress meter inside that store’s specific cart block: “Add ₹80 more from Gupta Dairy for free delivery”.

Managing Split-Delivery Checkout

  • Unified Payment with Transparent Breakdown: Allow the customer to pay the entire multi-store order amount in a single UPI transaction. However, present an explicit pre-payment bill summary showing the exact distribution of funds across merchants and delivery providers.
  • Partial Order Modification Warnings: If an item from Store A sells out during checkout, prevent the entire multi-store cart from failing. Alert the user with an actionable recovery dialog: “Paneer is currently out of stock at Gupta Dairy. Would you like to remove it and proceed with Green Farms Kirana, or find an alternative store?”.

3. Real-Time Hyperlocal Logistics and Map Interfaces

On ONDC, logistics are decoupled from sellers. A neighborhood grocery store might use an on-demand hyperlocal delivery fleet for immediate delivery, while an apparel boutique ships via a regional courier with a 2-day delivery window.

Setting Clear Delivery Expectations Upfront

  • Explicit Hyperlocal vs. Intercity Badging: On product cards and listings, label delivery timelines clearly:
    • “Local Delivery (Arrives in 30–45 mins)”
    • “Standard Courier (Arrives in 2–3 days)”
  • Dynamic Distance Radii: Emphasize geographic proximity on hyperlocal goods: “Located 1.2 km away in Indiranagar”. Proximity builds trust for perishable food, dairy, and grocery items.

Multi-Leg Fulfillment Status Tracking

When a single order triggers multiple couriers, the post-purchase tracking view must prevent cognitive overload:

  • The Tabbed Order Tracker: Provide distinct tabs or tracking cards for each active delivery package:
    • Package 1 (Gupta Dairy): Live map view showing rider pickup and transit progress.
    • Package 2 (Green Farms): Order confirmation and merchant packing status.
  • Direct Logistics Handshake: Display the delivery partner name (e.g., Shadowfax, Dunzo, LoadShare) and the rider’s direct contact button on the active delivery card once dispatched.

4. Trust, Verification, and Identity on an Open Protocol

In a closed marketplace, the central brand serves as the sole trust anchor. On an open network, consumers worry about unverified sellers, fake storefronts, and poor product quality. The buyer interface must proactively reinforce authenticity.

Verified Merchant Badges and Network Reputation

  • ONDC Protocol Trust Marks: Highlight verified seller nodes with standard network trust badges: “ONDC Verified Merchant”.
  • Aggregate Customer Feedback: Surface cross-network ratings transparently. Display the number of successful orders fulfilled by that merchant alongside their average rating (e.g., “4.4 ★ (1,200+ network orders)”).
  • Clear Store Identity and Physical Location: On the merchant profile page, clearly show the business’s registered legal name, GSTIN (if applicable), and physical store address. Physical grounding reassures cautious first-time buyers.

5. Issue Resolution, Returns, and the Network Grievance Mechanism

Disputes are the primary point of failure for open networks. If an order arrives with missing items or spoiled goods, the customer should not be passed back and forth between the buyer app, the seller app, and the third-party logistics provider.

The buyer app must act as the primary, protective customer advocate.

The Unified Dispute Initiation Workflow

  • Single-Point Issue Reporting: Keep dispute reporting entirely inside the buyer app. Provide a structured, tap-driven resolution flow directly from the order details screen:
    • Step 1: Select the specific affected item.
    • Step 2: Choose the issue category (Missing Item, Damaged Goods, Quality Issue, Late Delivery).
    • Step 3: Attach an optional photograph directly from the camera.
  • Transparent Escalation Milestones: The ONDC Issue and Grievance Management (IGM) framework defines strict resolution timeframes. Visualize this protocol directly for the user through a simple milestone tracker:
    • [Issue Submitted] -> [Acknowledged by Seller App] -> [Refund/Replacement Approved] -> [Funds Returned to Bank]
  • Guaranteed Escalation Fallback: If the seller node fails to respond within the protocol-mandated window (e.g., 24 hours), display an explicit escalation notice reassuring the buyer: “Merchant did not respond within the SLA. Your ticket has been escalated to network arbitration for automatic refund processing.”

6. Local Language and Vernacular Access

ONDC’s mission is to expand digital commerce to the next 500 million Indian users. A buyer application built solely in formal English restricts the network’s addressable potential.

  • Language Choice at Onboarding: Introduce regional language selection (हिन्दी, தமிழ், తెలుగు, ಕನ್ನಡ, मराठी, বাংলা) on screen one.
  • Multimodal Search Options: Anchor a prominent voice search microphone inside the main search bar, supporting colloquial Hinglish and regional query structures (e.g., “1 kilo chawal chahiye” or “Aas paas ki sabzi dukan”).
  • Audio Confirmations: Supplement text confirmations with short audio summaries in the selected language for final order values, delivery windows, and refund statuses.

Direct Implementation Checklist: ONDC Buyer App UX

  • Search: Stream search results asynchronously, deduplicate matching products into unified cards, and allow users to select from available local stores based on price and ETA.
  • Cart: Group items strictly by merchant, disclose independent delivery fees per store, and provide clear recovery options if one store’s item sells out.
  • Logistics: Clearly differentiate 30-minute hyperlocal items from multi-day courier items, and provide tabbed tracking views for split shipments.
  • Trust: Prominently display ONDC verified merchant badges, physical store addresses, and cross-network seller ratings.
  • Dispute Handling: Provide an in-app dispute flow mapped to the ONDC IGM framework with clear resolution milestone trackers and automated refund escalations.
  • Accessibility: Integrate multi-language interfaces from screen one, provide voice search for local product naming, and support standard Western Arabic numerals for pricing.
Share

OriginUX Studio

AUTHOR

Team OriginUX

OriginUX Studio is a CoE for User Experience providing UI & UX across Product, Service and Customer Experience Design. We are a cross-disciplinary design team that loves to create great experiences and make meaningful connections for businesses and their users through UI & UX.

Founded in 2016, our larger purpose is to help brands understand what they want to do and where they want to go. To do that we have to make understanding customer experience simple, effortless, and affordable for everyone.

Hire on Demand