Case 03 / AutoTech · Mobile app · Concept, not shipped

Forty screens became four ideas.

TVS Motor wanted a direction for the next version of TVS Connect, the companion app for its connected motorcycles. This was a pitch rather than a build, so the job was to diagnose what was not working and make the case for a new structure, backed by research rather than opinion.

Role
UX/UI Designer
Engagement
Client POC, not shipped
Tools
Figma
Domain
Connected vehicles
Read this first

This was a proof of concept prepared for TVS Motor, not a shipped product. There are no download counts or drop-off rates for it and I am not going to invent any. What it delivered was a structural diagnosis and a direction specific enough to brief a build team against.

What changed

4 → 1

A sprawling feature list distilled into one navigation model

4

Competitor apps benchmarked against the existing product

3

Rider archetypes used to pressure test the new structure

The problem

All the pieces existed. They just did not feel like one product.

TVS Connect is the companion app for TVS's connected motorcycles and scooters. It pairs with the bike to show live vehicle data, service reminders, navigation and a rider community. Every one of those things was already in there.

The brief was to propose a clearer structure: audit what existed, look at what competitors were doing, and recommend a direction. A pitch, not a build, which meant the argument had to carry itself on evidence rather than on mockups.

Decision 01

The problem was not four bad screens. It was one missing structure.

I audited the live app screen by screen, dashboard, vehicle overview, navigation and community, scoring each against usability fundamentals. The same faults kept reappearing in different costumes, which is the tell that you are looking at a symptom rather than a cause.

The home screen's information architecture had grown unconventionally, with inconsistent type, card sizes and button styles producing a cluttered hierarchy. Fixing screens individually would have papered over a problem that needed new structure underneath.

What was not working

  • No clear order to the information on screen
  • The main call to action sat in a banner nobody pressed
  • Inconsistent components and arbitrary placement
  • Oversized cards, no type hierarchy, wasted space
  • The community felt empty, so nothing invited anyone in

What I proposed instead

  • Separate subsections so categories are legible
  • Contextual actions tied to what the rider is doing
  • A real design system, consistency over decoration
  • One standard ride overview across every model
  • Profiles and photos upfront, plus search and filters
The live TVS Connect dashboard with a profile card and a grid of tiles.
Dashboard as shipped. Twelve destinations, no priority.
The live community tab showing a sparse feed of ride stories.
Community as shipped. Nothing on entry invites you in.

Decision 02

Benchmark it, so the argument is evidence and not taste.

I reviewed four connected vehicle apps against the same two questions: what works, and what is missing. Scoring them the same way meant the recommendation could be argued from the table rather than from taste.

Between them they made the case that connectivity is a purchase driver for two-wheeler buyers in India rather than a nice extra, which is the argument the pitch needed.

AppWhat workedWhat was missing
Harley Davidson Minimal, low cognitive load. Community and events open to everyone. No navigation built in, and almost no personalisation.
Hero Connect Rich trip data, real time alerts, a rider score that gamifies safe riding. No clarity between sections, inconsistent icons, poor use of space.
Ather Live vehicle data upfront, the cleanest system of the four, nothing in the way. Almost no community or reason to come back between rides.
Yamaha Y-Connect Personalised navigation. Fuel, parking and ATMs surfaced contextually. Unclear service messaging, content heavy continuous scroll.
A market statistic slide on connected vehicle adoption among Indian two-wheeler buyers.
Cited in the original research from Bosch and Softtec, and the Deloitte Global Automotive Consumer Study 2020.

Decision 03

Design for three real riders, not one average one.

Riders use a connected vehicle app for very different reasons depending on who they are and how they ride. I defined three archetypes from rider interviews and used them to stress test the new structure, rather than designing for an assumed average user who does not exist.

Persona card for Akhil, a passionate explorer and touring rider.
The explorer. Networks, tours, wants a record of every ride.
Persona card for Mukthi, a rider archetype.
The second archetype, drawn from the same interviews.
Persona card for Mukul, a rider archetype.
The third. Same underlying ask, very different reasons.

Decision 04

Every pain point sorted into one of four jobs.

Rather than another flat list of features, I proposed reorganising all of TVS Connect around four pillars, simple enough to become the app's actual navigation instead of a slide in a deck. Every audit finding and every persona need landed in exactly one of them.

Why

Collapsing the feature list into four named pillars meant every future screen had an obvious home. It also gave the rest of the pitch a shared vocabulary. People started saying “that is a Care problem” instead of relitigating where a feature should live.

Connect

Bike status in one place: usage, technical health, overview and manuals.

Community

Riders, racers and owners. Rides, events and workshops planned together.

Commute

Navigation built in. Nearby stops, ride tracking, weather and readiness.

Care

Service reminders, health updates, documents and the nearest centre.

A diagram mapping the four pillars back to one customer centric model.
The four pillars mapped back to a single customer centric model. This became the proposed top level navigation.

Decision 05

Show it on a real screen, not just in a diagram.

With the structure agreed I designed onboarding that introduces each pillar on first open, then concept screens for two of the four, Connect and Care, so the new architecture could be judged as something that behaves rather than something that argues.

Onboarding screens introducing each of the four pillars.
Onboarding. Each pillar gets its own introduction before the rider reaches the home screen.
Concept screens for the Connect and Care pillars.
Connect shows live vehicle status and recent rides. Care surfaces the next service date and books it in one tap. Both grounded directly in audit findings.

What I took from it

A messy app is rarely four messy screens. It is usually one missing structure wearing four different masks. Naming that structure was worth more to the pitch than any single polished mockup.

Next case study

One system, two scripts, two products.

Read it