B2B

B2B

Mobile

Mobile

Integrating AI to make Quick Ordering even more quicker!

Reducing the ordering time
by 40%

Reducing the time and manual effort dealers spend replicating their to-order list into the system.

Design Timeline
12 weeks (Sept'23 - Dec'23)

Team
3 UXDs + PM + UXR

My Role
Senior Product Designer
Research Synthesis, Design System, UX, Visual Design, Interaction Design, Prototypes & Hand-off

Project Summary
Project Summary

Problem

Problem

How might we reduce efforts in replicating "to order list" into the cart while ensuring precision and control in the Quick order flow?
How might we reduce efforts in replicating "to order list" into the cart while ensuring precision and control in the Quick order flow?

Final Outcome

Final Outcome

TyrAi, an AI assistant that helps dealer convert their "to order list"— be it in any form— directly to line items in their cart.
TyrAi, an AI assistant that helps dealer convert their "to order list"— be it in any form— directly to line items in their cart.

Sneak Peak

Sneak Peak

Impact

Impact

72%

72%

reduction in average order placement time

reduction in average order placement time

26% increase in average order value

+42 NPS increase among high-frequency dealers

38% fewer input errors

Problem
Problem

As discussed above, users who usually know exactly what they want to buy come here with a predefined "to-order list" containing all their product requirements.

As discussed above, users who usually know exactly what they want to buy come here with a predefined "to-order list" containing all their product requirements.

As of now, the users are manually replicating their "to order list" into the cart and placing the order.
As of now, the users are manually replicating their "to order list" into the cart and placing the order.
This leads to
This leads to

Redundant Manual Entry

Dealers found the process redundant—especially for those placing repeat or bulk orders.

Added Frustration

Omissions & Second Thoughts

Dealers often had second thoughts while adding certain line items and mostly omit.

Reduced Average Order Value

Long ordering sessions

B2B dealers, often multitasking, are prone to get distracted leads to high returns, inventory mismatches, and additional operational overhead.

Increased operational cost

Combining all of these, it introduces unnecessary friction and frustration for B2B dealers who already know have their predefined "to-order list" . The challenge was:

Combining all of these, it introduces unnecessary friction and frustration for B2B dealers who already know have their predefined "to-order list" . The challenge was:

How might we reduce efforts in replicating "to order list" into the cart while ensuring precision and control in the Quick order flow?
How might we reduce efforts in replicating "to order list" into the cart while ensuring precision and control in the Quick order flow?
Approach
Approach
Observing User behavior
Observing User behavior

By closely observing the current user behavior, we found that:

By closely observing the current user behavior, we found that:

Scenario 1

Owner-driven Ordering

Scenario 2

Employee-driven Inventory, Owner Places Orders

Owner usually notes it down on a paper/excel or send it as a text/voice message to himself.

Owner usually notes it down on a paper/excel or send it as a text/voice message to himself.

Hand written notes

Text messages

Excel

Employee communicates it to the owner via

Employee communicates it to the owner via

  • Phone calls (owner notes it down manually)

Hand written notes

  • WhatsApp (text, audio, or images of notes)

Text messages

Text messages

Audio files

Image

"to order list" list is currently in the form of:

"to order list" list is currently in the form of:

Hand written notes

Text messages

Excel

Audio files

Image

Integrating AI
Integrating AI

We integrated lightweight AI features into the Quick Order experience to allow dealers to replicate their lists instantly with minimal effort.

We integrated lightweight AI features into the Quick Order experience to allow dealers to replicate their lists instantly with minimal effort.

01

Handwritten Texts/ Screen shots/ Excel sheets/ Images

Leveraging AI-based Optical Character Recognition (OCR) models like Google Cloud Vision, Microsoft Azure Computer Vision, AWS Textract, and Tesseract OCR helps in identifying the requirement list from Handwritten texts

It goes beyond simple character detection—they use deep learning models (such as convolutional neural networks, or CNNs) to improve accuracy, even in messy handwriting or poor-quality images.

