Quality Assurance Capability (QAC)

Transforming how cartographers validate and share geospatial data across NATO in an outdated DoD environment.
ArcGIS
GeospatialQA
Web SaaS
ReactJS
USWDS
UX Lead + 1 of 3 Frontend Engineers
A web interface titled “QAC” (Quality Assurance Check) displays the first step in a multi-step schema validation workflow. A horizontal progress bar across the top highlights “Run Schema Checks” as the current step, followed by “Schema Check Results,” “Run KERs,” and “KER Results.” Below, users are prompted to select a schema version (currently set to “MGCP 4V4.5”) from a dropdown menu and upload a file using a “Choose file” button. The “Run Schema Check” button is currently disabled. The page header includes navigation links: “Start New QAC,” “Running QACs,” and “FAQs.” A banner at the top confirms this is an official U.S. government website.
Problem
The National Geospatial Agency (NGA) required contractors from NATO member nations to submit valid vector data. An existing tool was built in Visual Basic, but contractors couldn’t even install the application because Microsoft had announced end‑of‑life for its OS, leaving compliance at risk. To bring the tool into compliance with modern federal standards, we needed to adopt the U.S. Web Design System (USWDS).
Solution
We replaced the brittle Visual Basic app with a ReactJS application packaged in Electron so we could deploy the application on air‑gapped networks—physically isolated networks with no connections to public or corporate networks—and still deliver a modern UI. Contractors could install the application on their secure laptops without internet access and perform quality checks in the field.

Impact & Results

Measurable gains in compliance & efficiency.
800%
Reduction in data validation time
Modernized code cut QA cycles from days to hours. Contractors could deliver packages to NGA faster and with fewer errors.
2,000+
Shapefiles validated in the first month
The tool processed hundreds of packages from NATO partners with consistent results, improving data quality and trust.
AA
WCAG 2.1 rating achieved
Achieved via automated a11y linters, manual screen‑reader tests, and inclusion of accessibility in user stories and acceptance criteria.

User Research

Our product owners helped our research team identify cartographers and data stewards to demonstrate use of their existing work and allow us to interview them.
This loose cohort validated early prototypes through remote moderated sessions and on‑site pilots. Server logs and feedback loops informed iterative improvements to error messaging and workflow steps.
I provided operational guidance that established a bi-weekly cadence for our researchers to introduce questions and present findings to our entire team—a feature of our demo days.
Header image


Improvements

1. Streamlined Workflow


Figure of the QAC UI at the first step where a user is prompted to upload their shapefiles archive.


Figure of the QAC UI at the automation step where the system is processing a file to ensure it meets all Key Engineering Requirements (KERs).


Figure of the QAC UI at the final step where exceptions are displayed which failed the KERs (Key Engineering Requirements).
Problem
The legacy VB app forced users through multiple modal forms and a 6‑inch binder checklist, turning every submission into a multi‑day slog riddled with errors.
Solution
A single‑screen drag‑and‑drop uploader, one‑click validation, and instant downloadable reports trimmed days to minutes while eliminating form confusion.


2. Design System as Product

Figure of the "Wizard Navigation" and "Dropdown Button" two extensions of the US Web Design System for NGA's QAC.


Figure of the "Fixed CTA" and "List Item Quantity" two extensions of the US Web Design System for NGA's QAC.
Problem
Our US Web Design System was little more than a Style Guide and a Sketch template in 2018. It was purpose built for website, but we had to extend components which produced UI drift, accessibility gaps, and we were forced to replace it with our own.
Solution
Using the Sketch template as our guide we abstracted 40+ USWDS‑based React components, documented them in Storybook, and attached Jest unit tests—treating the design system like any other product so team members could reuse, test, and ship faster.


3. Secure Offline Functionality

A web interface titled “QAC” (Quality Assurance Check) displays the first step in a multi-step schema validation workflow. A horizontal progress bar across the top highlights “Run Schema Checks” as the current step, followed by “Schema Check Results,” “Run KERs,” and “KER Results.” Below, users are prompted to select a schema version (currently set to “MGCP 4V4.5”) from a dropdown menu and upload a file using a “Choose file” button. The “Run Schema Check” button is currently disabled. The page header includes navigation links: “Start New QAC,” “Running QACs,” and “FAQs.” A banner at the top confirms this is an official U.S. government website.
Problem
Contractors working on classified, air‑gapped laptops couldn’t receive the application, improvements, bug fixes or new validation rules, creating security and compliance gaps.
Solution
We packaged it as an executable. Signed installers on removable media let admins deliver frequent, incremental updates inside closed networks without compromising security.
A simple illustration of a ghost character in front of two stylized web browser window outlines. The ghost has two circular eyes and a small smile, representing a playful or friendly design. This image is commonly used as an empty state or “nothing found” placeholder in user interfaces, indicating no search results or data to display.

Efficiency is less about rewriting code and more about reshaping culture

Building QAC taught us—as a mixed civilian-military team—that modernising a mission-critical desktop tool is less about rewriting code and more about reshaping culture.
Talking to people matters. This wasn’t just a workspace starved of modern software; it was a top‑down squeeze where every end‑user answered to command, not a product owner. No PO saw cartographers as stakeholders. By spending time in the field and pairing directly with analysts, we demonstrated that civilian‑style user advocacy is a competitive advantage: measurable success stories earn recognition up the chain of command, and commanders start demanding the same velocity from other teams.
Design systems are leverage. Treating USWDS + Storybook like its own product paid dividends we didn’t foresee. USWDS lacked any direct funding in our budget, but because we used, it we were forced to extend it from Sketch to ReactJS + Storybook. USWDS has since officially embraced ReactJS + Storybook.
Politics matter. By framing the design system, automation scripts, and deployment pipeline as risk‑mitigation—not “nice‑to‑have” UX—we secured leadership buy‑in that protected scope when late requirements arrived. The project finished on schedule because every stakeholder could trace a dollar value to each design decision.
The result isn’t just a faster validator; it’s a template for how small, cross‑disciplinary teams can modernize crusty DoD software, win end‑user trust, and still pass the strictest security audits.

Don’t just take my word for it

Here is a highlight from the guy who lead our team.
"In all this, Bobby was indispensable. Not only was he skilled enough to jump into the look-n-feel and execution of the project, but he was extremely well-versed in human-centric design and helped mentor many of our consulting teammates in the practice as well. He had a strong urge to learn what he could from everyone on the team and to share what he knew. Overall, he was a great asset! He was a great teammate and I would love to work with him again in the future."
Matt Todd
Delivery Lead
© 2025 Robert Duebelbeis — All rights reserved