KJ.

High-Stakes Systems · UX Architecture · Government

AP Police Department Portal — one secure operational architecture for complex workflows

A high-stakes platform shaped by defining departmental processes, mapping responsibilities and permissions, and demonstrating each workflow before it moved into implementation.

UX Architecture 7-Step Design Thinking Design Systems Figma
Role
Product Designer / UX Architect
Domain
Government · E-Governance
Duration
8 months, phased rollout
System
Multi-department · Multi-role
Platform
Web application
Tools
Figma, design system

Product Overview

Transforming disconnected operational processes into one digital platform

The Andhra Pradesh Police Department Portal brings multiple paper-based and disconnected departmental processes into one secure, role-based web application. The experience was designed for high-stakes operational work where permissions, traceability, data accuracy and clear responsibility are as important as ease of use.

One
Shared application architecture
Role
Relevant navigation and permissions
Task
Processes defined as reusable flows
Trace
Accountable actions and status visibility

My Role & Ownership

Turning operational knowledge into a usable, buildable system

As Product Designer and UX Architect, I translated complex departmental processes into one coherent product architecture. I owned process definition, task flows, role-based navigation, interaction design, reusable components, stakeholder demonstrations and developer handover.

Stakeholder Discovery

Worked with departmental stakeholders to understand current processes, information needs, responsibilities and existing operational constraints.

Process Synthesis & Architecture

Mapped current processes, identified common patterns and synthesised them into a shared architecture with role-based navigation.

Task Architecture

Broke every departmental process into discrete tasks, mapped ownership and approval chains, and architected each as a reusable flow rather than a one-off screen.

Governance & Sign-off

Defined and demonstrated each process, incorporated relevant feedback and clarified the final behaviour with stakeholders and developers.

Stakeholder Workshops As-Is Process Mapping Application Architecture Role-Based Navigation Task Architecture 7-Step Design Thinking

Problem Statement

Disconnected historic processes with limited shared accountability

Each department had built its own way of working over years — some on paper, a few on isolated spreadsheets or standalone tools. None of it was connected, none of it was auditable, and beyond the inefficiency, the absence of digital controls left real room for malpractice: attendance and case entries could be altered after the fact with no trace of who made the change.

The mandate from leadership was explicit: digitalise departmental processes, close the malpractice gap with verified, multi-factor-authenticated actions, and reduce paper dependency consistently across the platform.

Design requirement: every important action must be attributable, reviewable and understandable within the officer’s role and approval chain.

High-stakes systems principle

Operational Problems

Manual FIR registration prone to transcription errors. No centralised case tracking. Paper-based attendance with no audit trail. Manual payroll reconciliation every month.

Governance & Compliance Requirements

No real-time visibility for senior officers. No way to verify who made a change to a record. Explicit requirement for multi-factor authentication on sensitive actions and a measurable reduction in paper usage per process.

Malpractice risk No audit trail No MFA High paper dependency Fragmented systems

Discovery · Mapping Operational Processes

Understanding operational reality before designing a single screen

Before interface work began, each operational area needed to be understood on its own terms. Processes carried different responsibilities, historic data, forms and existing tools that had to be considered before defining a shared system.

Process evidence

Forms, registers, task sequences, existing tools, data dependencies and recurring operational constraints.

Architecture evidence

Responsible roles, approval levels, permissions, shared patterns, exceptions and cross-process information needs.

Each discovery session followed the same discipline: document the process as it operated, identify responsible roles and approval points, and catalogue the forms, registers, information and existing tools surrounding it.

Current-state processes consolidated into one discovery repository for comparison and synthesis

Process walkthroughsRole mappingForm and data reviewApproval mappingConstraint capture

My Seven-Step Design-Thinking Process

A repeatable method for high-stakes systems

I used a seven-step design-thinking process to move from operational knowledge to a validated and demonstrated solution. Each step produced a clear artefact or decision, keeping complex workflows understandable to stakeholders and buildable for developers.

Step 01

Discover

Understand users, operational context, existing processes, forms, data and constraints without assuming the solution.

Step 02

Define

Frame the core problems, responsibilities, risks, permissions and success criteria for each process.

