CCTNS — Ministry of Home Affairs

A national policing platform connecting citizens, officers, and state machinery — designed for India's 1.4 billion. End-to-end FIR management, citizen services, and security operations on one stack.

5 min read · NDA-redacted 2023 — Present

Public overview only. This case study is under client NDA — UI screenshots, internal stakeholder details, state-specific data, and confidential decisions are redacted. The deeper case study with full artefacts is available on request to serious hiring managers under a brief mutual NDA. Request access →

RoleLead Designer · Mentoring a team of 5 designers
ClientMinistry of Home Affairs · PwC engagement
Team5 designers · partner engineering team · MHA + state-level stakeholders
TimelineOct 2023 — Present (multi-phase rollout)
DomainGovernment · Public Safety · National Scale · Regulated
Reach1.4B+ citizens (target population) · officers across 28 states + 8 UTs

TL;DR

  • Leading design on a national policing platform spanning citizen services, officer dashboards, and FIR management — designed for India's full citizen base.
  • Reframed a fragmented multi-state experience into one citizen surface with state-specific logic in the backend — abstracted variance without papering over it.
  • Established design system, governance model, and AI-assisted workflows for the team. Mentoring 5 designers across the engagement.

The federation problem

Most national digital projects fail at the same place: variance. India is not one design problem — it's the same problem multiplied by every variance axis you can name. Designing one product for the whole country means designing for the variance, not around it.

Languages
Hindi, English + 4 regional at launch (Marathi, Tamil, Telugu, Bengali). Many more in the roadmap. Each isn't just translation — it's culturally-aware tone, grammar conventions, and phrasing review.
Literacy
From metro lawyer reading on iPhone to rural farmer who has never typed on a phone. Voice-first is the primary path, not the accessibility fallback.
Device + bandwidth
iPhone on metro 5G to ₹3,000 Android on rural 2G. Every page has an offline-first fallback. No design that depends on a fast network.
Trust
Many users' first contact with any government service is this app. Trust isn't a brand exercise — it's earned in the first 30 seconds of use.
State machinery
28 states + 8 UTs, each with its own police force, legacy systems, terminology, and political ownership. UI decisions can be vetoed at the state level.
Regulatory shell
MHA security review · RPwD Act accessibility compliance · data localisation requirements · evidence-handling rules. Every screen clears multiple gates.

The trap is to design for the median user. The median doesn't exist here — variance does. Every design decision was tested against the extremes, not the middle.

Unified-with-flexibility

The strategic question wasn't "what should the citizen experience look like?" It was deeper: should there be one citizen experience, or 28?

Each state's IT department had political and operational ownership of its own CCTNS instance. The path of least resistance was to give each state a customisable citizen surface — let them re-skin, re-arrange, re-name. That would have shipped faster, with less political friction, and would have replicated the exact fragmentation that made the original system unusable.

The harder call — and the one I pushed for, at real political cost — was one unified citizen surface, with state-specific logic in the backend. One vocabulary across India. One mental model a citizen carries from Maharashtra to Karnataka to Tamil Nadu without re-learning the app.

The flexibility lives where it should — in the system's customisation slots, not its surface. States can adapt language, local terminology, minor flow steps, and integration with their existing officer systems. They cannot fork the citizen surface, the navigation vocabulary, or the data shape. The line between "you can change this" and "you cannot" was the most-debated artefact of the project.

That decision cost political capital with state IT departments who wanted their own branding on the citizen surface. Escalated, lost a battle, kept the larger war. The unified system survives.

Leadership & governance

