Syncro
Syncro
DESIGN SYSTEMS
School Board Toolkit
School Board Toolkit
CIVIC DESIGN
BlueVoice Admin
BlueVoice Admin
BLUEVOICE ADMIN

BlueVoice Admin Panel

Project Type

Internship

Role

UX/UI Design Intern

Timeline

Summer 2024

Tools

Figma

BlueVoice Admin Panel

Overview

A role-based admin panel for law enforcement document management.

BlueVoice is an AI assistant for police officers — giving departments instant access to laws, policies, and documents in the field. As the sole UX/UI intern, I designed the admin panel from scratch: a web-based back-end system with two distinct mental models for admins and superadmins to manage department documents and policies.

$50K+

In annual savings contributed through role-based access and advanced search design

Shipped

Deployed to 200+ law enforcement agencies across the U.S.

MY ROLE

I was the sole UX/UI intern on this project, working directly with a senior front-end engineer. I owned the entire design process — from identifying the need for role-based mental models to wireframing, prototyping, and final handoff.

THE TEAM

Rhythm Kumar

UX/UI Design Intern

Anissa Tran

Sr. Frontend Engineer

Amit Patankar

CEO

Frank Odom

ML Director

The Problem

No admin panel existed.

BlueVoice had a powerful officer-facing product but no organized back-end for departments to manage their content. Admins had no structured way to upload, organize, or distribute department documents and policies — and there was no distinction between what regular admins could do versus superadmins. I was brought in to design this system from scratch.

KEY INSIGHT

Two different users, two different needs.

Regular admins needed to find and view documents quickly. Superadmins needed to upload, categorize, and manage access. Designing one interface for both would create confusion — they needed distinct mental models.

KEY INSIGHT

Search was the core action.

Officers in the field rely on BlueVoice to find answers fast. The admin panel needed to make document discovery equally fast — with keyword search and category filtering as primary navigation.

Research

Understanding two types of users.

Before designing anything, I mapped out the distinct needs of each user type. Admins were typically department staff who needed to access and distribute documents. Superadmins were senior administrators responsible for keeping the system current and accurate.

ADMIN

View & Search

·Find documents and policies quickly
·Search by keyword and category
·Receive notifications for new uploads
·Cannot add, edit, or delete content

SUPERADMIN

Manage & Control

·Upload new PDFs (policies, laws, training docs, BOLOs)
·Organize documents by category
·Manage admin access and permissions
·All admin view/search capabilities

FIELD RESEARCH INSIGHT

High contrast. Big blocks. No ambiguity.

Law enforcement officers operate in high-stakes, time-sensitive environments — often reading on mounted MDT screens inside vehicles during active situations. This insight shaped every visual decision in the admin panel: high-contrast color coding for document status, large touch targets, generous row padding, and bold typography. In the field, there is no time to squint or search. The interface had to communicate instantly.

Solution

One system. Two experiences.

I designed a single admin panel with role-based access control — the same interface adapts based on whether the user is an admin or superadmin. Admins see a clean document library with search. Superadmins see the same library plus upload, edit, and management controls.

Admin view — document library with keyword and category search

Admin view — document library with keyword and category search

Superadmin view — document upload and management controls

Superadmin view — document upload and management controls

Process

Designing for role clarity.

01

Role-based mental models over a single shared interface.

Giving both user types the same interface would have forced superadmins to navigate around features they couldn't use, and confused admins with controls they shouldn't touch. Separating the mental models made each experience cleaner and reduced the risk of accidental actions.

02

Keyword search + category filters as primary navigation.

Documents in a law enforcement context need to be found fast — often in high-pressure situations. I designed search as the primary entry point rather than a secondary feature, with category filters (Policies, Laws, Training, BOLOs) to narrow results quickly.

03

Progressive disclosure for superadmin controls.

Rather than showing all management options at once, superadmin controls appear contextually — upload appears when browsing the library, edit and delete appear on hover of a document. This kept the interface clean for both user types while giving superadmins full control.

User Flows

Mapping the two experiences.

Superadmin — uploading a document

Superadmin workflow

Click to expand

Admin — viewing a new document

Admin workflow

Click to expand

Outcome

Shipped to 200+ agencies.

The admin panel shipped and is now used by law enforcement departments across the U.S. Role-based access and advanced search design contributed to $50K+ in annual savings by reducing the time staff spent managing and locating department documents.

$50K+

Annual savings from improved document management efficiency

200+

Law enforcement agencies using the platform

NDA

A significant portion of this work is protected under a non-disclosure agreement. The case study above represents a high-level overview of the design process and outcomes. For a more in-depth walkthrough of research findings, wireframes, and final designs, please reach out directly.

rhythmkumar2004@gmail.com →

TESTIMONIALS

It was truly a privilege mentoring Rhythm during her UI/UX Design internship, where she was instrumental in researching, designing, prioritizing, coding and testing multiple features for our Web and Mobile applications.

Rhythm’s key tasks were creating User Personas, running user interviews, mapping out user journeys, planning and facilitating Design-related ceremonies, and re-creating our mobile and web apps in Figma. Rhythm also went beyond her primary duties to learn across domains, pushing PRs in React, writing e2e tests, and turning user research insights into actionable backlog tickets.

I would easily recommend Rhythm to any team that is looking for someone who is creative, a quick learner, highly adaptable, and a team player.

Anissa Tran

Fullstack Software Engineer, BlueVoice · Managed Rhythm directly

Rhythm was our pre-seed public safety startup’s UI/UX intern. Her core assignments were creating high-fidelity renderings for our application in Figma, creating a seamless UX for our front-end engineers to follow, and designing high-level mockups and making user decisions for particular user journeys within the application.

She took the time to design thoughtful solutions to our problems — such as a reusable component library for Figma rather than copy-pasted mockups. She also showed tremendous initiative by providing feedback regarding user interview scripts, company SWAG, and more. I highly recommend hiring Rhythm for any role in UI/UX.

Amit Patankar

Blue Voice | HBS MBA | x-Google ML · Senior to Rhythm

Retrospective

What I learned.

01

Designing for high-stakes users requires ruthless clarity.

Law enforcement staff don't have time for confusing interfaces. Every decision — from information hierarchy to button placement — had to prioritize speed and accuracy over visual complexity.

02

Role-based design is as much about what you hide as what you show.

The superadmin experience wasn't just about adding features — it was about making sure those features didn't bleed into the admin experience. Progressive disclosure and role-gating kept both interfaces clean.

03

Building from zero is a different kind of challenge.

There was no existing system to reference or improve — I had to define the problem, the users, and the solution simultaneously. It taught me how to create structure from ambiguity.