How I Drove a +20.54% Conversion Rate Lift

JioMart
Ecommerce app

JioMart is an ecommerce web and mobile app with 30 million users and 1000+ sellers, was part of the team which took a grocery-only app to an app that sells fashion, electronics and lifestyle products.

My Role

Spearheaded design and strategy for the homepage, full checkout funnel, and support
Collaborated closely with product, engineering, marketing, and legal teams
Scaled design system, component tokenization, and handoff workflows.

Led team of 3 designers to audit and solve for dropoff

Led team of 3 designers to audit and solve for dropoff

Found key areas to work on with initial research: fragmented product discovery, complex navigation, and checkout friction points caused users to drop off before completing their transactions.

Found key areas to work on with initial research: fragmented product discovery, complex navigation, and checkout friction points caused users to drop off before completing their transactions.

Empathizing with the user

Decoding 72% Abandonment Rate: Window Shopping vs. Broken Trust

72% of users abandoned their carts. To understand why we were not converting into transactions, we analyzed user motivations and mapped competitor gaps, discovering that the drop-off wasn't a functional failure, but a trust deficit.

Eventually, there will be more brands and there will be more confusions, Amazon customer support is amazing. I buy high value products so I can return it without hassle if needed

Eventually, there will be more brands and there will be more confusions, Amazon customer support is amazing. I buy high value products so I can return it without hassle if needed

Eventually, there will be more brands and there will be more confusions, So I usually stick with one and amazon remembers and it makes the process easy

I shop from Flipkart more, there is more redemption, we get Sony Live membership for free. I don't know if Jio offers anything like that.

I shop from Flipkart more, there is more redemption, we get Sony Live membership for free. I don't know if Jio offers anything like that.

I shop from Flipkart more, there is more redemption, we get Sony Live membership for free. I don't know if Jio offers anything like that.

More I shop from Flipkart, there is more redemption, we get Sony Live membership for free, vouchers of Dominos, Pizza Hut and all, that is a good experience

I don’s trust the JioMart’s delivery, I cannot see/ track anything. I only buy things which I don’t need urgently because there prices are really good.

I don’s trust the JioMart’s delivery, I cannot see/ track anything. I only buy things which I don’t need urgently because there prices are really good.

Insights

Users perceived the app as only grocery selling app

While our existing grocery users were trusting us (the app was a grocery app before) the new categories were not easy to explore

No visibility of coupons, leading to missed savings or lack of delight.

Overwhelming when cart contains 20+ items because of no clarity on offers, savings and varying delivery range

Opinions Split. Real Traffic Decided.

Opinions Split. Real Traffic Decided.

Scaling a checkout funnel for 30M users triggers inevitable internal debate.
Cognitive load vs. transparency.

Stakeholders feared that introducing upfront cost breakdowns and category-specific timelines would clutter a once-simple grocery UI. Our design team countered that this exact data was critical to building user trust for high-value purchases like electronics and fashion.

Instead of letting subjective opinions dictate the product roadmap, we launched a high-volume A/B test to let real user behavior make the final call.

Final design

Homepage redesign strategy

Analytics revealed that the hamburger menu was severely underutilized, yet the search bar was the highest-traffic element on the entire homepage. By hiding new verticals like fashion and electronics inside a conventional side menu, we were actively preventing grocery shoppers from realizing JioMart had expanded.

Personalisation

Offers and suggestions based on last search or purchase history is something that is the set market standard. Leveraging user behaviour/Zipcode early deliveries info can help make instant decisions

Collaborating with Marketing

User Attention Span: Decreases on downward spiral, so limited scroll works better. We found out that infinite scrolls on carousels were trigger points of disinterest for the user.

Easy Categorisation

First-time shoppers are now met with a clean preview of categories right below the primary input field.

Deals carousel based on the history of user

Deals carousel based on the history of user

Premium Fruits

Premium Fruits

Premium Fruits

Fruits & Vegetables

Fruits & Vegetables

Fruits & Vegetables

Fresh fruits

Fresh fruits

Fresh fruits

Fresh vegetables

Fresh vegetables

Fresh vegetables

Herbs & seasoning

Herbs & seasoning

Herbs & seasoning

Exotic fruits & vegetables

Exotic fruits & vegetables

Exotic fruits & vegetables

Fresh flowers

Fresh flowers

Fresh flowers

Dairy & Bakery

Dairy & Bakery

Dairy & Bakery

Staples

Staples

Staples

Snacks &

Branded Food

Snacks &

Branded Food

Snacks &

Branded Food

Home Care

Home Care

Home Care

Personal Care

Personal Care

Personal Care

Grocery

Grocery

Grocery

Premium

Fruits

Premium

Fruits

Premium

Fruits

Home &

Kitchen

Home &

Kitchen

Home &

Kitchen

Fashion

Fashion

Fashion

Electronics

Electronics

Electronics

Beauty

Beauty

Beauty

Jewellery

Jewellery

Jewellery

Home

Improvement

Home

Improvement

Home

Improvement

Sports

Sports

Sports

Toys

Toys

Toys

Luggage

Luggage

Luggage

Crafts of India

Crafts of India

Crafts of India

Books &

Stationery

Books &

Stationery

Books &

Stationery

Music

Music

Music

