Project Highlights

  • Created a military-grade design system for a range of softwares
  • Tailored components and design patterns to actual product needs at the company
  • Collaborated with in-house design, product, and development teams to create a central repository for knowledge and code sharing
  • More than 10 products utilizing the design system today

Project Details

Syracuse, NY

1.5k+ employees

6+ years

Customer Rating

5.0

Project Cost

Confidential

View our Pricing

The Challenge

Unify siloed teams through consistent design

SRC, a research and technology company, supports a diverse range of products in the defense and intelligence industries.

Oftentimes, software came as a byproduct of the hardware they produce, used to operate and maintain their products. For this reason, SRC had never established a central design system for their software.

Our embedded partnership with SRC had allowed us to contribute UX design to several products simultaneously, which gave us a unique vantage point to identify the need for a design system.

What we discovered was that many products were still anchored to outdated design conventions and had not kept pace with modern UX standards, accessibility requirements, or military-specific guidelines. A few teams had started building internal UI libraries, but none had scaled beyond their own silos.

The Work

Here’s how we helped SRC

To create a strong design foundation, we teamed up with SRC’s design and engineering teams and started building alongside with the product lines we were already supporting. At a high level, we:

Key activities:
category_search

Audited SRC’s product landscape to identify shared design needs, which allowed to prioritize work according to most common use cases.

psychology

Dove deep into MIL-STD-1472 (the military’s primary human factors document) to ensure designs aligned to military-grade interaction standards.

edit_note

Wrote over 300 pages of design and development documentation which formed the basis for the company’s online design system hub.

code

Worked alongside engineering to support the development of a code sandbox and repository that matched the system’s guidelines.

Atomic Design

Beyond just building designs, we wanted to embed design system thinking at SRC. That’s why we structured the design system according to Brad Frost’s Atomic Design System model. Every element of the design system fell into one of three primary tiers: Foundation, Component, and Pattern. The goal of the atomic model is to ensure consistency, reusability, and scalability across a vast range of products.

SRC atomic design diagram

The Impact

Usability scores increase by as much as 32%

To date, more than ten new products and legacy redesigns have adopted the design system. One product we helped build saw a 32% increase in usability scores over its legacy predecessor, highlighting the measurable impact of consistency and thoughtful user experience in mission-critical environments.


Explore additional case studies

Design Culture & DoD HCD Strategy | Visual Logic
Design Thinking at Scale

We pioneered a design culture to drive human-centered innovation within the DoD.

Visual Logic helped SRC establish a Human-Centered Design Center of Excellence, transforming their engineering culture to drive product usability and human-centered innovation within the DoD.

Read more

Multisensory UX for Mine Detection Systems | Visual Logic
User Experience Design

We enhanced operator instincts with multisensory design for a handheld mine detector.

Visual Logic transcended screen design for Chemring’s handheld mine detector, using multisensory design (haptic, audio, visual) and ergonomic input to supercharge operator instinct and confidence in the field.

Read more