Fitbit (Google)


Fitbit's New Design Language




Visual Designer

  • Lead Visual Designer
  • Interaction Designer

Fitbit’s design language continues to evolve. As future versions of it have undergone more significant changes, I got to make some contributions to this evolving language.


The future of Fitbit’s design language had some guard rails, but some of the rules weren’t yet defined or set in stone. The language also needed to exist within the parameters of the Google Material Design system, though I’m still not sure whether or not to consider this constraint a real challenge.

Health Studies in Fitbit

I first got my feet wet by recomposing Google Health Studies to fit within Fitbit’s new design system, which involved collaborating with Fitbit designers to develop Fitbit approved designs.

The example above shows a custom built timeline the Fitbit design team took into consideration for its library

The infant state of future Fitbit design enabled visual explorations that could be used to influence the development of future Fitbit design language.

Notification card iterations

While I say with a smile that these image options were rejected in favor of the basic notifications below, the above cards were my attempt to go to the edge of and beyond the typical constraints of the early future Fitbit design system.

Creating basic notifications

The icon and text palette was limited to one color, so I utilized various icons to differentiate the three (3) levels of urgency into columns of notifications.

Original notifications

The original notifications cards included only a simple message with no interactive calls to action.