Overview

Mahavitaran (MSEDCL) is Maharashtra's state electricity distribution company the utility millions of people depend on for bill payments, complaint registration, and new connections. When our team of four (myself, Tanay, Dhruv, and Soham) picked this as a project, the brief we set ourselves was simple: audit how people actually experience Mahavitaran's digital services today, and figure out what's broken.

What we found wasn't a UI problem. It was an access problem.

Before touching anything, I wanted to know what already existed. Mahavitaran runs a website and an app — both live, both in use, both clearly built for a different era of the internet.
The website still carries the visual and structural DNA of a 2018–2019 government portal: dense navigation, inconsistent CTAs, a "Submit Online Form" hero banner sitting next to a captcha-gated bill payment widget. The app fares slightly better but suffers from its own version of the same problem — too many entry points for too few clear tasks, and no real hand-holding for someone doing this for the first time.
This mattered more than it might sound like on paper, because Mahavitaran's user base skews toward exactly the people these interfaces fail hardest: elderly consumers, rural consumers, and people on basic feature phones with patchy connectivity.

Understanding the company

Understanding the user

I interviewed real Mahavitaran users and collected their raw complaints.

I put every quote on sticky notes and grouped them through affinity mapping. This turned messy feedback into clear themes: Payment, Physical office, Complaint registration, Solar, Notifications, Reliability, and Website/App. Now I could see the real pain points instead of scattered noise.

From there, I built out three personas. Each mapped with an empathy map to catch the gap between what they say and what they actually feel.

Finally, As-Is journey maps traced each persona's current end to end experience across Saying, Doing, Thinking, and Feeling, with an opportunity pulled out at every step. These maps pinpointed exactly where trust breaks Shankar at the receipt and confirmation step, Sunil at complaint submission and status, Priya at document upload and application tracking and those opportunity columns fed directly into ideation.

S6
Shankar, 68 — paying a bill
01Open app
02Log in
03Find bill payment
04Enter details
05Pay
06Get receipt
Saying
Why does it take so long to load? I hope I'm on the right app.
Why do I need my number and a captcha every single time?
Where is the payment option? These menus are so confusing.
I have to enter my consumer number again? Didn't I save it?
Why isn't it going through? Did I make a mistake again?
Where is the receipt? What if they say I haven't paid?
Doing
Opens the app, squints at the small icons, waits for it to load.
Struggles with the captcha — too small, distorted. Mistypes the OTP, which expires.
Scrolls up and down, opens several tabs before finding 'Bill Payment'.
Types consumer number, details and amount by hand from an old paper bill.
Confirms payment — then hits a crash, a timeout, or a pending status.
Hunts for the receipt, screenshots it, sometimes prints it at a cyber café.
Thinking
This should open quickly, the way WhatsApp or PhonePe does.
My phone unlocks with a fingerprint. Why is this harder?
This is written for someone who already knows where to look.
If one digit is wrong, where does my money go?
If money is deducted and no receipt arrives, who do I call?
Until I'm holding something stamped, I haven't really paid.
Feeling
Impatient, a little confused, already cautious.
Frustrated, anxious about mistakes. Exhausted before starting.
Overwhelmed. Feels the system was not built for him.
Nervous, double-checking every field repeatedly.
Highly anxious and helpless. Actively mistrusts the app.
Relieved only once a copy is saved, but still doubtful.
BetterWorse
Opportunities
A lighter entry that leads with the task, not the menu.
Login that keeps security without punishing older users.
Promote frequent tasks; let the deep menus recede.
Save consumer details; validate before money moves.
Honest, real-time payment status — and a route to help.
Digital receipts that feel as final as paper ones.

The three biggest opportunity areas became How Might We questions, one per persona

And then collapsed all three into one governing question

Ideation

The obvious move here would've been "redesign the app." I deliberately pushed past that, because the research was telling me something more specific: the people struggling most weren't struggling with app design, they were struggling with access to an app at all or with trusting it once they had one.

So the ideation phase became about channels, not just screens. I worked through what a Mahavitaran service layer could look like if it met people where they already were, rather than asking them to adopt something new:

A redesigned To Be journey then mapped the full experience across six steps Access, Authentication, Task Selection, Execution, Confirmation, and Continuous Support. Showing the shift from anxious and frustrated to relieved and confident at each stage.

Information architecture came first mapping how a user moves from language selection into one of four core flows (bill payment, complaint registration, new solar connection, help & support), each broken into the smallest number of steps that still felt complete.

Design System

I anchored the visual language in Mahavitaran's existing red/crimson mark instead of inventing something new, since trust in a government utility partly comes from recognizing it. SF Pro carries the weight for headings and emphasis; Inter keeps body text readable at length.

Success green, warning orange, and error red — the meanings people already know, so there's nothing new to learn mid-payment. Green also does double duty: it's the one color that can't be mistaken for the brand, so "it worked" never gets confused with "the app is just being red."

Designing

Whatsapp

ATM / Kiosk

Feature Phone

App

[ MORE WORK ]

Keep looking around.

Aria

UX/UI