CIS

CIS
CIS RMSINVESTIGATOROfficer DashboardIBR RecordsCase ManagementSuspect LookupIncident ReportShift CommunicationsIBR Records / Person RecordDet. S. ReynoldsSearchJOHNSON, Michael ThomasFLIGHT RISKREPEAT OFFENDERCID-48210 · Case Officer: Det. Sarah Reynolds · Last Updated: Mar 04, 2024Edit RecordAdd to CaseIdentification InformationAddress & ContactEmployment RecordEducation HistoryScars, Marks, Tattoos (SMT)Methods of Operation (MO)Weapons (Firearms)Gang AffiliationAKA / NicknamesLegal RegistrationIdentification InformationState IDFBI #Driver's LicenseFingerprint #Miscellaneous ID CodeRepeat OffenderPhysical DescriptionDate of BirthEthnic OriginPlace of BirthHair ColorHair StyleEye ColorFacial HairHand UseMarital StatusDistinguishing FeaturesHeightWeightAddress & Contact InformationCurrent AddressPhone NumbersEmail (Personal)© 2024 CID Public Safety. For Investigative Use Only.
eCitationsSUPERVISORCitation ReviewBatch ProcessingCitation LogsExport RecordsCitation Review / DashboardSgt. M. JohnsonSearchCitation Review DashboardReview, approve, and return officer-submitted citations.Export SelectedTOTAL CITATIONS1,284PENDING REVIEW47AWAITING RESUBMISSION12All OfficersDate RangeSearch citations...TrafficCriminalCITATION #OFFICER NAMEVIOLATIONISSUED DATESTATUSC-24-10482Officer John DoeSpeeding (15mph over limit)Mar 04, 2024Pending ReviewC-24-10479Officer M. WilsonWindshield ObstructionMar 04, 2024In ReviewC-24-10471Officer Jane SmithReckless DrivingMar 03, 2024ApprovedC-24-10468Officer Robert LeeExpired LicenseMar 03, 2024ReturnedC-24-10466Officer John DoeSpeeding in School ZoneMar 02, 2024Pending ReviewC-24-10461Officer M. WilsonIllegal ParkingMar 02, 2024ApprovedC-24-10455Officer Jane SmithExcessive Noise ViolationMar 01, 2024In Review3 selectedApprove SelectedReturn SelectedCancel Selected
Case Study — Public Safety SaaS

Computer
Information
Systems, Inc.

A ground-up brand, design system and product redesign for a public-safety software suite — unifying Computer-Aided Dispatch, eCitations and Records Management into one coherent system officers can trust under pressure.

Read the case study
01 Project Brief
Timeline
2025 — 2026
Engagement
Client project · Public Safety SaaS
Role
Sole Product Designer
Contribution
Brand & logo · Design system · CAD & eCitations · RMS rewrite

A single system for the people who answer the call.

Computer Information Systems (CIS) builds software for law enforcement and public-safety agencies — a connected suite spanning Computer-Aided Dispatch, Records Management, Mobile, Jail Management and Civil Process.

I led design across three of those products end to end: the eCitations review workflow, the Records Management System rewrite, and the visual identity that ties them together. The brief was not a fresh start but a rescue — modernise dense, decades-shaped tools without breaking the muscle memory of the officers, supervisors and investigators who rely on them every shift.

02 The Challenge

Three products, three design languages, one high-stakes job.

The existing tools worked, but each had grown its own patterns, typography and colour. For a user moving between dispatch, citations and records in a single shift, that friction is not cosmetic — it costs seconds when seconds matter.

01

How do we modernise a legacy interface without erasing the workflows officers already trust?

02

How do we make dense, high-stakes data entry fast and accurate under real time pressure?

03

How do we unify three separate products into one system that feels like a single product?

Design that gets out of the way — so the person using it can keep their attention on the street, not the screen.

03 Context

The state of public-safety software.

Records and dispatch systems in this space are built for completeness first — every statute, every NIBRS field, every prior incident has to be captured correctly. That rigour is non-negotiable, but it tends to arrive as walls of fields and legacy screens. The redesign had to respect the depth while making the surface calm and learnable.

A
Depth is the point
Offenses tracked by state statute, local ordinance and NIBRS/UCR; unlimited narratives, scanned documents and media per record.
B
Accuracy is safety
A mistyped identifier or a missed flag isn't a bug — it's a risk to an officer in the field. Data entry has to be forgiving and legible.
C
Everything connects
A call for service becomes an incident, an incident becomes a case, a person links to prior records. The UI had to make those links obvious.
04 Unified Design System