Step 03

Map

Create current-state and future-state flows, task ownership, approval chains, exceptions and information relationships.

Step 04

Ideate

Explore architecture, navigation and interaction options before selecting the clearest reusable direction.

Step 05

Prototype

Translate the selected direction into role-based screens, components, states and connected flows.

Step 06

Validate

Demonstrate processes, collect stakeholder and user feedback, and alter flows where findings improve the solution.

Step 07

Deliver & Learn

Narrate the final flow with developers, support implementation and carry delivery learning into the system.

Target Audience

Designing for five ranks across a strict hierarchy

Layered on top of multiple operational areas was a second axis of complexity: rank. Each role has distinct responsibilities and access levels—from senior officers reviewing broader performance to constables completing focused daily tasks.

IPS Officer

State-level oversight, district performance dashboards, escalation management, and HR decisions.

Superintendent of Police

District-level command — case review, personnel allocation, transfers, and coordination across sub-divisions.

Deputy Superintendent

Circle-level management — case assignment, investigation monitoring, and team attendance.

Sub-Inspector

Station-level operations — FIR filing, daily attendance, case updates, and direct team coordination.

Constable

Assigned duties, attendance, field updates and task information with focused access to relevant actions.

Research & Validation

Validating operational needs through evidence and demonstrations

Research combined stakeholder discussions, process walkthroughs, existing-form review, task analysis and prototype demonstrations. Findings were used to prioritise common problems without presenting unverified survey percentages as product evidence.

Review
Existing forms, registers and tools
Map
Tasks, roles, approvals and exceptions
Test
Prototype comprehension and flow continuity
Demo
Every defined process before handover

Empathy Map

What officers say, think, and do

Says

  • The current process is slow and outdated, creating delays
  • Too much time is spent on paperwork instead of policing
  • Training would help, if the new system stays simple

Thinks

  • Hard to keep track of everything without one shared system
  • We're always behind — nothing updates in real time
  • Whatever ships needs to work in low-connectivity stations

Feels

  • Frustrated when data is lost with no backup
  • Anxious about entries being questioned with no proof of origin
  • Coordination across departments feels needlessly hard

Does

  • Coordinates informally over phone calls to share updates
  • Keeps manual records as a backup to any digital entry
  • Uses informal channels to coordinate when shared visibility is unavailable

Pain Points

Four failures consistent across departments

  • 01
    Manual tracking leads to errors

    Manual attendance and case entry led to discrepancies, payroll inaccuracies, and hours spent verifying them by hand.

  • 02
    No real-time visibility

    Department heads couldn't monitor progress across locations, leaving leadership reactive instead of proactive.

  • 03
    No safeguards against malpractice

    Paper and unauthenticated digital entries could be altered after the fact, with no way to trace a change to a verified individual.

  • 04
    Disconnected departmental systems

    Separate tools forced manual reconciliation of information that should have been shared through controlled workflows.

User Journey · Composite Scenario

A representative day for a Sub-Inspector

StageAction 1Action 2Action 3Action 4
Task Logs daily attendance for constables manually in a register Updates case files and FIR records with handwritten notes Sends a physical report to DSP office via a constable Reconciles the payroll register with HR at month-end
Experience RepetitiveError-proneUncertainFrustrating
Thought This repetitive work reduces time available for operational duties One entry mistake cascades into downstream corrections No confirmation it arrived — I just have to trust it Arguments happen every month when records don't match
Opportunity Digital attendance, auto-synced to payroll Structured digital FIR form with validation Digital submission with a read-receipt and audit log Payroll calculated automatically from attendance data

Synthesis · Application Architecture & Role-Based Navigation

Multiple processes, one architecture

With the current processes mapped, the work shifted to synthesis—converging workflows into one coherent application. Each operational process became a configurable module, each rank informed navigation and access, and every task was architected so it could be reused rather than rebuilt separately.

Core Modules

FIR Management, Case Tracking, Attendance & Payroll, HR / Transfers, District Analytics, Notifications, Document Management, Duty Scheduling, Complaints, Inter-department Communication, Audit Logs, Access Control — with room for each of the remaining department modules to plug into the same shell.

