App Development Case Study

TotoJan

Instant Affordable E-Rickshaw Ride Booking

React NativeAWSNode.jsWebSockets

TOTOJAN HUB

SYSTEM ONLINE // V1.0.4100% SECURE SSL

About the Project

TotoJan is a lightweight ride-hailing application developed for local e-rickshaw (Toto) networks. Operating under serverless AWS backends, TotoJan utilizes WebSockets to sync live coordinates between passengers and nearby drivers instantly.

The Core Challenge

E-rickshaw drivers operate under limited data signals and rely on simple mobile devices. The app required extremely optimized background tracking scripts, a custom offline-sync map engine, and an ultra-lightweight codebase requiring zero memory overhead.

< 3s

Real-time dispatch synchronization latency over WebSockets.

99.9%

Background tracking stability under low cellular data signals.

140ms

Average API response speed using geo-partitioned serverless lambdas.

Information Architecture

Structured Sitemap tree

Passenger App

Interactive booking map
Live driver tracker
Fare estimator

Driver Portal

Earnings log
Active requests radar
Route navigation map

Geo Dispatch Engine

WebSocket broadcast
Attribution matches
Payouts automation

Interaction Blueprint

User Flow & Wireframe layout

WebSocket Radar Panel

Minimal interface showing passenger pins and driver locations updating smoothly in real time.

Content Canvas Placeholder

Fare settlement checkout

Large tactile buttons designed to settle fares immediately with cash or dynamic UPI QR codes.

Content Canvas Placeholder

Collaborative Ideation

Virtual Whiteboard & Retrospectives

Verify API queries latency & structure offline fallback sync.

@tech_lead

Maximize font contrast score to WCAG 2.1 AA parameters.

@ux_designer

Simplify ritual configs down to direct 1-click packages.

@product_owner

Test responsive layouts on physical mobile targets first.

@qa_tester

Premium Aesthetics

High-fidelity final UI designs

High-Contrast Amber Interface

A sleek, dark charcoal-grey app base accented with vibrant neon-amber highlights for optimal daytime readability.

One-Tap dispatch trigger

A bold central button enabling passengers to request ride pickups instantaneously without navigation friction.

Visual Identity

Color Palette & Typography

Unified Color Palette

Vibrant Amber

#F59E0B

High-visibility brand accent color used for tracking indicators and buttons.

Carbon Grey

#1A1A1A

Secondary card base providing glare-free visual comfort under sunlight.

Signal White

#FFFFFF

Primary text contrast used to maintain clear navigation indexes.

Typography scale

H1 / Heading Light

Manrope Light - 45px / 1.1

H3 / Subtitle Regular

Manrope Regular - 18px / 1.5

Body / Description Light

Manrope Light - 14px / 1.8