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.
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.
Where possible, I pixel-fitted icons for maximum screen crispiness.
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.
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.
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.