Furniture

Furniture

Furniture

Home

Home

Home

Categories

Categories

Categories

Wishlist

Wishlist

Wishlist

Orders

Orders

Orders

12:14

12:14

12:14

All Categories

All Categories

All Categories

Rajesh, Navi Mumbai 400705..

Rajesh, Navi Mumbai 400705..

Rajesh, Navi Mumbai 400705..

Categories both accessible at different levels

Categories both accessible at different levels

Marketing teams need agility to run fast-moving campaigns, but unstructured assets can quickly derail user attention and compromise platform visual hierarchy. Leveraging my background in graphic design, I approached this problem with unique empathy: I knew that a system too rigid would suffocate creative expression, while a system too loose would fracture the user experience.

Instead of building restrictive layouts, I designed an ecosystem of structured flexibility.

Final Designs

Cart Page

Clear focus and prominence on primary CTA improves conversion but our research also showed that our users wanted to be sure if they are ordering the right product, if they have added the warranty; rather than going back and forth to check for each product.


  • Product Details: Cart now shows size, color, seller, and available services for products, aiding decision-making.


  • Payment Bifurcation Nudge: Users can click the chevron next to the payment amount to view the bifurcation in a pop-up.

  • Moved away from the grey Save for Later CTA that appeared disabled state to a more prominent one with consistent UI.

  • All other CTAs are secondary to avoid confusion in the mind of customers: Secondary CTAs are now clearly distinguishable from the primary action, reducing user confusion.

Clear focus and prominence on primary CTA improves conversion but our research also showed that our users wanted to be sure if they are ordering the right product, if they have added the warranty; rather than going back and forth to check for each product.


  • Product Details: Cart now shows size, color, seller, and available services for products, aiding decision-making.


  • Payment Bifurcation Nudge: Users can click the chevron next to the payment amount to view the bifurcation in a pop-up.

  • Moved away from the grey Save for Later CTA that appeared disabled state to a more prominent one with consistent UI.

  • All other CTAs are secondary to avoid confusion in the mind of customers: Secondary CTAs are now clearly distinguishable from the primary action, reducing user confusion.

Final Designs

Order Review


  • Post order placement : Giving the user a summary of the order. We did not have visibility on delivery times. We made the call of not providing the delivery date just yet.

  • Persona focus: Our main persona was Mindful spenders who are looking for offers, best price out there.
    We display savings everywhere, even after the purchase marking a sense of win for them.


  • Post order placement : Giving the user a summary of the order. We did not have visibility on delivery times. We made the call of not providing the delivery date just yet.

  • Persona focus: Our main persona was Mindful spenders who are looking for offers, best price out there.
    We display savings everywhere, even after the purchase marking a sense of win for them.

Final Designs

Payment page

Reduce Scroll Length: The payment page is too long, requiring excessive scrolling. Collapsing primary and secondary info.

  • Make Payable Amount & breakdown Always Visible ensuring users don’t have to scroll to the bottom to review the total.

  • Cleaner, Consistent UI: Address inconsistencies in spacing, icon sizes, and font styles across the page to reduce visual noise and improve clarity.

  • All previously used payment methods and redemption options are displayed upfront, all UPI, Wallets and banks payments - making them more organized and convenient for the user.

Final Designs

Customer support

Get all queries resolved in one place

  • Get help by category-specific issues (e.g., Refunds, Wallet Cashback, Return/Exchange, BXGY.)

  • Selection of specific items to raise tickets

  • View suggestions based on their cart or past orders

Final Designs

Payment page

Reduce Scroll Length: The payment page is too long, requiring excessive scrolling. Collapsing primary and secondary info.

  • Make Payable Amount & breakdown Always Visible ensuring users don’t have to scroll to the bottom to review the total.

  • Cleaner, Consistent UI: Address inconsistencies in spacing, icon sizes, and font styles across the page to reduce visual noise and improve clarity.

  • All previously used payment methods and redemption options are displayed upfront, all UPI, Wallets and banks payments - making them more organized and convenient for the user.

Final Designs

Customer support

Get all queries resolved in one place

  • Get help by category-specific issues (e.g., Refunds, Wallet Cashback, Return/Exchange, BXGY.)

  • Selection of specific items to raise tickets

  • View suggestions based on their cart or past orders

Key Performance Metrics

Outcome: Measuring Success

-11%

-11%

Redirection Time

Redirection Time

20.54%

20.54%

Conversion Rate

Conversion Rate

8.15%

8.15%

Increase in Order

Increase in Order

20.61%

20.61%

Return user

Return user

Insight

Change led impact

  • Increased Basket Size: With personalized upselling and a clearer product presentation, users added more items to their cart.

  • Higher Conversion Rate: The smoother, more intuitive checkout process resulted in fewer abandoned carts.

  • Improved Customer Satisfaction: Feedback from users, showed that the redesigned checkout was both efficient and emotionally engaging.

Let's Connect

Feel free to contact me in case you have any further questions. I'm available for new projects or just to chat.

Let's Connect

Feel free to contact me in case you have any further questions. I'm available for new projects or just to chat.

Let's Connect

Feel free to contact me in case you have any further questions. I'm available for new projects or just to chat.

Create a free website with Framer, the website builder loved by startups, designers and agencies.