Back to Top

Emergency Management System


Stay in control for drills, active incidents and reunification by keeping vital teams apprised through a centralized, cloud-based user experience with Emergency Management Suite.

We helped Navigate360 redesign and replatform their web and mobile Emergency Management Suite product.

Navigate360 is one of the largest school safety software providers in the U.S. They were the result of a recent merger between several of the leading players in the space and brought in UX Cabin to help them redesign their entire Emergency Management Suite.

View prototype
Design Role:
  • UX Research
  • UX/UI Design
  • Design QA
  • Developer Handoff


  • Replatform their existing products to a new platform
  • Implement a cohesive design system across this (and many other) products


  • Understand the priority of existing feature set across platforms
  • Get in the head of the actual user of the product to understand the Jobs-to-be-done
  • Build out a prototype to and show it to them to see if we could make their lives easier
  • Develop this in a react native mobile, and react web environment


Competitor research

Existing emergency management solutions are outdated, require a lot of many entry, and had difficulty integrating with other software schools relied on.


  • The UI/UX on these applications is typically an afterthought
  • Reporting and staying in compliance with state requirements is paramount


  • Integration with other platforms outside of solely visitor management
  • All existing providers have very out of date design and poor UX
  • Simplify pricing
  • Minimize hardware needs

User research

The EMS platform was outdated and we needed to decide if we should rebuild both the mobile and desktop app simultaneously.

We did the following exercises to find out what was most imporant for users and how to successfully rebuild them.

Feature prioritization survey

We put together a holistic survey that included the feature set placed into a KANO model.

Our “Respond” feature was the top feature for the mobile experience whereas “SafetyPlans” came out on top for our Desktop experience.

In addition to learning about which features users wanted and on which device, we also learned which needed the most love from the same survey.

“Safety Plans” were the most requested but also were found to need the most work to be useful. “Maps”, “Respond”, and “Reunification” became fast follows.

This made prioritization clear as Respond on mobile became our top priority to get right as our core feature on the first iteration.

Personas definition

Having an understand for the type of people using our application was essential as we considered the priorities and needs for each individual.

Design sprint workshop

We then set out on our design sprint workshop to define how we might accomplish, prioritize and envision these features coming to life in a product development lifecycle.

Sketching, voting, prototyping

We mapped out “how might we’s”, prioritized features, discussed timelines, sketched out solutions, voted on feature ideas and ultimately refined our feature-set for our MVP prototype that we would test with users

Design sprint MVP tests

Based on the resulting wireframes and flow of the design sprint came a prototype. This was then validated as an MVP and released to the development team.

Ongoing user tests

Before the MVP was even deployed, design began on the next feature decided based on the next most important features requested from the survey and/or business requirements. User testing would be done on each of the features before development handoff.

User testing was done via zoom through a clickable Figma prototype

Highlights & findings

Prototypes were developed for each feature and iterations were done based on user testing results.

+ 20 hours worth of qualitative feedback and user testing sessions helped us refine our redesign.


Our approach

UX Cabin created designs to help Navigate360 EMS stand out as the simplest, easiest to use, and most feature rich emergency management platform


  • Surfacing right info to right people
  • Make workflow next steps obvious
  • Empower the user during emergencies
View sketches

High-fidelity designs

Once workflows were validated we completed designs for the app focusing on simplicity and a modern aesthetic to set EMS apart from other, older competitors.

View sketches

Design System

Establishing the style guide

A design system was created from scratch and built to be extensible and used for all future Navigate360 products.

View mockups

Atomic design

The Design System was created with Brad Frost’s “Atomic Design” philosophy. In this model, the smallest UI elements are referred to as “atoms” (ie, icons, labels) and are assembled together in order to create components referred to as “molecules” (ie, buttons, inputs). Molecules are put together in order to create more complex components called “organisms” (ie, cards).”

Some examples of these design molecules include:

  • Buttons & Selectors
  • Inputs
  • Icons
View mockups


Whether it was building new products or re-platforming old products we needed a scalable design system to accommodate the growing suite of products within Navigate360.

  • Multi-product scalability
  • Theming based on product
  • Front-end led from blueprints.js
  • Flexible enough to fit different scenarios
  • Specific enough to be useful
View mockups

User testing

UX Cabin leveraged both live audited user tests and self-directed user tests through Maze to refine the design of Visitor Management.

Moderated user tests

When we needed context beyond just clicks we conducted live users tests of Visitor Management. This allowed us to understand user needs and intent in real time and ensure our designs were solving the right problem.

View mockups

Unmoderated user tests with Maze

When design questions centered more around making a complex flow simple enough to be understood we leveraged the user testing platform Maze for quick feedback about each of the designs.

View mockups

User surveys

In addition to interactions with the protoypes we gathered direct feedback about the usability of each flow as well as suggestions for improvement.

View mockups