Project

Problem

Goal

Responsibilities

Defining the problem

Lack of brand identity

Inefficient

Inconsistent tooling

Milliman Product Design System

1. Decide on prototyping tools

The first thing we did was evaluate prototyping tools for our design system. We looked into Figma, Sketch, and InVision. Sketch is for Macs only; our company uses PCs, so we ruled that out immediately. InVision was reasonable but still in its infancy, so we were reluctant to use it. We chose Figma because it fulfilled all our requirements, was accessible through a web browser, and was simple for our current designers to use and integrate.

2. Evaluate design systems

Next, we assessed various design systems such as Material Design, Carbon Design, and Lightning Design. After careful consideration, we chose Carbon Design as it closely matched our company's appearance and style. We transferred the design system from Sketch to Figma and had to make many modifications. Luckily, Carbon Design is now available in Figma, and we easily updated our design system to their most recent version. We also utilized the code from Carbon Design, which we added to our GitHub repository for developers to use.

3. Update to Milliman brand

Finally, we changed all existing colors to Milliman brand colors, and we updated the typography to a font that worked well with our brand, was legible for accessibility purposes, inexpensive, and optimized for the web.