CCMC · Coimbatore City Municipal Corporation

A city does not fit
on a screen.

Thirteen departments, five zones, a hundred wards. This is the dashboard Coimbatore's officials run their city on, and how I gave it a spine.

The brief

See the whole city.

One place, for every level of officer.

I owned

All of it. Sole designer.

research · IA · UI · design system · dev handoff

I built

One spine.

zone → ward → asset → conversation, across 13 departments

Today

Deployed.

in daily use by officials across Coimbatore

1

It started with a question
nobody could answer.

Simple questions about the city took days, because the answer lived in four offices, three registers and someone's phone.

One question, as observed

“How many roads in North Zone are still half built?”

01 Call the zone office“Will check and tell, sir.” answers live on a call
02 The ward register is with the AEAnd the AE is out on the field. answers live on paper
03 Three spreadsheets arriveNone of them match each other. every department, its own format
Three days. For one number. The site photos never arrived. They were in a WhatsApp group.
2

Three jobs, one login.

I sat with officers at multiple levels and asked one thing: what can you not see today?

🏛️ The Commissioner runs the whole city

Needs the exceptions in five seconds. Which zone is behind, where money sits unspent, what changed since yesterday.

🛠️ The Assistant Engineer runs a zone's works

Needs his wards and his roads. Status, funds, contractors, and a way to answer “what is happening there?” without driving there.

📚 The Department Head runs one subject, city wide

Needs their department across every zone. Schools, drains or streetlights, compared side by side.

3

How do you structure a city?

The one decision everything else hangs on. Tap the tiles.

4

From the whole city to
one pothole. Four clicks.

This is the spine. Walk it yourself.

› › › ›
City level: Road and Pavements across all five zones North Zone: every ward's finances and works Ward 1: every road with status, fund and location Kumaran Nagar Cross Lane: properties, money and progress The road's record with its conversation history

The city, at a glance. Thirteen departments. Money allocated, spent and balance across five zones.

5

The last level is a person.

6

Design the grammar once.
Every department inherits it.

Roads

City›Zone›Ward›Road›Chat
Road detail screen

Education

City›Zone›School›Student
Student detail screen

Same spine, different nouns. That is what made thirteen departments buildable.

7

Nobody was ever going to be trained.

Government software gets handed over, not taught. So it borrows habits people already have.

🧭 Breadcrumbs, always

Every screen says where you are: Roads, North Zone, Ward 1. Nobody gets lost in a city.

💬 Chat that feels like WhatsApp

Because that is where this conversation lived yesterday. Zero learning curve.

📑 Tables shaped like registers

Columns match the paper registers clerks already keep. The screen is just a faster register.

8

What changed.

No percentages here. Only what can be counted from the product itself.

13departments on one system
5zones, every ward inside them
4clicks from the city to one asset
0training sessions needed

One architecture, repeated. Every department kept its own work, and the city finally had one place to look.

Counts taken from the shipped product. Screens carry mock data.

9

Live, in the commissionerate.

Deployed and used by officials across Coimbatore. Handed to engineers by me, with the design system to grow on.

Sign in to SmartCity: the CCMC dashboard login with an aerial photo of Coimbatore
Where every official's day starts. Screens shown carry mock data.

Client: Coimbatore City Municipal Corporation, Tamil Nadu Government.