TotoJan
Instant Affordable E-Rickshaw Ride Booking
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.
Core Problem Statement
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.
Real-time dispatch synchronization latency over WebSockets.
Background tracking stability under low cellular data signals.
Average API response speed using geo-partitioned serverless lambdas.
Structured Sitemap
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
User Flow & Wireframes
WebSocket Radar Panel
Minimal interface showing passenger pins and driver locations updating smoothly in real time.
Fare Settlement Checkout
Large tactile buttons designed to settle fares immediately with cash or dynamic UPI QR codes.
High-Fidelity 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.
Color Palette & Typography
Vibrant Amber
#F59E0BHigh-visibility brand accent color used for tracking indicators and buttons.
Carbon Grey
#1A1A1ASecondary card base providing glare-free visual comfort under sunlight.
Signal White
#FFFFFFPrimary text contrast used to maintain clear navigation indexes.
Typography Scale
Manrope Light 48px
Manrope Regular 18px
Manrope Light 14px / 1.8 line-height
Explore the Full Prototype
View the interactive Figma prototype to experience the complete design system and user flows.
View Figma PrototypeHave a similar project in mind?
Let's discuss how we can bring your vision to life with the same level of precision and care.
