Services
Industries
Portfolio About US
Start a Project →
Home Case Studies Draaxi Driver — Mobile-First Driver Interface
Mobile App Design UI Flutter Maps

Draaxi Driver — Mobile-First Driver Interface

A mobile-first driver interface designed around the map, 15-second offers, and trip states.

Draaxi Ride-hailing 10 Weeks Full ride UI in one home map
Project Overview

We designed Draaxi Driver as a map-first mobile interface so drivers can decide on rides without leaving the home screen.

Offer cards, waiting state, and active trip UI sit on the map with day/night themes and a custom location marker.

Client
Draaxi
Industry
Ride-hailing
Timeline
10 Weeks
Budget Range
$20,000 - $35,000
The Challenge

What We Were Up Against

Too Many Screens

Driver apps fail when offers, waiting, and active trips force drivers off the map during a 15-second decision.

Unclear Ride State

Jumping into an active-ride layout before the rider confirms created confusion and false starts.

The Solution

How We Solved It

Map-First Home

Custom location marker, day/night map themes, and a max of two nearby offer cards with a countdown loader.

State-Matched Panels

Distinct waiting vs active-ride panels, with start-ride only when the backend confirms the trip.

Build Timeline

How We Built It — Week by Week

Week 1-3

Flows & Wireframes

Mapped online, offer, waiting, pickup, and trip screens.

Week 4-8

UI System

Built the map home, offer cards, and trip panels in Flutter.

Week 9-10

Polish

Overflow fixes, theme pass, and state-aligned layouts.

Technology Stack

Built With the Best Tools

Design

App Design
Figma

Build

Flutter

UI

Day/Night Maps
Results

The Numbers Don't Lie

15s
Offer Window
Aligned with rider-side cards
2
Visible Offers
Nearby jobs only, 0–3 km

Before DigiWapp

Demo offer cards competing with the map
Active-ride UI shown before rider confirmation

After DigiWapp

Map-first home with waiting and active states
Max 2 nearby offers with a 15-second countdown
Client Testimonial
"The driver interface stays on the map and only shows an active trip when the platform says the ride is real."
D
Draaxi Product Team
Ride-hailing, Draaxi
via Clutch
Ready to get started?

Let's build your next success story

Tell us about your project and we'll get back to you within one business day.

✓ No obligation ✓ Free consultation ✓ Fast turnaround