A 12-week multi-phase UX engagement to redesign the Scheduling and CAD workflows of a legacy EMS platform, and deliver a production-ready Enterprise Design System from scratch.
Traumasoft is an all-in-one cloud-based SaaS platform built for EMS (Emergency Medical Services) and NEMT (Non-Emergency Medical Transport) operations. It covers the entire operational lifecycle — from dispatch and CAD, to scheduling, ePCR documentation, billing, fleet management, and employee portal — and is updated bi-weekly in production for hundreds of ambulance companies across the US.
Despite its comprehensive coverage, the platform carried years of legacy UI debt. Users across multiple client companies consistently reported interface complexity, dense information architecture, low visual hierarchy, and stability friction. Traumasoft partnered with 3Pillar Global to bring a structured UX approach — starting with the two highest-impact modules: Holistic Scheduling and the CAD Grid (Computer-Aided Dispatch) — while simultaneously building an Enterprise Design System that could scale to every module.
Supports ambulance companies of all sizes — from regional fleets to multi-state networks. Users range from field paramedics to system administrators and dispatch supervisors.
The platform deploys updates every two weeks, requiring the design system to be production-ready quickly. Engineering and design velocity were non-negotiable constraints.
CAD, Scheduling, ePCR, Billing, Fleet, Employee Portal, HR, Payroll — all deeply interconnected. UX decisions in Scheduling had direct downstream effects on CAD and payroll reconciliation.
The existing Traumasoft UI, while functional, reflected years of feature-first development without a unified design language. Here's what we were working with at the start:
Before any redesign could begin, we needed to understand what we were really solving. The client came to us with a component library already in hand — and a request to "just implement it." What we found told a different story.
"When a device as simple as a door has to come with an instruction manual — even a one-word manual — then it is a failure, poorly designed."
— Don Norman, The Design of Everyday Things (framing used in our CAB kickoff session to align stakeholders on the value of UX research)Traumasoft provided us with a downloaded generic Figma component library (Comp1–3) as the intended foundation for the new design system. While technically structured, this library:
Beyond the component library, the deeper issue was that Traumasoft lacked a holistic understanding of how different user roles — dispatchers, schedulers, field crew, admins — moved through their workflows and where they experienced the most friction. Without that foundation:
Rather than proceeding directly to component implementation, I proposed reframing the engagement as a phased research-and-design effort. Each phase had clear deliverables tied to business outcomes, with research feeding directly into design system decisions.
As the UX Lead on this engagement, I was responsible for co-leading all four phases of the project alongside Alan Maginn (Principal UX Researcher) and Mario Mora (Front-End Engineer). While Alan owned the research facilitation and analysis, I owned the design direction — from the very first prototype sketches to the final Enterprise Design System architecture.
My first major contribution was at the kickoff stage: I helped frame the research objectives and scope with the Traumasoft team, establishing shared definitions of success across six dimensions — objectives, research scope, design system requirements, success metrics, risk identification, and governance protocols. This ensured that every subsequent research insight was anchored to a decision-making framework, not just a list of observations.
One of my most consequential early decisions was auditing the generic component library that Traumasoft had provided and recommending against direct implementation. I mapped the existing components against the real scheduling and dispatch workflows revealed in preliminary stakeholder conversations, and clearly articulated where the gaps were. This reframing saved the project from building on a misaligned foundation — and positioned the Enterprise Design System as a research-informed system, not a style guide.
| Xavier Cabrera | UX Lead / Designer |
| Alan Maginn | Principal UX Researcher |
| Mario Mora | Front-End Engineer (DS) |
| Nubia Barba | Scrum Master |
| Luis Martinez | Program Manager |
Weeks 1–3 · Jan 15 – Feb 9, 2026 · Stakeholder interviews, CAB session, component audit, proto-personas, quick wins
Phase 1 launched with a structured kickoff that I co-facilitated with Alan. We aligned with Traumasoft's team on six dimensions: project objectives, research scope (Scheduling + CAD), design system requirements, success metrics, risk register, and governance protocols. This kickoff established a clear shared language for the rest of the engagement.
Over the following three weeks, we conducted 8 stakeholder interviews (CJ Vattimo, Henry Cary, Melanie Franklin, Marie Eisbrenner, Renee Moore, Megan Westerhoff, Justin Kinsey, Lauren Nieto) and hosted the Client Advisory Board (CAB) workshop — a structured facilitation session with real users from partner companies, focused on non-negotiables for CAD and Scheduling, tension mapping, and priority stress-testing.
In parallel, I led a formal audit of the generic component library, mapping each component class against the actual scheduling and dispatch workflows. I identified where states were missing, where brand alignment was absent, and where accessibility standards (touch targets, contrast, states) fell short — producing a component roadmap that would guide Phase 4.
8 stakeholder interviews completed Jan 20–23 · CAB workshop facilitated · Proto-personas delivered Feb 26
Both tracks ran concurrently from Week 1, with strategic framing sessions informing component prioritization in parallel with stakeholder interviews.
"The CAB session revealed that dispatchers' non-negotiables — system back behavior, override control, and compliance audit trails — were entirely absent from the generic component library we'd been handed. That single session reframed the entire design system scope."
— Xavier Cabrera, UX Lead, reflecting on Phase 1 kickoff findingsWeeks 4–6 · Feb 9 – Mar 9, 2026 · On-site shadowing, concept testing, finalized personas, journey maps
Phase 2 transformed raw interview data into actionable design artifacts. Working closely with Alan's research synthesis, I led the translation of pain points into four finalized user personas, each grounded in direct user quotes and behavioral patterns observed during on-site ethnographies with dispatchers across partner companies.
My key judgment call in this phase: I argued that the journey maps should be organized around operational workflows (Scheduling journey, Dispatching journey) rather than personas — because in EMS, the same person often plays multiple roles in a single shift. This cross-role approach surfaced hand-off friction that persona-centric maps would have missed.
I also designed the initial Scheduling prototype in parallel with ethnographies, ensuring that initial design concepts were informed by real observational data rather than assumptions. The prototype was approved on Feb 13 and used in concept testing sessions conducted Feb 19–27.
Paramedics & EMTs
Call Takers / CAD Operators
Workforce Planners
Operations Managers
Define templates, shift patterns, rotations
Bulk assign employees via wizard or drag-and-drop
Daily worksheet, punch-in, CAD handoff
Open shifts, no-shows, real-time coverage gaps
Payroll discrepancies, punch corrections, reports
Journey steps highlighted in teal = highest pain point density (Assignment + Monitoring), which directly informed prototype prioritization.
Weeks 7–9 · Mar 9 – Apr 8, 2026 · Two rounds of usability testing (3.1 + 3.2) — Scheduling and CAD, in parallel
Our original recruitment plan called for clearly separated quotas: 4–6 dispatchers and 4–6 field crew members, recruited as distinct groups. Reality looked different. When participants began confirming sessions, the majority self-identified as hybrid roles — "Field Crew & Dispatcher," "Admin/Scheduler," or "Dispatcher/Scheduler" — reflecting the operational reality of smaller EMS companies where staff wear multiple hats.
Rigid role quotas were no longer meaningful. Rather than forcing participants into categories that didn't match their work, I proposed a methodological pivot: we would record each participant's actual company, contact, and session notes first, then assign their primary research lens (Dispatcher, Scheduler, Field Crew, or Both) after reviewing their interview content. This approach preserved statistical validity while producing richer, more nuanced data about cross-role pain points that a rigid quota system would have filtered out.
Phase 3 was structured as two testing rounds, each covering both Scheduling and CAD prototypes:
CAD + Scheduling sessions. Focused on first-pass validation of core flows — template management, schedule wizard, CAD grid trip assignment, and call intake.
Refined prototypes tested after incorporating 3.1 findings. Deeper focus on edge cases — open shift filling, bulk assignment conflicts, CAD incompatibility warnings, and drag-and-drop interactions.
Usability sessions weren't only about workflow validation — they were also used to test the design system components themselves. Key findings that shaped component guidelines:
Participants consistently missed small radio inputs when scanning dense data tables. We elevated to card-style radio groups with full-row click targets — matching the Comp1 pattern but sized for EMS data density.
Dispatchers needed to apply multiple filters simultaneously under time pressure. Pill-style filter chips with visible active states significantly reduced cognitive load vs. dropdown menus. This became a DS rule: always prefer filter chips over dropdowns in operational views.
The existing CAD grid used color as the only differentiator for trip status. We mandated dual coding (color + icon/label) as a design system rule. The teal brand color (#0B7B8C) was validated as meeting WCAG AA on white and dark surfaces.
Weeks 10–12 · Mar 23 – Apr 13, 2026 · Enterprise DS v1.0, Storybook, Adoption Plan, Strategic UX Report, Final Presentation
Phase 4 was where all the research, prototypes, and component iterations converged into a production-ready system. My role shifted from designer-researcher to design system architect — I was responsible for deciding which components to formalize first, how token structures mapped to workflow contexts, and what the governance model for ongoing contributions would look like.
I prioritized components based on frequency of use across our validated workflows, cross-module applicability, and implementation complexity. Buttons, form inputs, data tables, filter chips, navigation patterns, and modal/sheet behaviors were formalized first — the components that appeared in every single tested workflow.
The Figma design tokens (color, typography, spacing, shape, elevation) were connected directly to the Vue 3 + TypeScript Storybook repository developed by Mario, ensuring Figma and code were a single source of truth. I co-created the token naming conventions with Mario to ensure they were interpretable by both designers and engineers — avoiding the common "ds-color-primary-500" problem where semantic meaning is buried in scale numbers.
Color (teal brand + semantic states), Typography (Inter scale mapped to EMS content types), 8dp Spacing System, Shape tokens, Elevation levels. All exported as CSS variables from Figma via design token pipeline.
Buttons, Inputs, Tables, Filter Chips, Navigation, Modals, Bottom Sheets, Cards, Status Badges, Data Grids — all with defined states (default, hover, focus, disabled, error, loading) and accessibility annotations.
Storybook documentation for every component, CI/CD pipeline guide, component ingestion workflow, best practices for consuming teams, and a versioning and governance protocol co-created with the Traumasoft engineering lead.
A critical deliverable that I personally led was the Screen Mapping exercise — a comprehensive audit of all legacy Traumasoft screens mapped to new workflow architectures, with priority assessments for both our team and Traumasoft's product team.
| Legacy Module | Legacy Screen | New Workflow | Priority | In Scope |
|---|---|---|---|---|
| Scheduler | Schedule Templates | Templates — Central View | High | Yes |
| Scheduler | View Weekly Schedule | Calendar View | High | Yes |
| CAD | Daily Worksheet | Calendar View / CAD Grid | High | Yes |
| CAD | CAD Grid | CAD Grid — Redesigned | High | Yes |
| CAD | Call Intake | Call Intake (new flow) | High | Yes |
| Scheduler | Manage Schedule Wizard | Schedule Wizard | High | Yes |
| Scheduler | Time-off Requests | Requests — Time Off | High | Partial |
| Payroll | Discrepancy Report | (Out of scope — Phase 2) | Low | No |
Admin, Dispatcher, Field Crew, and Scheduler — each with sub-personas and validated journey maps — replaced assumptions with evidence across all four user groups.
Scheduling Journey and Dispatching Journey — documenting 5-stage workflows, pain points, hand-off friction, and design opportunities mapped to specific interaction patterns.
Vue 3 + TypeScript Storybook with full component library, design tokens, CI/CD pipeline documentation, and an enterprise adoption plan — delivered to Traumasoft's engineering team.
Across 10 partner companies — Bell, Brewster, KQT Health, Medical Edge, Medstar, MMT, Norcal, Priority, Senior Care, WLRC — spanning Admins, Dispatchers, Field Crew, and Schedulers.
EMS is not a typical enterprise SaaS environment. Users make life-critical decisions under cognitive load, time pressure, and regulatory scrutiny. Every UX decision — from color contrast to click target sizing — carries higher stakes. I learned to ask "what happens if this fails at 3am during a mass casualty event?" before finalizing any interaction pattern.
In most engagements, research and design systems are parallel workstreams that rarely talk to each other. At Traumasoft, I fought to make them directly dependent: no component was formalized until the research had validated the interaction context it would appear in. This took more time upfront but prevented expensive rework in Phase 4.
Users who have spent years in a system develop deep muscle memory — even for bad patterns. The most effective redesign strategy wasn't to throw out everything familiar; it was to preserve structural familiarity while systematically improving clarity, hierarchy, and efficiency. Small changes, clearly communicated, generated more trust than radical reinventions.
"The most powerful thing we did was start with a CAB session where real dispatchers and schedulers told us, unprompted, what could never break. That list became the design system's non-negotiable constraints — and it prevented us from optimizing for the wrong things."
— Xavier Cabrera, UX LeadFinalize Phase 3.2 usability testing reports · Deliver refined CAD Grid prototype · Present Strategic UX Report to Traumasoft leadership
Extend Design System to ePCR and Billing modules · Conduct longitudinal testing with pilot EMS companies · Establish Traumasoft internal design governance committee
Full platform migration to new design system · Employee Portal redesign · Analytics dashboard for operations directors · Mobile companion app for field crew
Before touching any design file, I conducted an in-depth analysis of the Traumasoft Scheduling and Daily Worksheet modules — mapping the full information architecture, documenting every user journey, cataloguing UX failures ("crimes"), and identifying the highest-leverage opportunities. This document became the north star for all design decisions in Phases 2–4.
The analysis was structured across six areas: Introduction & Context, Information Architecture, Concepts & Screen Guide, UX Audit (Crimes), Full User Journeys, and Identified Problems & Opportunities.
These problems were surfaced directly from user interviews, on-site shadowing, and the analysis document. Each one has a measurable impact on operational efficiency.
These are the highest-leverage improvements identified from the analysis — ranging from quick wins to strategic platform shifts.
Vocabulary change + a confirmation modal that previews exactly which date ranges will be hidden. Low technical cost, maximum trust impact. This single change would eliminate the #1 anxiety reported by schedulers across all interviews.
Select shifts (e.g., all of January, Region 1) → prompt: "To which date range do you want to copy?" → auto-generate the duplicate. Eliminates 1,825 hours/year of manual recreation. The single highest-ROI feature in the entire analysis.
Implement the 4-group structure (Strategic / Tactical / Inbox / System). The items don't change — only the grouping does. Zero backend work required. Dramatically reduces onboarding time and "where is X?" support tickets for new schedulers.
Employee panel (left) → drag card → drop onto shift slot in the grid. The Calendar View redesign already includes this interaction in Figma. In concept testing, this was the most spontaneously requested feature — users expected it to already exist.
The analysis documents a real scenario: you publish Region 1 until Dec 31. Nobody notices. Dec 31 arrives — at 11:59pm, no schedule exists for Jan 1 at 12:01am. Dispatch operations go into chaos. Emergency calls are made to management. This is not hypothetical — it has happened to multiple Traumasoft clients.
The CAD Grid is the operational heartbeat of Traumasoft — the real-time dispatch view where every active ambulance, wheelchair unit, and crew assignment is visible at once. Dispatchers live in this screen during every shift, managing incoming calls, tracking unit status, handling callouts, and coordinating crew coverage across multiple regions. In this context, UX friction is not an inconvenience — it is a patient safety risk. A missed incomplete-crew indicator, an overwhelming right-click menu, or a buried action during a callout can cascade into an uncovered shift, a delayed response, or an operational emergency.
One of the most important insights from the analysis is that the CAD Grid is the last mile of a 4-phase setup chain. Problems that appear on the dispatch screen often originate upstream — in how Shift Profiles were created, how templates were published, or how employees were assigned. Fixing only the CAD UI without addressing the configuration pipeline would produce surface improvements without resolving the root causes of dispatcher friction.
The CAD Grid (Phase 4) is the last stop in a chain that starts with Shift Profile configuration. Incomplete crew visibility in CAD is downstream of an incomplete setup in Phase 1. Fixing the dispatch UI without addressing upstream data gaps produces partial improvements at best.
It's 2am. No supervisors on site. A paramedic calls in sick. The dispatcher must mark the callout, find a replacement, and ensure the unit doesn't go out understaffed — all while monitoring active calls. Here is exactly what the legacy CAD system makes them do:
The new CAD designs translate the friction inventory directly into focused design interventions. Each decision is traceable to a specific pain point, grounded in dispatcher behavior observed during on-site ethnographies, and validated against the holistic scheduling design system to ensure visual and interaction consistency across modules.
I used the friction inventory, the callout journey map, and the blueprint of the CAD Unit Actions menu to make a clear case to stakeholders: the CAD Grid's problems were not cosmetic. The 10-item context menu, the absence of crew-complete indicators, and the disconnect from the upstream configuration pipeline were systemic failures that required systemic solutions — not just visual cleanup. This argument shifted the client's expectation from "make it look better" to "make it work differently."
When deciding what to design first for CAD, I pushed to prioritize the Exceptions panel and the incomplete crew indicator over adding new controls or features. My reasoning: dispatchers don't need more things to interact with — they need fewer things to miss. A dispatcher who can always see which units are compromised is more operationally effective than one with 15 new menu options. This "surface the problem, not more controls" philosophy became a guiding principle for the entire CAD redesign.
I ensured that every CAD component — status chips, side panels, confirmation modals, form fields — uses the same design tokens and interaction patterns as the Holistic Scheduling redesign. A dispatcher who moves from the scheduling view to the CAD Grid encounters the same visual language: identical status colors, same chip anatomy, same panel behavior, same confirmation modal pattern. This consistency reduces context-switching cognitive load — critical when users move rapidly between modules during high-pressure operational moments.
Every screen shown here is traceable to a specific pain point documented in the research, a decision made during usability testing, or a constraint surfaced by real dispatchers and schedulers during on-site shadowing.
A 12-week engagement across 4 phases, 60+ research participants, 10 partner EMS companies, and two fully redesigned mission-critical modules. Here is what the data showed, what surprised me, and what I would carry into every complex enterprise engagement from here on.
The Template vs. Published Schedule distinction — arguably the most fundamental concept in Traumasoft — was not understood by the majority of participants in Phase 1. Most users worked around the system rather than with it. Schedulers who had been using Traumasoft for 3+ years still had misconceptions about what "Delete" did on the publish page. This was not a training failure — it was a design failure. The mental model was never made visible in the UI.
On-site shadowing at dispatch centers revealed that dispatchers rarely experience a "normal" shift. Callouts, level-of-care mismatches, late punch-ins, and incomplete crews were daily events — not exceptions. Yet the entire CAD Grid was designed for the normal case, with exceptions invisible or buried. The system was built for an idealized workflow that almost never occurs in practice.
We planned to recruit distinct Dispatcher, Scheduler, Field Crew, and Admin cohorts. In reality, the majority of participants wore multiple hats simultaneously. A "dispatcher" was often also an admin and sometimes a scheduler. This meant that the cross-role journeys we documented — particularly the Scheduling-to-CAD handoff — were far richer than single-role research would have produced. The hybrid participant phenomenon became a finding in itself.
The Client Advisory Board session — a structured facilitation with real operators from 5 partner companies — surfaced operational non-negotiables that individual interviews had not. The "Priority Stress Test" activity forced stakeholders to choose one capability over all others, producing clear consensus that became the explicit scope filter for the entire design phase. The CAB session also revealed that dispatch authority and compliance audit trails were non-negotiables that the generic component library we had been given completely ignored.
The two changes with the largest projected impact on daily operations were: (1) renaming "DELETE" to "Remove Future Shifts" with a confirmation preview, and (2) making incomplete crew status visible in the CAD Grid. Neither required new functionality — both required rethinking what was already there. The most impactful UX work in this engagement was not additive. It was clarifying what the system already did, and making it honest about it.
EMS is not a typical enterprise context. Dispatchers make decisions under time pressure that affect patient outcomes. Every UX choice — touch target size, status color contrast, confirmation dialog wording — operates in a domain where errors are not just frustrating, they are potentially dangerous. I learned to ask "what happens at 3am during a mass casualty event?" before finalizing any interaction. That question is now part of my standard design review process for any safety-critical system.
In most engagements, research and design system work run as parallel, loosely connected tracks. At Traumasoft, I argued for direct dependency: no component was formalized until the research had validated the workflow context it would appear in. A status chip for "incomplete crew" was not designed in the abstract — it was designed after we had watched dispatchers miss that exact state during on-site shadowing. This coupling added time upfront and eliminated expensive rework in Phases 3 and 4.
Users who have spent years in a system — even a frustrating one — develop deep muscle memory and mental models. The Daily Worksheet's 3-iteration journey taught me that the most effective redesign strategy is progressive elevation: preserve structural familiarity, systematically improve clarity and hierarchy. The final approved design kept the operational structure dispatchers expected, while making exceptions visible, status readable, and actions guided. Users described it as "the same, but finally working."
The CAB session's "Priority Stress Test" — forcing 15 stakeholders from 5 companies to agree on a single highest-priority capability — was itself a design artifact. It had a structure, a purpose, and a measurable output. Running it well required the same skills as designing a good interface: clear information hierarchy, progressive disclosure of complexity, and a confirmed commitment before moving on. I now treat stakeholder facilitation as a core UX deliverable, not a meeting.
The decision to organize journey maps around operational workflows (Scheduling journey, Dispatching journey) rather than individual personas was one of the most consequential choices of the project. Because EMS staff routinely play multiple roles in a single shift, cross-role journey mapping surfaced handoff friction — the moment where scheduling decisions became dispatch problems — that persona-centric maps would have completely missed. The incomplete crew problem in CAD is a scheduling problem in disguise.
With 10 partner companies, dozens of stakeholders, and a platform covering 8 modules, scope creep was a constant risk. Using the CAB session outputs as an explicit, documented scope filter — "we prioritize Scheduling and CAD because that is what the participants themselves chose" — gave every subsequent scope discussion an objective anchor. When a stakeholder asked why we weren't redesigning billing or ePCR, the answer was the participants' own words. Documented research makes scope decisions defensible.
"The most powerful thing we did was start with a CAB session where real dispatchers and schedulers told us, unprompted, what could never break. That list became the design system's non-negotiable constraints — and it prevented us from optimizing for the wrong things."
Every screen shown here is traceable to a specific pain point from the research, a decision made during usability testing, or a constraint surfaced by real dispatchers and schedulers during on-site shadowing. Nothing was designed speculatively — every interaction pattern was validated before being finalized.