02

Audio files

Automatic Speech Recognition (ASR) models like Google Cloud Speech-to-Text, AWS Transcribe, OpenAI Whisper helps in identifying the requirement list from audio files.

These AI models can differentiate between accents, background noise, and even understand context

03

Text messages

Text messages can be easily copy pasted with access to clipboard.

The requirement list obtained from the above methods can be easily matched with the inventory using Basic Text Matching (if the wording are same) and Fuzzy Matching (leaving room for spelling variations)

The requirement list obtained from the above methods can be easily matched with the inventory using Basic Text Matching (if the wording are same) and Fuzzy Matching (leaving room for spelling variations)

Solution
Solution
Ordering with TyrAI
Ordering with TyrAI

Placing a visually distinct and prominent call-to-action (CTA) button within comfortable thumb reach increases accessibility but also supports higher engagement and adoption rates

Providing a concise, contextual explanation of how the feature works can significantly improve onboarding and feature adoption.
For new users, it serves as a helpful introduction, reducing friction and building confidence. For returning users, it acts as a quick refresher, reinforcing their understanding and encouraging continued use. This small addition supports a smoother, more inclusive experience for users at varying levels of familiarity.

Data Input
Data Input

Conversational UI is Slower for Power Users

Conversational UI is Slower for Power Users

We started exploring the possibilities of integrating a conversational UI, only to realize:

We started exploring the possibilities of integrating a conversational UI, only to realize:

  • Reduced Efficiency: For experienced users, navigating a form or table can be faster than typing or speaking a full conversation.

  • High Cognitive Load: Users may have to think more about how to phrase their request instead of simply selecting options.

  • Reduced Efficiency: For experienced users, navigating a form or table can be faster than typing or speaking a full conversation.

  • High Cognitive Load: Users may have to think more about how to phrase their request instead of simply selecting options.

Instead of a slow conversational interface, we went with a “dump & detect” model: Users simply upload or paste their list, and AI makes sense of it—removing the need for structured interactions or lengthy prompts.
Instead of a slow conversational interface, we went with a “dump & detect” model: Users simply upload or paste their list, and AI makes sense of it—removing the need for structured interactions or lengthy prompts.

Leveraging familiar interaction patterns

Leveraging familiar interaction patterns

To design an intuitive experience, I initially drew inspiration from widely adopted messaging apps such as WhatsApp. Leveraging familiar interaction patterns seemed like a natural starting point to reduce the learning curve.

To design an intuitive experience, I initially drew inspiration from widely adopted messaging apps such as WhatsApp. Leveraging familiar interaction patterns seemed like a natural starting point to reduce the learning curve.

However, I soon realized that these platforms primarily facilitate text-based communication or text + attachments—a fundamentally different interaction model from our use case.

However, I soon realized that these platforms primarily facilitate text-based communication or text + attachments—a fundamentally different interaction model from our use case.

Customizing to our specific needs

Customizing to our specific needs

In our scenario, users aren’t just sending text with optional attachments; instead, they are making a choice between different input types. They might:

  • Enter text

  • Upload or capture an image

  • Record/ upload a voice note

  • Attach a document

In our scenario, users aren’t just sending text with optional attachments; instead, they are making a choice between different input types. They might:

  • Enter text

  • Upload or capture an image

  • Record/ upload a voice note

  • Attach a document

Digging deeper into user behavior, I recognized that some users may also want to combine multiple inputs simultaneously.

For instance, a dealer might want to add new products, modify quantities, or specify additional details—all within the same interaction.

This can be:

Digging deeper into user behavior, I recognized that some users may also want to combine multiple inputs simultaneously.

For instance, a dealer might want to add new products, modify quantities, or specify additional details—all within the same interaction.

This can be:

  • Similar Inputs
    Example: Upload image + Capture Image

  • Different inputs
    Example: Upload image + Add text/ Record a voice note/ Upload a document

