JioMart Digital B2B
B2B eCommerce
Retail Ops
Storefront

Designed the end-to-end B2B procurement app (Mobile + Tablet) for 3,000+ electronics retailers — directly enabling JioMart Digital's ₹1000 Cr revenue milestone.
Year
2022 - 2023
Services
End-to-End App Design (Mobile + Tablet), B2B UX Architecture, Omnichannel Strategy, Design QA

The Context & Market Gap
India’s consumer electronics market is driven by thousands of independent mom-and-pop retailers. Historically, these local store owners relied on fragmented distributor networks to source inventory. The process was slow, pricing margins were opaque, and stock availability was a constant guessing game.
JioMart Digital B2B (JMD) is a retailer partner program built to digitise this supply chain. The business intent was explicit: simplify retailer ordering and reduce their inventory risk while extending the trust of Reliance into a scalable digital workflow.
At a glance
The Scale: Successfully onboarded 3,000+ active sellers, contributing to a ₹1000 Cr+ revenue milestone.
My Role: Lead Product Designer. I owned the product design end-to-end across Mobile and Tablet, including IA, interaction patterns for bulk buying, edge-case handling, and dev handoff specs.
Collaboration: Partnered cross-functionally across Product, Engineering, Catalogue, Pricing, and Fulfilment to keep the experience “real-time enough” for strict inventory commitments.
Problem (What was breaking in the funnel)
Retailers weren’t failing because they couldn’t browse products—they were failing because the last mile of “bulk order → correct variant → correct address → valid inventory → invoice-ready” was too fragile. I mapped the B2B funnel into hard failure points:
Discovery → PDP: Overwhelming catalogues without strong filtering created “scroll fatigue.”
PDP → Variant Selection: Variant ambiguity (RAM/ROM/color) led to wrong orders and cancellations.
Variant → Add to Cart: Bulk quantity needs required intentional controls, not standard B2C dropdowns.
Cart → Checkout: Inventory volatility created last-minute blocks; the experience had to resolve this without creating invalid orders.
Post-Order Ops: Without immediate invoice access and order states, support loads spiked and trust degraded.
I spent the first two weeks mapping what B2B ordering actually looked like in practice. The single most revealing moment: a retailer placing a bulk order for 30 phones had to manually count dropdown increments one click at a time. That one observation reframed the entire design brief from 'build a B2B storefront' to 'make bulk buying feel effortless.'
Goals (pre-launch)
I set success metrics around speed, accuracy, and operational trust—because those are the drivers of repeat ordering in B2B.
Activation
≥ 80% registration completion (bank + PAN; GST optional)
Ordering efficiency
≥ 60% PDP → add-to-cart rate (measured per session)
Trust & operations
≥ 90% orders tracked without support contact
≥ 85% invoice download rate for completed orders
Key Design Decisions
To solve this, I had to architect a "Consumer-Grade B2B" experience—making buying 50 smartphones feel as effortless as ordering a single t-shirt, while managing intense operational constraints.
1) Designing for bulk buying, not consumer shopping
B2B users don’t add “one item”—they add quantities.
The Execution: I implemented dynamic quantity steppers designed for scale (fast increment/decrement) with explicit Max Qty limits to prevent platform inventory hoarding.
Visibility: Added a persistent, sticky bottom bar across the PDP and Cart (e.g., 30 Items | ₹7,49,970) so retailers always have real-time visibility into their total spend vs. working capital.

2) Making variants a first-class flow
Variants are where errors happen. Instead of hiding them in dropdowns, I used a dedicated variant surface.
The Execution: A streamlined matrix selector that allows quick comparison, makes out-of-stock (OOS) states explicit, and prevents “invalid adds” by removing actions on unavailable variants entirely.

3) Frictionless Product Comparison Matrix
In B2B electronics, procurement decisions are strictly data-driven. Retailers need to evaluate dense technical specifications side-by-side to ensure they are buying the most competitive inventory for their local stores.
The Execution: I designed a robust, horizontally scrollable comparison matrix optimized for mobile. By utilizing a sticky attribute column (Storage, Camera, RAM), buyers can seamlessly scan complex specs across multiple devices without losing context.
Seamless List Building: To remove friction from the evaluation process, I paired the matrix with an intuitive "search-and-add" flow featuring smart product suggestions, allowing retailers to build and modify their comparison lists instantly.

4) Enforcing fulfilment integrity (The Cart Blocking Rule)
When inventory changes rapidly, teams often try to “let checkout proceed” and resolve it later. This creates cancellations and massive support debt.
The Trade-off: I intentionally chose a harder rule. If an item is temporarily out of stock, the cart shows a clear error ("1 Item is temporarily out of stock") and blocks checkout until it’s resolved. This traded short-term conversion for long-term operational reliability and repeat ordering trust.

5) Separating "Shopping Identity" from "Business Identity"
B2B ordering requires strict compliance. I designed a dedicated My Business area to make operational data explicit.
Tablet Master-Detail Architecture: I designed a dedicated split-pane architecture for tablets (the primary device used at store counters). This allowed retailers to seamlessly manage registered business details, copy GSTINs, and manage default addresses, drastically reducing downstream shipping and invoice failures.

6) Post-order ops as part of the product, not an afterthought
In B2B, trust is won after the checkout. I treated the Orders screen as a critical control surface.
The Execution: Designed comprehensive status filters (Created / In Process / Shipped / Delivered) alongside immediate Invoice download visibility, drastically reducing the need for retailers to contact manual support.

Constraints & Trade-offs
Inventory Volatility: Real-time inventory isn’t free. Backend latency and sync issues forced me to design exceptionally strong error states and re-validation points across the cart.
Cross-device Parity: The Tablet UI required entirely different density, layout, and ergonomic spacing while keeping the core mental models perfectly consistent with the Mobile app.
Multi-category Catalogue: Faceted filters had to scale across wildly different electronics categories without breaking the UI.
Impact & Business Value
JioMart Digital B2B successfully bridged the gap between Reliance's massive wholesale inventory and the localized reach of mom-and-pop stores.
Revenue Scale: The frictionless bulk purchasing and transparent pricing mechanics directly supported the platform in achieving a ₹1000 Cr+ revenue milestone.
Seller Adoption: Successfully scaled adoption to over 3,000+ local sellers, fundamentally transforming how they run their daily supply chain.
Operational Trust: The rigid cart-blocking rules and automated invoicing drastically reduced cart invalidations and support tickets, establishing long-term B2B trust.
What to improve next
Proactive “Stock Risk” Warnings: Surface low-stock indicators earlier (on the PDP/PLP) to reduce hard blocks at the cart level.
Smarter Bulk-Buy Shortcuts: Introduce quick-add bundles and saved order templates for recurring inventory purchases.
Role-Based Access: Create distinct app experiences for multi-user retailer teams (e.g., Store Owner vs. Floor Staff).
I'd prioritise proactive stock-risk warnings on the PDP earlier — we designed the cart blocking rule correctly, but hitting a hard block at cart stage after a retailer has spent 20 minutes building an order is still a trust-damaging moment we could have caught upstream.










