cover image

Locution allows first-responders to receive alerts, respond to events, and log information for others.

After our partner had produced a functional proof-of-concept, they asked Viget to improve the user experience. I led the interface design for this product, focusing on.

Feature definition

Defining capablities that were not yet present in the proof-of-concept.

UI / IX Design

Sketching, interaction design, prototyping, and final art production.

Initial assessment

Common with first iteration MVPs, the user interface had been assembled on-the-fly as features were developed. Once the core functionality had been proven, it was time to refactor those decisions into something efficient and easy-to-use. Key areas to improve were:

Main view

The main view consolidates two screens and allows a comprehensive view of all alerts in both map and list form.

Rather than use a satellite map which obscures road names and introduces noise, I introduced a Mapbox theme that highlights pins, markers, and labels.

Alert detail

While each precinct has different data formats and requirements for its alerts, I was able to determine a common baseline of info: location, priority, and time. This information was reliable and predictable, which allowed me to style it to be easily scannable.

Less predictable content was presented in a more flexible (albeit less eye-catching) way beneath the primary action buttons.

Adding markers

First-responders can add markers with information — important for marking entrance points, water sources, and hazards. Users can precisely position the map, choose from a set of icons, and add text.


Because our partner was building the UI, I wanted to make sure they had the right documentation. A storyboard provided context to the different views and the interactions. Beyond that, I used Zeplin to convey positioning metrics, typeface and color specs, and annotations.


UX Design, Visual Design
Todd Moy
Icon Illustration
Minh Tran
Project Management
Becky Tornes