B2B

B2B

Mobile

Mobile

Reducing the ordering time by 40%

Reducing the ordering time
by 40%

to boost the sales revenue of a tire manufacturer

Disclaimer
While I might not be able to disclose specific details of these projects I had worked on, I will try to demonstrate the thought process and design decisions I took a long the way with an hypothetical use case.

Disclaimer
While I might not be able to disclose specific details of these projects I had worked on, I will try to demonstrate the thought process and design decisions I took a long the way with an hypothetical use case.

Context
Context

To efficiently manage their inventory, dealers handling a wide range of products often need to promptly order specific items. This is a critical aspect of their day-to-day business activities.

To efficiently manage their inventory, dealers handling a wide range of products often need to promptly order specific items. This is a critical aspect of their day-to-day business activities.

Unlike the customers of business-to-consumer (B2C) sites, where orders are generally in small quantities and once in a while,

Unlike the customers of business-to-consumer (B2C) sites, where orders are generally in small quantities and once in a while,

B2B customers typically order items in large quantities and reorder them multiple times.
B2B customers typically order items in large quantities and reorder them multiple times.

Because these customers usually know exactly what items they want to buy,

Because these customers usually know exactly what items they want to buy,

they often skip the product discovery phase and move directly to ordering.
they often skip the product discovery phase and move directly to ordering.
We called this Quick Order flow
We called this Quick Order flow
The efficiency of the Quick Order is determined by
how quickly and conveniently a dealer can place an order.
The efficiency of the Quick Order is determined by
how quickly and conveniently a dealer can place an order.
What happens in an usual ordering journey?
What happens in an usual ordering journey?

1

Identifying products

2

Adding to cart

2

3

Checkout

3

The challenge was

How do we simplify these three steps for a dealer who is
very well versed with the product range and know
exactly what he wants to order?
How do we simplify these three steps for a dealer who is very well versed with the product range and know exactly what he wants to order?
Identifying the products
For the dealers with a predefined list of items they need to order, the easiest way is to Search & Add.

Lets analyze the naming of tires

Dealer primarily recognizes the tires by the size,
with the exact variables makes the complete
identification of a particular product.

Dealer primarily recognizes the tires by the size, with the exact variables makes the complete
identification of a particular product.

Dealer primarily recognizes the tires by the size, with the exact variables makes the complete identification of a particular product.
Since the name is too long we decided to break it down to its exact categories for easier identification.
Keeping this in mind, I started exploring the possibilites…
Keeping this in mind, I started exploring the possibilites…
Iteration 1 - Multiple Cards
Iteration 1 - Multiple Cards
On analyzing similar apps, I found this pattern where..
On analyzing similar apps, I found this pattern where..
  • Each card is a product

  • To add a product, a new card gets added at the bottom

On analysing
On analysing

1

Cognitive Load

With each cards added, the users might find it difficult to comprehend the information

2

Stock availability

Realtime stock checks were impossible. Dealers can only get it once the order is placed

3

Single screen flow, but takes a toll

While it is easier for user to complete the entire flow with just one screen, the experience is at stake.

4

Saved orders/templates

The repeated orders are usually saved as Templates or Saved Orders. But treated as a different flow. We found an opportunity to combine both.

Iteration 2 - Single Card with Cart
Iteration 2 - Single Card with Cart

Simplifying Iteration 1..

Simplifying Iteration 1..

  • Limited the number of cards to 1. Dealers using this card, adds the product to cart.

  • Simplified the card by removing the quantity and price info to a separate page where the stock info can be triggered.

  • All the added products goes to cart where dealer can review added products and price breakdown and check out.

1

1

1

2

2

2

3

3

3

4

4

4

5

5

5

We took this to users to find out
We took this to users to find out

1

Adding product were cumbersome

34% users find it confusing in the add products page. This could be because of the multiple dropdowns and toggles.

2

Frequent cart checks

60% users frequently checks their carts to see what have they added in the cart. When probed, we found out that it was to avoid repeat ordering.

3

Saved Orders were missed

68% users missed the Saved Orders. But 84% responded positively in combining Saved Orders with Quick Order.

4

Credit info at the check out

This came from a user. Others responded positively as well. This will help them to take quick decisions.

Can these be simplified further?
Can these be simplified further?
Yes!
Yes!
Final Design: Combining Cart & Add Product
Final Design: Combining Cart & Add Product
Combining
Cart & Add Product
Combining
Cart & Add Product
  • User lands on the empty cart page.

  • Clear CTAs to add products

  • Provided prominence to the Saved Orders

  • User lands on the empty cart page.

  • Clear CTAs to add products

  • Provided prominence to the Saved Orders

Adding Products
Adding Products

01

01

Select size
Select size

With 182+ size options available, the informed dealer would primarily search for the required size. or scroll through the long list arranged in the increasing order of tire width.

02

02

Select patterns and additional preferences
Select patterns and additional preferences

Dealer easily identify their pattern over name. Images helps in the faster decision making

03

03

Enter Quantity
Enter Quantity

The actual product imagery helps in reconfirmation for the dealer and reduces the chance of returning. Quantity can be added using stepper or typed in.

04

04

Confirmation
Confirmation

Dealer gets a confirmation on the added product with selected quantity and total price. This would help the user to reconfirm the added quantity and price.

Cart
Cart

01

01

Edit added products
Edit added products

Quick editing tools will help them in readjust their order before check out.

02

02

Save/Load Orders
Save/Load Orders

Easily create a Saved Order or load one also aids in reducing time.

03

03

Credit Wallet
Credit Wallet

A quick check to their accounts section enables them to take financial decisions quickly

04

04

Review and place order
Review and place order

Upon reviewing the line items, cost and credit, the dealers place the order.

05

05

Order Confirmation
Order Confirmation

Dealers can copy the Order ID to share it with sub dealers or future reference

This would help the dealers in
This would help the dealers in

1

Reduced cognitive load

Progressive disclosure to required input fields helped reducing the cognitive load.

2

Easy cart checks

Dealers need not switch back and for to view the added items in the cart.

3

Single screen flow, but better

Bottom cards doesn't give a sense of separate page, which helps in user to get a feeling of a single page flow.

4

Convenient credit checks

Dealers doesn't have to remember their credit balance or go to accounts flow to check it.

That's the end of this case study!

Let's talk!

Currently exploring new opportunities

shejin.nt@gmail.com

Mail ID

Phone

9567600833

Made in Framer

©2025 Portfolio

Let's talk!

Currently exploring new opportunities

shejin.nt@gmail.com

Mail ID

Phone

9567600833

Made in Framer

©2025 Portfolio

Let's talk!

Currently exploring new opportunities

shejin.nt@gmail.com

Mail ID

Phone

9567600833

Made in Framer

©2025 Portfolio

Let's talk!

Currently exploring new opportunities

shejin.nt@gmail.com

Mail ID

Phone

9567600833

Made in Framer

©2025 Portfolio