Rider on an Ather electric scooter in motion
Ather Energy · Design Direction

Designing theconfidence togo electric.

A UX & product-strategy engagement that turned range and charging anxiety into quiet, everyday confidence for the next generation of electric riders.

Scroll
Role
UX Strategy & Design Direction
Timeline
6 days engagement
Sector
Electric two-wheelers
Deliverable
Design Direction Document
—Overview

Designing the direction, not just the screens.

Ather Energy set out to win India's pragmatic, value-first riders — people who are excited by electric mobility but wary of its promises. Before designing a single screen, the product needed a shared, evidence-backed point of view on what to build and why.

The Design Direction Document became that compass: aligning business vision, user reality and design intent across the vehicle dashboard, the companion app, and the charging ecosystem — the Ather Grid.

—The Challenge

Range anxiety is a trust problem, not a battery problem.

Riders don't abandon electric because of specs — they hesitate because of doubt. Will the range hold? Will a charger be free and working? Will a software glitch strand me?

  • Optimistic range estimates that erode trust the moment they're wrong.
  • Charging uncertainty and inconsistent public infrastructure.
  • Information overload and alarming, high-cognitive-load interfaces.
Ather scooter detail
Product truth

The ride is effortless — the experience around it had to be, too.

03Research · Who we designed for

Two riders, one shared need: to stop worrying.

Arjun Mehta

Arjun Mehta

29 · Bengaluru · Product Analyst

I don't want to think about my vehicle every day. It should just work — quietly, predictably, and without surprises.

Goals
  • Get to work and back without thinking about range
  • Charge easily and predictably; know vehicle health at a glance
  • Be seen as practical and future-forward — not an early-adopter guinea pig
Pain points
  • Fear of real-world range vs. claimed range
  • Anxiety on unfamiliar routes; inconsistent public charging
  • Worry that software issues could mean vehicle failure
UX expectations
  • Range estimates that feel honest & conservative
  • Clear alerts, not alarming ones — minimal cognitive load
  • High trust in Ather Grid availability with clear fallbacks
Reshma & Rajat Kapoor

Reshma & Rajat Kapoor

41 · Pune · Working parents, 2 kids

We prioritize practicality and safety. Our scooter should reliably fit into our busy family life without becoming an extra headache.

Goals
  • Commute and complete tasks reliably
  • Keep the family safe during every trip
  • Minimize time and cost spent on maintenance
Pain points
  • Uncertain about vehicle longevity & battery lifespan
  • Stress about battery draining faster under heavy loads
  • Frustration with slow, unreliable public chargers
UX expectations
  • Consistency & predictability over sportiness
  • Family-friendly, reliable charging options
  • Transparent servicing — no pricing surprises
04Process

The practice of Informed Design

A scientific, staged methodology — each chapter moving from business truth toward a tested, buildable experience, and each producing a concrete deliverable.

01

Business Insights

Aligned on product purpose, positioning and value proposition — and the critical success factors for winning trust in a skeptical, value-first market.

Design Brief
02

User Research

Firmed up mental-model personas, journeys, tasks and scenarios through qualitative and quantitative studies — and evaluated the current experience.

Insights
03

UX Measurement

Defined measurable UX parameters — effectiveness, efficiency, learnability, memorability — backed by web data, surveys and NPS.

Metrics
04

Concept Design

Established the foundation: information grouping, navigation and conceptual models, plus communication and visual-experience strategy.

IA & Strategy
05

Formative Testing

Validated the concept with users on expectancy, first impression, discoverability, comprehension and flow pain points.

UT Report
06

Detailed Design

Produced detailed wireframes and high-fidelity mocks for every critical task and page type, including micro-interactions.

Wireframes & UI
07

Front-end Direction

Set device-agnostic, responsive standards — HTML5/CSS3 tested across critical browsers with clear component guidelines.

Design & Dev Standards
05Design principles

An interface that earns trust, quietly.

Honest range, not optimistic range

Conservative, trustworthy estimates that never over-promise — because trust is the real range.

Calm alerts, not alarms

Clear, non-distracting information that lowers cognitive load instead of adding to it.

A predictive companion

The app guides proactively — planning charges and trips — rather than reacting after the fact.

Charging you can see

Visibility into Ather Grid availability and reliability, with clear fallbacks when a charger fails.

06Interface

The companion app, screen by screen.

The full flow that turns the strategy into everyday confidence — honest range, visible charging on the Ather Grid, calm trip planning, and glanceable vehicle health.

Ather09:41
128km range
Estimated conservatively · live
72%Full by 7:30 AM
24
km/h
18
trips
A+
health
Charge tonight to reach Pune comfortably.
Ride · Home
Ather09:41
Ather Grid
4 chargers near you
Indiranagar
Available · 2
Koramangala
Busy · 0
HSR Layout
Available · 3
Ather Grid · Charging
Ather09:41
Plan a trip
Bengaluru → Mysuru
Home · 100%
Ramanagara · charge 15 min
Mysuru · arrive 41%
One reliable stop. No range anxiety.
Trip planner
Ather09:41
Vehicle health
Everything looks good
A+
Battery
Healthy · 96%
Service
Due in 1,200 km
Tyres
Optimal
Vehicle health

High-fidelity screens · design-direction concept

07 · Impact

A compass the whole team could build against.

1
Unified direction across vehicle, app & charging grid
7
Informed-Design phases, each with a shippable deliverable
100%
Decisions traceable to a documented user insight
08Learnings

Strategy is a design deliverable. The most valuable interface is often the alignment you create before anyone opens the design tool — and in electric mobility, honesty designs more confidence than horsepower ever could.

Selected interface details are abstracted and recreated for portfolio presentation, under the terms of a design-direction engagement with Ather Energy.