A team of 5 designers across 5 citizen verticals (FIR, missing person, women's safety, traffic, cyber) shipping in parallel against a national-scale rollout. No two designers can build the same problem twice; no one designer can hold the whole system in their head. Governance is not a phase — it's the infrastructure.

The model that carried us:

  • One designer owns one vertical end-to-end. Ownership before scale. Each designer carried a vertical from research through handoff. They knew their citizen archetype, their officer counterpart, their political stakeholders. Cross-vertical decisions came back to me, but the depth was theirs.
  • Weekly system reviews. Every Friday, 90 minutes. Each designer presented one decision they were considering. We pressure-tested. Half the value was the decisions made; the other half was the team learning each other's domains.
  • The system has one source of truth. Tokens, components, and patterns live in one Figma library, governed by a small architecture committee. Verticals consume — they don't fork.
  • "Affects more than one team's UI" = system change. One sentence — but it's been the most-cited governance principle on the project. Anything that crosses vertical boundaries goes through the system review, not a designer's individual call.
  • A short RFC process for new patterns. 1-page proposal, 48-hour review window, accept-or-reject. Speed without bottleneck. Designers shipped fast; system stayed coherent.

The hardest leadership lesson: in projects with this many stakeholders, you can't make every right decision. You make the right shape of decisions and let the team carry the details. Trusting the depth of a vertical owner is the senior move — the alternative is becoming the bottleneck for 5 verticals' worth of micro-decisions.

AI in regulated work

Designing AI-assisted workflows in any regulated domain is a contract negotiation between speed and safety. In a national policing platform, the contract is non-negotiable — get it wrong and people's lives are affected. The frame I worked from:

AI accelerates design work, not officer work. The product is what officers and citizens use. AI lives upstream — in how the team builds.

Where AI accelerated my team:

  • Multilingual flow generation: drafting voice-first citizen flows in 6 languages would have taken weeks per release. I built Conversation Flow Generator — uses Anthropic's models to generate localised flow variants from a single English source. Native-speaker review still required, but the per-language draft cost dropped to hours.
  • System validation at scale: with the component × language × vertical matrix we had, manual token-usage review didn't scale across 5 designers. Design System Validator flags structural breaks before engineering handoff.
  • Code prototyping for kiosk + voice flows: citizen flows that needed real-time interaction (offline kiosk mode, voice playback) were prototyped in code, not Figma. CLAUDE.md Exporter packages the system as Claude Code context so prototypes generate inside our tokens.

Where I did not use AI in the product: any flow involving evidence, complainant identity, officer judgement, or case adjudication. Putting AI inside those would have been irresponsible at this scale and would have failed MHA compliance review on first pass. The boundary is a contract — speed in design tooling, deterministic UX in the product.

Trade-offs

The unified-UI decision cost political capital with state IT departments. Absorbed — escalated, lost a battle, kept the larger war. The system survives.

Voice-first flows are slower for power users (lawyers, NGOs filing repeatedly) than a dense form. Accepted. The platform's ground-level legitimacy depends on the rural farmer being able to use it, not the lawyer being optimised for.

Killing real-time chat between citizens and officers cost us a feature stakeholders had assumed would ship. Replaced with structured request/response flows that compliance could approve. The lesson: in compliance-heavy workflows, the question isn't "can we ship this?" — it's "can the regulator look at this in 6 months?"

Outcome

1.4B+
Citizens in target population
5
Designers led + mentored
28 + 8
States + Union Territories supported
6
Languages supported at launch

Pilot rollout numbers — state-level adoption, citizen usage, officer satisfaction, time-to-resolution — are part of the deeper case study available under NDA.

What I'd change

I would have invested earlier in field research with non-metro officers. We did the citizen-side ethnography well, but our officer assumptions were Delhi-coded for the first quarter, and we burned cycles redesigning officer flows once we got to ground truth in the field. The lesson stuck: in regulated multi-stakeholder work, every type of user needs first-hand contact — not just the headline one.

Also: I'd have written the governance model on day one, not month three. We had drift across the team's outputs until we sat down and articulated "what counts as a system decision vs. a vertical decision." Cost us two weeks of consolidation that should have been free.

Request the full case study

The deeper case study includes UI screenshots, the full token + component architecture, state-level adoption metrics, and the design decisions that didn't make this public version. Available to verified hiring managers under a brief mutual NDA.

Email hsuneja.suneja7@gmail.com with the company you're hiring for and a one-line ask. I usually share within 24 hours.