One language across every screen.

Before touching layouts I set the foundations: a single palette, a disciplined type scale and a shared component library. Every product now draws from the same tokens, so a button, a status pill or a data table behaves identically whether you're in citations or records.

Core palette
#3EBEEC
Primary Blue
#30B2D5
Primary Hover
#353534
Charcoal
#797978
Dark Grey
#BDC2C4
Secondary Grey
#FDFDFE
Off White
Semantic / status
#28A745
Success
#FFC107
Warning
#DC3545
Error
#17A2B8
Info
Type scale
Title / H128 / Bold
The quick brown fox
Subtitle / H220 / Medium
The quick brown fox
Body16 / Regular
The quick brown fox
Small / Hint13 / Regular
The quick brown fox

Inter carries the interface — clean, neutral, legible at the small sizes these dense screens demand. Roboto Mono is reserved for identifiers, timestamps and tabular data, where a fixed width keeps citation numbers and case IDs scannable.

Shared components
Data tables with selection, bulk actions and status pills
Read / edit form fields with inline validation states
Left navigation with role-aware sections
Detail panels, activity logs and side-by-side compare views
Filter rails, search and saved-query patterns
Buttons, tabs, toggles and priority / flag badges
05 Brand & Identity

A mark built to sit on a badge and a browser tab.

The identity direction pairs a solid, dependable wordmark with a compact glyph that reads clearly at favicon size and in a single colour. The CIS blue anchors it — confident and calm rather than the alarm-red the category defaults to.

CIS
Primary
On light
Monochrome
Favicon
06 Product One
eCitations

Reviewing citations, without the pile-up.

eCitations is where supervisors triage officer-submitted citations — approving, returning or exporting them at volume. The redesign centres on a review queue that surfaces status at a glance, a detail view that keeps a citation's full story in one place, and an admin console where agencies configure their own citation types and validation rules.

eCitationsSUPERVISORCitation ReviewBatch ProcessingCitation LogsExport RecordsCitation Review / DashboardSgt. M. JohnsonSearchCitation Review DashboardReview, approve, and return officer-submitted citations.Export SelectedTOTAL CITATIONS1,284PENDING REVIEW47AWAITING RESUBMISSION12All OfficersDate RangeSearch citations...TrafficCriminalCITATION #OFFICER NAMEVIOLATIONISSUED DATESTATUSC-24-10482Officer John DoeSpeeding (15mph over limit)Mar 04, 2024Pending ReviewC-24-10479Officer M. WilsonWindshield ObstructionMar 04, 2024In ReviewC-24-10471Officer Jane SmithReckless DrivingMar 03, 2024ApprovedC-24-10468Officer Robert LeeExpired LicenseMar 03, 2024ReturnedC-24-10466Officer John DoeSpeeding in School ZoneMar 02, 2024Pending ReviewC-24-10461Officer M. WilsonIllegal ParkingMar 02, 2024ApprovedC-24-10455Officer Jane SmithExcessive Noise ViolationMar 01, 2024In Review3 selectedApprove SelectedReturn SelectedCancel Selected
Citation Review Dashboard. A supervisor triage queue — totals, pending and awaiting-resubmission counts up top, with row-level status pills and bulk approve / return / export actions.
eCitationsSUPERVISORCitation ReviewBatch ProcessingCitation LogsExport RecordsCitation Review / C-24-10482Sgt. M. JohnsonSearchCitation C-24-10482In ReviewTraffic Violation · Issued Mar 04, 2024 · Chicago, ILApprove CitationReturn CitationPrintDefendant InformationFirst NameMiddle NameLast NameDate of BirthID NumberPhone NumberEye ColorHair ColorEmployer NameVehicle InformationVehicle MakeVehicle ModelVehicle TypeVehicle ClassLicense PlateViolations / OffensesViolation #16 pointsCourt RequiredSpeeding 25mph over limit (55mph in a 30mph zone)Chapter & Section · Ordinance / Statute TitleAssessed FinePoint ValueDetection MethodNotesOfficer Notes (Read-only)Supervisor NotesEnter notes about this citation...Activity LogCitation SubmittedOfficer John DoeInitial citation details recordedCitation ReviewedSgt. Mike JohnsonUnder supervisor reviewCitation ReturnedSgt. Mike JohnsonAwaiting resubmissionSignaturesOfficer SignatureCaptured — Officer M.Defendant SignatureCaptured — J. Smith
Citation detail. Defendant, vehicle, offense and notes in a single scannable record, with a live activity log and signature capture alongside.
eCitationsADMIN CONSOLECitation ManagementSubmission WorkflowCourt & FormsUser & RolesReporting & LogsAdmin / Citation Types ManagementAdmin UserSearchConfigure Citation TypesCitation Types, Violations, and Violation Details.New Citation TypeCitation TypesTraffic ViolationLocal OrdinanceState — CriminalState — Traffic / MotorLocal MunicipalityProperty ViolationCitation SetupSubmission SetupForm SetupForm ConfigurationConfigure the fields officers complete for this citation type.+ Add FieldFIELD LABELFIELD TYPEVALIDATION / FORMATDefendant NameTextRequiredDate of BirthDateRequiredID NumberTextFormat: ###-##-####Violation CodeDropdownFrom statute listAssessed FineCurrencyMin / Max rangeOfficer SignatureSignatureRequiredViolations for “Traffic Violation”+ Add ViolationSpeedingReckless DrivingExpired LicenseWindshield Obstruction
Admin — citation types. Agencies define their own fields, field types and validation, plus the violation library, without engineering involvement.
07 Product Two
RMS Rewrite