Design Principles Applied

Progressive disclosure for dense case data. One primary action per screen. Consistent status language across every module. Breadcrumb navigation through nested approval flows.

Role-Based Access Control Task Architecture Progressive Disclosure Shared Data Model Audit Trail Design

Design System · Reusable Components

Built once, configured across multiple operational areas

The same underlying task — an approval, an escalation, an attendance capture or a document upload — repeated across departments in slightly different forms. I designed these as reusable patterns that could be configured for the relevant process while retaining consistent behaviour and status communication.

Foundations

Status colour roles, a legible type scale, spacing rules, responsive layout guidance and a consistent icon approach.

Component Library

Data tables with sort, filter and bulk actions. Approval workflow components. Multi-level form patterns. Status badges. Dashboard stat cards. Role-based sidebar navigation.

Security & Governance

Multi-factor authentication and a traceable, paperless process

For sensitive actions such as edits, approvals and sign-offs, I defined the UX requirements for stronger authentication, role-based permissions, confirmation and traceable activity. Security and engineering teams remained responsible for technical implementation and verification.

Paper-dependent steps were reviewed to determine where a structured digital form, visible status and accountable approval path could replace manual movement without removing necessary controls.

Multi-Factor Authentication Traceable Activity Requirements Malpractice Prevention Paper Reduction by Design

Validation — Usability Testing & Authority Demonstration

Processes were defined, demonstrated and refined

Prototype flows were reviewed across relevant roles and departmental scenarios to confirm that the current process had translated correctly into the shared architecture. Issues in attendance submission and case escalation were used to refine sequence, validation and status visibility.

Each completed process was demonstrated end to end so stakeholders could verify responsibilities, rules, exceptions and expected outcomes before implementation moved forward.

Cross-Rank Usability Testing Per-Department Validation Authority Demonstration Feedback-Led Refinement

Stakeholder Collaboration & Developer Handover

Explaining the scenario before finalising the screen

For every new component, process modification and design-system decision, I explained the complete operational scenario to project stakeholders, managers and developers. The discussion covered the user, responsibility, business rule, permission, expected result and impact on connected processes.

I evaluated their suggestions, altered the flow where feedback improved usability or feasibility, and demonstrated the revised process again. Before handover, I narrated the complete flow with developers—including the happy path, alternate paths, permissions, validation, empty states, errors and confirmation—so implementation teams understood both what to build and why.

01

Define

Document the scenario, responsible role, rules, inputs, outputs and exceptions.

02

Demonstrate

Walk stakeholders through the process and its relationship to the wider system.

03

Refine

Incorporate relevant operational, business and technical suggestions into the flow.

04

Narrate

Explain final behaviour and states with developers before formal handover.

Outcomes & Impact

A scalable foundation for secure, accountable operations

Verified post-launch analytics were not available for this case study, so the outcomes below describe the product, architecture and delivery improvements I can confidently support.

One shared application architecture

Departmental modules use a consistent product shell, navigation logic and reusable workflow foundation.

Role-based operational clarity

Officers see actions, information and approvals relevant to their responsibilities and access level.

Reusable high-stakes workflow patterns

Approvals, escalations, forms, status and document actions follow predictable interaction models.

Traceability designed into the experience

Sensitive processes include clear ownership, confirmation, history and auditability requirements.

Stronger implementation alignment

Process demonstrations and narrated handovers gave stakeholders and developers a shared understanding of expected behaviour.

Reflection

What this project strengthened in my high-stakes systems practice

Designing a high-stakes system requires more than arranging screens. It requires understanding responsibility, permissions, operational consequences, exceptions and the information needed to make accountable decisions.

The strongest lesson was the value of defining and demonstrating every process. Scenario-based reviews exposed misunderstandings earlier, while narrated developer handovers protected the continuity between architecture, interaction design and implementation.

In a future phase, I would establish verified measures for task completion, correction rates, approval turnaround, paper reduction and training support. These would connect the architectural improvements to observable operational outcomes.

Synthesis is a design skill Field research over desk research Design for interruption Include every rank early
← Back to Works