Case Study: VeriSource Application Redesign

Background

VeriSource^TM is integrated OQ, Drug and Alcohol, Safety, and COI Tracking software that enables one-stop management of critical compliance programs driven by regulatory and client-specific requirements.

Primary Challenge

This project was specifically a complete redesign of the existing application starting with the Safety application. Our goal was to greatly improve the product's usability and to make the product responsive on mobile devices. My primary challenge with the project was figuring out how to translate the vast amount of dynamic data of VeriSource into a digital space that balances aesthetic and interaction while communicating clearly what the user needed to know. This challenge was addressed by prioritizing the display of the most important data and designing reusable components within a consistent, flexible UI system.

Component-Based Design System

In approaching this complex and extensive web application, I relied heavily on a design system to bring order to everything. I designed and coded a Sass-based web styleguide which exposed the markup developers needed to create each element on their respective pages.

View Entire Styleguide

Outcome

As the actual layout and content of the app's pages was dictated by the user's source data, this project forced me to design multiple states of each UI component. From datagrids to buttons to banners, each element had to be extremely flexible and thought out.

Below you'll find a few final shots of the application's user interface.

More Case Studies