inDrive · iOS & Android, 2024

Delivery
order form

Redesigning inDrive’s courier order form to improve conversion and adapt to regional requirements.

Explore the case ↓
Redesigned inDrive delivery order formOrder details separated into a focused sheet

Conversion dropped after the redesign

inDrive moved from a monolithic to a microservice architecture, rolling out a new design alongside the codebase update. For courier delivery, the changes went further: new UI components, a revised UX, and new market-standard features created a very different experience.

After launch, V20 (View to Order) conversion fell by an average of 16% across all cities.

−16%

Average drop across all cities

The new form changed a familiar flow

The new form had to support a growing service. But the change disrupted the way people were used to placing an order.

Familiarity

A different mental model

The form looked and behaved very differently from the familiar monolithic version.

Effort

Too much to take in

The long, single-page layout made ordering feel heavy and demanding.

Price visibility

The price came too late

Users expected to check the price after setting point B, to compare services or decide whether the price was acceptable. Repricing was now at the end.

Why we couldn’t roll back

Rolling back was impossible: the old form belonged to the phased-out monolithic architecture and lacked essential new features.

Price moved to the bottom of step 2

Users could no longer check the price immediately after setting point B. Moving the price block to the second step was one of the main reasons conversion dropped.

Price depended on earlier fields

We couldn’t simply move it to the first step: both the final and recommended prices depended on information entered in the preceding fields.

Entry point · the new courier experience
Courier entry screen introduced with the microservices migration
The form · price below the preceding fields
Long courier form with pickup, recipient and delivery details before the price block

Three ways to make ordering easier

I organized a brainstorming session with the courier design team. Each designer explored a concept, then we refined the ideas for UX testing.

The brief: familiar, visually light, quick to complete, and clear about value and price — while still collecting the information needed to match and fulfil an order.

Start from familiarity

A replica of the legacy form, exploring an earlier price field and making the service’s benefits visible.

Legacy-inspired courier form with delivery options and priceDelivery options separated by car, motorcycle, bike and foot courier

Make one page feel lighter

A simpler single-page form, with secondary details moved out of the main flow to reduce cognitive load.

Simplified single-page courier order formOrder details in a separate sheet

Guide the order step by step

A more radical, staged flow that integrates the information needed for matching and successful delivery.

Step-by-step form showing the delivery price and supply optionsNext step collecting sender, recipient and package details

Comparing three forms with real users

I organized a quantitative UX study to compare the three solutions. Real inDrive users received a push notification inviting them to complete a task in a prototype.

“Imagine you want to send flowers to a loved one using inDrive’s courier service. You need to deliver flowers from Dostyk Avenue, 82 to Abay Avenue, 2. You’d like both pickup and drop-off to be at the entrance. What would you do in this case?”

  1. Successful orders

    The share of users who started the prototype and successfully created an order.

  2. Cross-service journeys

    Users who started entering points A and B for a city ride, then switched to Courier.

  3. Missing-details errors

    Users who tried to create an order without completing order details and encountered an error.

The original test artifacts show where users interacted with the forms.

Concept 02 UX research: prototype screens and interaction heatmaps across the order journey
Concept 02 · form screens and interaction heatmaps · View full size
Concept 03 UX research: step-by-step prototype and interaction heatmaps
Concept 03 · form screens and interaction heatmaps · View full size

Concept 02 was selected

The second option won by a small margin, balancing a reasonable completion speed with a high rate of successful order creation.

The third option had the fastest completion time. This was partly due to the intentional absence of an error when users skipped the Order Details field.

We took Concept 02 into an A/B test.

Selected Concept 02: the cognitively lighter courier order form
MetricShort form (3)2 step form (2)Monolith like (1)Current NO
Avg time to complete65 seconds80 seconds157 seconds85 seconds
Avg time to overall43 seconds101 seconds72 seconds53 seconds
Total participants257264172178
Completed56 (22%)70 (26%)49 (29%)33 (19%)
Skipped32 (13%)26 (10%)21 (17%)28 (16%)
Dropped-off169 (65%)180 (68%)102 (60%)117 (66%)
Task complexity70%73%41%64%
UX test results · Concept 02 highlighted
+7%

V20 uplift versus the control group
from product changes

A/B results varied by country

The new form significantly compensated for the conversion drop. But results varied greatly between countries, and design was only part of the explanation.

Microservices bugs mattered

A technical deep dive revealed that part of the conversion drop came from bugs introduced during the transition to microservices.

Some orders could not be delivered

Separating supply types made certain order categories undeliverable in some cities. This helped explain why the A/B results differed so much across countries.

One fixed form
could not fit every market

Order conversion varied by region. Analytics showed different patterns in required fields — such as the recipient’s phone number and package description — and in the order people completed them.

A universal form with the same mandatory fields everywhere could not provide the flexibility needed to optimize conversion in each market.

A form configured for each market

We developed an Order Form Builder based on the tested Concept 02, with refined spacing and field organization for consistency.

Required or optional

Customize which fields a user needs to complete.

Field visibility

Show the fields relevant to each market.

Field order

Adjust the sequence to regional completion patterns.

Original Order Form Builder specification with field names, categories, default offsets and conditions
Order Form Builder · field organization and configuration rules · View full size
Tested single-page order form used as the foundation for the builderOrder details fields that can be configured for each market
+2.3%

V20 increase after launching the builder

Conversion recovered

Through a series of improvements, including the new order form and the builder, we fully mitigated the conversion drop and achieved a 2.3% increase in V20 after the builder launched.

We also gained a clearer understanding of regional courier behaviors and form completion patterns. The journey to a courier order often begins outside the courier section itself.