006 · PROJECT
ClearChallan
A CITIZEN-FIRST REDESIGN OF INDIA'S TRAFFIC CHALLAN EXPERIENCE
BECAUSE TRUST IS THE PRODUCT'S WHOLE ARGUMENT, HONESTY IS STRUCTURAL.
OVERVIEW
Traffic challans in India are scattered across portals, written in legal shorthand, and paid through flows that routinely leave people debited but unconfirmed. ClearChallan is an independent product prototype that reimagines the entire journey: type a number plate once and see every challan on the vehicle in one place, each offence paired with its actual Motor Vehicles Act section explained in plain language, verified against official penalty tables.
The prototype covers the full lifecycle. Camera evidence and exact offence locations are private, unlocked only by proving ownership through a ranked gate: DigiLocker consent first, chassis + engine numbers as the no-phone fallback, OTP deliberately last (the RC-linked number is often dead). Payments run through a synthetic gateway with UPI, card, and net-banking flows, and settlement is tracked hand-to-hand: gateway → bank → treasury → cleared, including the failure state real portals hide, debited but never confirmed, with explicit "don't pay twice" guidance. Paid challans settle and drop from the amount due; disputes are trackable through to Virtual Court.
Everything is built natively on UX4G 3.0 (its tokens, components, and citizen-journey patterns) with WCAG 2.1 AA contrast verified programmatically (which surfaced and fixed a sub-AA colour pairing in the design system itself). Accessibility is the pitch, not an afterthought: keyboard operable throughout, screen-reader labelled, read-aloud on key screens, reduced-motion respected. And because trust is the product's whole argument, honesty is structural: every record is invented, the card form is incapable of transmitting a real card, Aadhaar is never captured, and a dedicated "What's real" page documents exactly what's simulated.
HIGHLIGHTS
- Single-lookup challan record with real MV Act sections (§119/§177, §183, §194D) verified against official police penalty tables
- Ranked ownership gate: DigiLocker consent handoff → chassis+engine → OTP-last. No accounts, no Aadhaar on-page
- Full payment lifecycle with four settlement outcomes, incl. the "debited-not-confirmed" trap with double-payment protection
- Built entirely on Government of India's UX4G Design System 3.0; found and corrected a WCAG AA contrast failure in the system's own dark palette
- Accessibility-first: AA-verified contrast, keyboard/screen-reader support, read-aloud, text-size controls, reduced motion
- Synthetic by design: a safety-first prototype that cannot touch real money, cards, or identity
STACK
Next.js 16 (App Router) · TypeScript · Tailwind CSS 4 · UX4G Design System 3.0 · Vercel