UX case study · Faircode Technologies
KSEB: every electricity service in Kerala, a few taps away.
With Faircode Technologies, I worked on the UI/UX of the official KSEB mobile app for Android and iOS: one self-service app where any consumer can pay a bill in under a minute, track usage and manage every connection, with or without an account.
- Client
- KSEB Limited
- Agency
- Faircode Technologies
- My role
- UI/UX design
- Platform
- Android and iOS
- Year
- 2025
- Live
- Google Play App Store
Download figure from public Google Play data (Dec 2025), as published by Faircode.
01
The challenge
KSEB Limited serves millions of electricity consumers across Kerala. Paying a bill often meant a trip to an office or a third-party portal. Bills, consumption and payment history sat in separate places. Homes and businesses with several consumer numbers had no single view. And most consumers are on a phone, expecting the same experience on Android and iOS.
02
Research
What we learned
- Consumers wanted to pay in seconds, with or without an account.
- Many people manage several connections at once: home, shop, farm.
- Trust depends on clear bills, instant receipts and payment confirmations.
- At state scale the app has to work across a huge range of devices.
How we responded
- Lead with Quick Pay: settle a bill in under a minute, no login.
- Give registered users a personal My Account.
- Let one account manage up to 30 consumer numbers.
- Put 24 months of bills, usage and payments a tap away.
- Ship one consistent experience on Android and iOS.
Research run with the Faircode team.
03
Goals
Pay without signing up
Quick Pay needs only the 13-digit consumer number and the registered mobile number, confirmed with an OTP.
Every service on one screen
A single grid on the home screen holds payments, complaints, new connections and doorstep services.
One login, up to 30 connections
Registered users add, switch between and pay for up to 30 consumer numbers.
History at a glance
24 months of bills, consumption and payments, with a 3, 6, 12 or 24 month filter and PDF downloads.
04
Information architecture
Home, as a guest
- Quick Pay
- Complaints
- Pay Demand Note
- Customer Care
- Register Mobile/Email
- New Connection
- Service at Doorsteps
- View Last Bill
- Report Hazards
- Bill Calculator
- Consumer Services
- Rooftop Solar
Home, when signed in
- Consumer card: name, number, section, amount due
- Pay Bills
- Register/De-register
- Complaints
- Customer Care
- My Consumers
- Transaction History
- Bill/Pay History
- Consumption History
- Ownership Change
- Register Mobile/Email
- Service at Doorsteps
- Report Hazards
Menu
- Greeting
- Log in
- Know your section
- Find consumer number
- Help
- Change default language
05
Key flows
Quick Pay
- Enter the 13-digit consumer number
- Enter the registered mobile number
- Confirm with the OTP
- Pay the bill
First run
- Welcome
- Create an account or log in
- Or continue as a guest
06
Design decisions
A welcome that offers a way in
The first screen gives three clear paths: create an account, log in, or carry on as a guest. Nobody is forced to sign up to pay.
A home screen that is a menu
A friendly greeting card on top, the four most used services as large green circles, and every other service in a calm lavender grid below.
Quick Pay, two fields
A guest pays with just two fields and one button. A simple illustration tells people they are in the right place.
The bill comes first
Once signed in, the consumer card shows the amount due before anything else, with the same grid of services under it.
History you can read
Tabs for payment and transaction history, a month filter and large amounts make past payments easy to check.
A short, useful menu
Who you are, log in, find your section or consumer number, help and language. Nothing else competes for attention.
07
Design system
- Greeting card
- Primary service circles
- Service grid
- Labelled form field
- Tabs and month filter
- History card with amount, date and receipt
08
More screens
09
Outcome
The KSEB app is live on Google Play and the App Store. Faircode built it in Flutter, connected to KSEB's billing systems and payment gateways, with one consistent experience on Android and iOS.
- Quick Pay without registration
- My Account
- Up to 30 connections per login
- 24 months of bills and payments as PDF
- One-tap complaint registration
- Service at doorstep
- Bill calculator
Designed with Faircode Technologies. Screens are from the live product and its public store listing.