Let's assume 70% of dealers tend to use Similar Inputs.

The dealers can easily add another input here. With earlier assumption, I have kept Similar Inputs upfront and Different Inputs nested.

User testing proved us wrong!

User testing revealed more nuanced needs—such as combining text with images or adding a document for clarification—it became clear that the system needed to adapt to multi-input scenarios more fluidly.

This insight challenged our initial assumption and led to a key design shift:

We introduced a customized input layout that surfaces the two most frequently used input types per user upfront, while nesting the remaining options under an expandable menu. This made the interface feel more personalized and efficient, improving overall usability and speed of interaction.

Cart Creation
Cart Creation

Once the user submits their input—be it text, image, voice, or document—the system analyzes the content and automatically maps it to the inventory, generating relevant line items in the cart.

Once the user submits their input—be it text, image, voice, or document—the system analyzes the content and automatically maps it to the inventory, generating relevant line items in the cart.

However, if certain details are unclear or missing (e.g., illegible handwriting in an image or vague item names), the system flags these issues and prompts the user to review or provide additional input. This ensures that the final cart reflects accurate intent and minimizes friction later in the process.

However, if certain details are unclear or missing (e.g., illegible handwriting in an image or vague item names), the system flags these issues and prompts the user to review or provide additional input. This ensures that the final cart reflects accurate intent and minimizes friction later in the process.

At checkout, the system also runs a quick anomaly check against the user’s past ordering behavior. If a significant deviation is detected—such as an unusual product not typically purchased—it notifies the user for confirmation. This subtle intervention helps reduce input errors, accidental purchases, and ultimately lowers order return rates, creating a more reliable and user-friendly experience.

At checkout, the system also runs a quick anomaly check against the user’s past ordering behavior. If a significant deviation is detected—such as an unusual product not typically purchased—it notifies the user for confirmation. This subtle intervention helps reduce input errors, accidental purchases, and ultimately lowers order return rates, creating a more reliable and user-friendly experience.

Outcomes
Outcomes

72%

72%

reduction in average order placement time

reduction in average order placement time

26% increase in average order value

+42 NPS increase among high-frequency dealers

38% reduction in the operational cost

Key learnings
Key learnings

Start with user behavior, not the tech

AI is most useful when it removes friction—not when it adds a new layer of interaction.
We observed how dealers already operated—jotting down lists, taking photos, sending messages—and designed AI to meet them where they are.
This shift in mindset ensured that AI wasn’t a novelty or an obstacle—it was a natural extension of how they were already working.

Familiar ≠ Functional

Starting with interaction patterns from familiar apps like ChatGPT and WhatsApp helped reduce the learning curve, but user needs in this context were significantly different. Realizing this early helped avoid forcing an unsuitable pattern.

Assumptions need validation—context is everything

The assumption that users would interact with all input types equally was challenged during testing. Tailoring the UI to surface the most-used inputs based on user behavior made the experience more efficient and personalized.

Flexibility in design increases adoption

Designing for either/or input types evolved into allowing users to combine multiple inputs, giving them the flexibility to communicate complex orders more naturally.

Smart automation improves efficiency—but needs human fallback

Automatically mapping user inputs to inventory streamlined the process, but including checkpoints for unclear data ensured reliability. Prompting user intervention where needed created a more robust system.

Micro-interventions can prevent macro-errors

The anomaly detection at checkout served as a subtle, intelligent safety net—helping users catch mistakes before they happen, improving trust and reducing returns.

That's the end of this case study!

Know more about me

Currently exploring new opportunities

Let's Connect

— Click to copy

— Click to download

Know more about me

Currently exploring new opportunities

Let's Connect

— Click to copy

— Click to download

Know more about me

Currently exploring new opportunities

Let's Connect

— Click to copy

— Click to download

Know more about me

Currently exploring new opportunities

Let's Connect

— Click to copy

— Click to download