top of page

Subcontracts Wizard

An Enterprise application utilizing the
Proxima Digital Design System

OVERVIEW

Subcontracts Wizard is an Enterprise application for the Acquisition Division to manage all active and archived subcontracts used to document purchasing transactions, from office supplies to flight hardware.

ROLE

User research, color theory, branding, information architecture, interaction design, usability testing, UAT, A/B testing, heatmap testing, front-end development

March 2020 - April 2021

TOOLS

Figma, GitHub, Lyssna

Space

The former design has existed for decades, which means both the design and technical infrastructure needed to be upgraded.

This technical upgrade offered several challenges: cleaning up the backend, improving response time, and creating a UI that isn't a headache, respectively. Meanwhile, we have users who have been used to the old design for the past 20+ years, so we had to be mindful that the redesign should encourage healthy familiarity so as not to alienate our user base.

As a result, we came up with a new and improved web application that addressed all core concerns while maintaining enough architectural familiarity for the existing users.

The Challenge

Design an interface that...

Space

Process

Heuristic Evaluation

Perform heuristic evaluation of existing application by comparing current state to Nielsen Norman Group's 10 Usability Heuristics

heuristic evaluation.png

Personas

Full panel suite of interviews with users and stakeholders.

7 unique personas identified.

Closeout Team

Subcontracts Manager

Property Team

Travel & Invoice Management

SACO

Project Resource Analyst

Contract Technical Manager

Journey Maps

Perform journey maps for the 7 identified personas to identify and isolate pain points. 14 unique pain points found.

Architecture Mapping

Evaluate current information architecture map, eliminate erroneous layers and reorganize to optimize page layers

Space Satellite
Image by Kelly Sikkema

LoFi Mockups

Create low fidelity mockups in an iterative process to confirm ideal page/site layout

HiFi Mockups

Create high fidelity mockups to confirm more intricate UI details

Before & After

Crater

Testing

Conduct User Acceptance Testing (UAT), Heat Map Testing, and A/B Testing with various volunteer users on full-scale prototypes.

Conduct accessibility scans across all layers of the UI to ensure the app is in compliance with WCAG 2.1 AA Guidelines.

Heat map tests were distributed as part of the A/B testing to measure the effectiveness of two different designs for the search component.

Results

✨ Revamped information architecture so that the data is streamlined and easily obtainable

✨ Eliminated all erroneous pages/links, down from 5 layers to 3

✨ Upgraded and streamlined UI to be clean, concise, and accessible

✨ End users report an overall efficiency improvement of at least 30% and high satisfaction

Space
bottom of page