ARGO • 2022–2023

Enterprise Design System - ARGO X

A single source of truth.

The ARGO X design system sets standards, unifies design patterns, and is a source of best practices for development, product, and design teams to help understand and develop our products going forward.

Role: Lead UX Designer

Why create a design system?

There are three key reasons:

  1. Cohesiveness between development, design, and product teams.

  2. To organize and document guides, designs, code, and usage for components across all teams.

  3. An easy way to visualize our design library and functional components. It also makes it easy to reuse code directly into developers’ frameworks.

Main Challenges

  • Multiple products within banking and healthcare industries with lack of design consistency.

  • Various tech stacks and frameworks being used, a mix of older and newer ones.

  • Lack of Storybook component library for development.

Affected Products

  • Financial Services

    • Banker dashboard

    • Teller application

    • Digital banking platform

  • Healthcare

    • Behavioral Health CareChain

    • Enterprise

Phase 1: Set the Foundation

Establishing the foundation is the first step in building any structure. Core elements such as colors, typography, layout, icons, and elevation were standardized first. Given that all of our products are different, deciding on a similar, yet new direction was our decision as a team.

 

Input Components

Navigation Components

Surface Components

Putting it all together