At Collective Health, I worked on a design system for their iOS & Android consumer apps.

I joined the Design Systems team as a product design intern – my first journey into tech.

Collective Health is an SF startup improving the experience of employer-based healthcare.

During my internship, I learned a great deal about the level of detail that goes into a design system–especially one that is being built from the ground up. Here's a few pieces of the system that I worked on, plus some extra goodies.

Before
After

Navigation bar refresh

As part of an evolving roll-out of a new design system, I refreshed the mobile navigation bar to be more visually concise and legible. I made some new icons and refined existing ones, drawing inspiration from other apps on the market to see what makes a navbar great. Here's a few of the things I focused on:

Standardize icon silhouettes

I moved towards a standardized square(ish) silhouette for the icons.

Simplify & condense

I simultaneously condensed the icons and simplified their details.

Pixel perfection

Where possible, I pixel-fitted icons for maximum screen crispiness.

Externalizing tips

I wrote a brief article about good practices I picked up while working with icons.

Translating design system elements

I also worked extensively with other design system elements like typography, color, and spacing to help move the mobile app in a direction that aligned with the broader consumer-facing product suite.

Before
After
Communicating translation

I worked with a senior designer to standardize design token styles, and also made guides to communicate changes to the engineering team.

From desktop to mobile icons

I perfected a set of 36 icons (some from scratch, some from existing forms) to work on mobile screens.

Other explorations

I also had the chance to work on interaction design iterations for a health insurance claim automation tool. I'm unable to show the work publicly, but I'm always happy to share more details about it in a conversation.