VISIBEAT / CASE STUDY
Jump to outcomes ↓
DASHBOARD · PRODUCT DESIGN (B2B) · UK POLICING

A command surface built for UK Police, with geofencing, hotspots and alerts.

A white-label location intelligence platform for organisations that need to see the field in real time — adopted by Humberside Police as their command surface for patrol coordination.

Visibeat dashboard shown alongside the Humberside Police brand mark, desktop and mobile
CLIENT
Humberside Police
United Kingdom
AGENCY / ROLE
Thumbmunkeys
UI/UX Designer — sole designer on record
PLATFORM
Web dashboard + mobile
Desktop-first, iOS companion
DURATION
6 months
Discovery → shipped v1
DELIVERABLES
Product, IA, UI, System
264 components · 69 styles
CONTEXT & PROBLEM

Before Visibeat: radio, paper, and a lot of guessing.

Humberside Police adopted Visibeat as their command surface for patrol coordination across Northern Lincolnshire, Hull and the East Riding.

Before it, supervisors couldn't answer basic questions fast — where's my team?, which hotspots are covered?, who finished their patrol? — without switching systems and calling officers on the ground.

The briefOne calm surface: instant answers, precise territory control, and a mobile companion built for gloved hands mid-shift.
A police officer at a cluttered desk, cross-referencing paper patrol logs by hand alongside stacks of case files
OVERVIEW

One product, four roles, four surfaces.

USERS
Admins · Supervisors · Managers · Officers
MODES
Dispatch console + Field companion
DATA SURFACES
Directory · Map · Timeline · Analytics
DESIGN SYSTEM
Custom · white-label ready
PROCESS

Six months. Blank brief to shipping v1.

Sole designer — product framing, IA, UX, UI, design system and usability research.

01

Strategy — Product framing

A broad "track officers" brief, scoped into a defensible primary user and a white-label spine.

02

Research — Discovery & interviews

Sat with supervisors, dispatchers and beat officers to see how radio and paper logs actually got used, shift to shift.

03

IA — Information architecture

Four durable surfaces — Directory, Map, Timeline, Analytics — built to grow without breaking week-one habits.

04

UX/UI — Interaction & visual design

Every screen from officer directory to geofence editor: dense tables, calm maps, bulk-action drawers.

05

System — Design system

264 components, 69 styles. Brand as configuration — re-themeable for any force, no rebuild.

06

Testing — Usability & iteration

Task-based sessions with real dispatchers on the beta, fed straight back into the drawer and filter patterns.

DESIGN PRINCIPLES

Five rules the product had to obey.

P1

Clarity under pressure

Legible during a bad shift. Colour never carries meaning you'd lose in glare.

Read from 3 metres
P2

Density without overload

Directory, map, activity feed and KPIs on one screen — each surface with one job.

One screen, one system
P3

Role-shaped workflows

Managers see coverage. Supervisors see live position. Officers see the next task.

First screen = first question
P4

Map-data coherence

Team colours, geofence colours and pin colours are the same tokens, everywhere.

One colour = one thing
P5

Scalable by default

The next force and the tenth admin can adopt it without a redesign.

Configurable, not hard-coded
F/01 · OVERVIEW & SEARCH

One screen, one search box, for everything

Active officers, active teams and distance covered at a glance, with a live activity feed alongside.

Live KPIs, not vanity metrics981 of 1,287 officers, 26 of 39 teams — the numbers a supervisor needs first.
Search drives the mapPick a result and the map recentres, the activity feed filters to match. One source of truth.
Grouped, ranked resultsOfficers, geofences and areas ranked by relevance in one dropdown.
Visibeat overview screen with dynamic search results grouped by officers, geofences and areas
Officer directory table with 250 officers, filters, and an Add team drawer open
F/02 · OFFICER DIRECTORY

A directory built to stay usable at scale

Rank, department, team, role and assigned geofences, all visible in one row.

Five bulk verbs, 90% of the workflowUpdate team, geofences, role, survey, delete — reversible, confirmed before firing.
Team creation as a companion, not a pageOpens a drawer — the directory underneath never loses context.
F/03 · OFFICER DETAIL & LIVE TRACKING