Records that connect the whole investigation.

The Records Management System is the backbone — incidents, people, cases and evidence, all linked. The rewrite gave officers a calm daily home screen, investigators fast ways to find and compare people, and a case view that keeps a live investigation legible from first report to close.

CIS RMSOFFICER PORTALOfficer DashboardIBR RecordsCase ManagementSuspect LookupIncident ReportShift CommunicationsDashboardOfficer DavisSearchWelcome back, Officer DavisHere's your shift at a glance.+ New Incident ReportIN PROGRESS3reportsPENDING REVIEW5reportsNEEDS REVISION1reportsCAD Call for Service RecordsView AllCFS-4821Residential Burglary — 1420 Maple St10:42CFS-4818Assault — Downtown Bar09:15CFS-4809Vehicle Theft — 890 Oak Ave08:30CFS-4801Vandalism — City Park07:58Suspect LookupNAMEFirst and/or last nameIDENTIFIER TYPESelect typeIDENTIFIER NUMBEREnter numberSearch ProfilesRECENT SEARCHESJames WilsonSarah MartinezMichael BrownShift CommunicationsMessages from SupervisorLt. ReynoldsQuestion about your report1 hour agoSgt. WilsonCitation returned — please revise3 hours agoDispatchSuspect at large in downtown areaToday, 06:20IT DepartmentRMS update scheduled for 2:00 AMYesterday
Officer dashboard. A shift-start home: work in progress, incoming calls for service, quick suspect lookup and supervisor communications in one view.
CIS RMSOFFICER PORTALOfficer DashboardIBR RecordsCase ManagementSuspect LookupIncident ReportShift CommunicationsSuspect Lookup / Filter ProfilesOfficer DavisSearchFilter ProfilesQuickly query profiles by physical attributes.FiltersNAMELast, First MiddleGENDERSelect genderRACE / ETHNIC ORIGINSelect raceID TYPETypeID NUMBERNumberADVANCED FILTERSHeight / WeightHair · Eye ColorScars, Marks & TattoosGang AffiliationApply FiltersMatching ProfilesShowing 8 profilesCompare Matching ProfilesJames CarterCID-48210View DetailsMaria LopezCID-48217View DetailsMarcus WrightCID-48224View DetailsAva PatelCID-48231View DetailsElena FischerCID-48238View DetailsSophie ChenCID-48245View DetailsDavid KimCID-48252View DetailsSamuel GreenCID-48259View Details
Suspect lookup. Query people by physical attributes and identifiers; results return as comparable profile cards ready to select.
CIS RMSOFFICER PORTALOfficer DashboardIBR RecordsCase ManagementSuspect LookupIncident ReportShift CommunicationsSuspect Lookup / Compare ProfilesOfficer DavisSearchCompare ProfilesYou are comparing 3 selected profiles.‹ Return to Suspect LookupShow Differences OnlyJohn Michael DoeCID-48210View Full Record ›Johnny M. DoeCID-48244View Full Record ›Jack M. DawsonCID-48291View Full Record ›Basic InformationDOB 03/14/1988DOB 03/14/1988DOB 07/02/1985Scars, Marks, TattoosDragon on right bicepDragon on right bicep; cross3" scar, right forearmKnown Addresses789 Main Street567 Pine AvenueNot reportedMethod of OperationHigh-end retail, biz hoursWorks with accomplicesKnown AssociatesGirlfriend (associate)Known accompliceNone reportedVehicle2018 Honda Civic2020 Harley DavidsonAlerts & FlagsHostile to law enforcementOn probation (12/2023)Armed & dangerous · Warrant
Compare profiles. Up to three profiles side by side with a "differences only" toggle — built for the moment identity is uncertain.
CIS RMSINVESTIGATOROfficer DashboardIBR RecordsCase ManagementSuspect LookupIncident ReportShift CommunicationsIBR Records / Person RecordDet. S. ReynoldsSearchJOHNSON, Michael ThomasFLIGHT RISKREPEAT OFFENDERCID-48210 · Case Officer: Det. Sarah Reynolds · Last Updated: Mar 04, 2024Edit RecordAdd to CaseIdentification InformationAddress & ContactEmployment RecordEducation HistoryScars, Marks, Tattoos (SMT)Methods of Operation (MO)Weapons (Firearms)Gang AffiliationAKA / NicknamesLegal RegistrationIdentification InformationState IDFBI #Driver's LicenseFingerprint #Miscellaneous ID CodeRepeat OffenderPhysical DescriptionDate of BirthEthnic OriginPlace of BirthHair ColorHair StyleEye ColorFacial HairHand UseMarital StatusDistinguishing FeaturesHeightWeightAddress & Contact InformationCurrent AddressPhone NumbersEmail (Personal)© 2024 CID Public Safety. For Investigative Use Only.
Person record. A complete, sectioned identity file — identification, physical description, addresses, SMT, MO, weapons and flags — navigable without losing your place.
CIS RMSINVESTIGATOROfficer DashboardIBR RecordsCase ManagementSuspect LookupIncident ReportShift CommunicationsCase Management / Case CR-2024-0192Det. S. JohnsonSearchCase CR-2024-0192High PriorityOpenAssigned Investigator: Det. Sarah Johnson · Date Opened: Feb 18, 2024 · Last Updated: Mar 04, 2024Linked Incident Report: IR-2024-1187 — Residential BurglaryClose CaseAdd EvidenceAdd NarrativeMy Assigned CasesCR-2024-0192Residential BurglaryCR-2024-0188Vehicle TheftCR-2024-0181AssaultCR-2024-0175FraudCR-2024-0169VandalismIncident ReportsDocuments & MediaAssociates & WitnessesInvestigation ProgressInitial InvestigationCompletedEvidence CollectionIn progressSuspect InterviewsPendingCase ReviewPendingLinked Records & Narratives+ Add NarrativeIR-2024-1187Incident Report — Residential BurglaryFeb 18Officer Thomas WilsonEV-0442Evidence — Fingerprint lift, point of entryFeb 21Det. Sarah JohnsonNAR-0091Narrative — Witness canvass, 1400 block MapleFeb 24Det. Sarah JohnsonEV-0455Evidence — CCTV footage, 1418 Maple StFeb 28Det. Sarah Johnson
Case management. Investigation progress, linked incidents, narratives and evidence on one timeline, with clear next actions.
08 Designed around real roles

Every screen answers to who is actually looking at it.

Officer

Starts a shift on the dashboard — reports in progress, calls for service, fast lookups.

Supervisor

Lives in the citation review queue — approving, returning and exporting at volume.

Investigator

Works cases and people — comparing profiles, building the record, tracking evidence.

Administrator

Configures citation types, workflows, forms and user roles for the whole agency.

09 Outcome & Reflection

From three inherited tools to one system with a single voice.

One system

A shared palette, type scale and component library now span citations and records — so patterns learned in one product carry into the next.

Legacy, respected

The redesign kept the domain depth agencies depend on while calming the surface: clearer hierarchy, forgiving data entry, obvious status.

Built to extend

Admin-configurable citation types and role-aware navigation mean the system can grow with each agency without a redesign every time.

Let's design something that holds up under pressure.

Low bounce rate. Nice. →
End of case study
Ishanka Munasinghe

Senior UX / Product Designer. CIS is a public-safety records and citation platform — this case study covers the RMS rewrite, role-aware system design and eCitation workflows.

UX · Product · Design System
Set in Inter & Roboto Mono CIS · Public Safety Platform · 2025—2026

Selected work shown at a process level. Interface visuals are representative reconstructions created for this case study; proprietary data and any confidential agency material are excluded.