A shift, played back second by second

One profile per officer — photo, team, role, badge, device state — header collapses on scroll so the timeline stays visible.

Route drawn on assigned geofencesCoverage and deviation visible in the same glance, not a bare map.
Filters remembered per sessionDuty switches, questionnaires, responses — chip-style, stateful.
Officer detail page for Edgar Brown showing location history, duty status and an activities filter panel
Teams table showing 30 teams with member counts, active counts, colour codes and assigned wards
F/04 · TEAMS AT SCALE

Coordination across dozens of teams, not one

Each team carries its own colour, member count, active count and assigned ward.

One colour, one meaning, everywhereSame token on the roster, the map pins, and the officer's badge.
F/05 · HOTSPOTS & GEOFENCES

The coverage layer: territory, carved by hand

Drag pins to carve territory. Each geofence carries a profile — High, Critical, Low — a colour, a team, notification rules and an in-fence questionnaire. Every activity inside is tracked.

Geofences list with Walker Street selected, showing a heatmap analytics view and notification settings
Geofence edit panel showing category, colour picker and notification and questionnaire trigger settings
F/06 · FIELD COMPANION

A gloved-hand experience for the field

Task queue, surveillance zone briefings and one-tap navigation on the map. Skillset, contact info and login kept just as simple. Sized and paced for a phone on a lanyard, not a shrunk-down desktop.

Field companion map showing on-duty status, patrol markers and a Walker Street surveillance zone briefing with a Navigate button
Field companion account screen showing officer skillset and contact info, alongside the Visibeat login screen
Zone briefings, not just a pinEach surveillance zone carries a description and a countdown, so the next task is never ambiguous.
Designed for glovesLarge hit areas, chunked inputs, no hover states, no dropdowns.
Offline-tolerantActions queue and sync on reconnect — never a mid-shift spinner.
F/07 · THE DESIGN SYSTEM BEHIND IT

Built once. Re-skinned in a few clicks.

264 components and 69 styles in one Figma library — colour, logo, typography and map styling are all configuration, not hard-coded. The same system that powers Humberside Police can be relabelled for a different fleet without a rebuild.

The Visibeat design system in Figma — typography scale, colour tokens for branding, neutrals, geofences and avatars, and component states like duty toggles and team tags
FD

Fire & rescue departments

Swap badge, colour tokens and geofence categories (High/Critical/Low) for incident risk tiers — the tracking core stays identical.

SH

Shipping & fleet tracking

Officers become drivers, geofences become depots and delivery zones — the same directory, map and timeline surfaces carry over.

PD

Other police forces

A new force's crest, brand colour and ward names drop straight into the existing tokens — no redesign, just reconfiguration.

264 components
69 styles
1 typeface system
0 rebuilds needed per client
09 / OUTCOMES — WHAT SHIPPED, AND HOW IT LANDED

Safer streets, clearer command.

"The intuitive dashboard with clean UI allows the admin to manage all activities — from live location tracking to team management, hotspots and questionnaires — in one place."
— Digital Innovation Manager, Humberside Police
A Humberside Police control-room dispatcher reviewing live officer positions on the Visibeat dashboard
ACTIVE OFFICERS
981 / 1,287
live at peak shift
ACTIVE TEAMS
26 / 39
teams active in a typical duty period
GEOFENCES
17 / 19
hotspots monitored across the region
DISTANCE TRACKED
17 mi
today · 24 mi yesterday
01

Operational transparency

From "where do we think they are" to a shared, live view of duty status and coverage.

02

Coordination at scale

981 officers, 39 teams, 19 geofences — run from one surface, bulk actions replacing phone-and-email.

03

Accountability, both ways

Every duty event timestamped and auditable — protecting officers as much as the public.

Available for freelance & contract design work

Sole designer, blank brief to shipped v1 — product framing, IA, UX, UI, design system and the usability research to validate it. Particularly drawn to domain-heavy B2B platforms and 0-to-1 builds.