I've been given the opportunity to rethink Fitbit's UI language across all devices (smart-watches and trackers). My goal was to update the UI's look & feel, using an iconic language, that will not only be a refresh of style, but will behave as sophisticated UI mechanism on various products.
![](https://cdn.myportfolio.com/bfd34038a043b7a20fbea1264d2905ae/efe567b4-51ac-4ec9-abac-1ca69503f71e_rw_1920.png?h=6097e56abaeadd7dbda8caddaa01a5f5)
I've started with four different style language variations using Fitbit's activity icons as the starting point. The end result of this explorations phase, were 4 printed brochures. I've found that having brand books was a refreshing and easy way to share concepts with stake-holders
![](https://cdn.myportfolio.com/bfd34038a043b7a20fbea1264d2905ae/89e51a18-1e94-43a2-a1a0-937a27f0e9ec_rw_1920.png?h=0c391f8a700804d081a62e4ac963459d)
Each concepts consisted ideas around iconography, typography, illustrations and infographics
![](https://cdn.myportfolio.com/bfd34038a043b7a20fbea1264d2905ae/1f7ed4f4-4aec-40d1-a258-b1403b4fe3a3_rw_1920.png?h=76cf53fff36021b628ce31cde853c364)
After the first phase, I've decided to continue further explorations with the most abstract and modern version since it felt like the most interesting style to develop a UI language
![](https://cdn.myportfolio.com/bfd34038a043b7a20fbea1264d2905ae/5e93c25f-eb2c-45cc-8253-062089eb8c12_rw_1920.gif?h=577fe806da2ceb7e95f9d83e1bd5bb25)
These icons can also serve as a functional infographic UI that can deliver data to the user quickly and efficiently
![](https://cdn.myportfolio.com/bfd34038a043b7a20fbea1264d2905ae/7e1b4957-44c3-4285-b1ff-f2ee803da771_rw_1920.png?h=eb8865f78f454a2f6b6bd08243d4f453)
An expanded visual language using the same attributes as the DNA icons
![](https://cdn.myportfolio.com/bfd34038a043b7a20fbea1264d2905ae/5aa2d248-34bc-4bcf-a3b5-705cb96ddf28_rw_1920.png?h=33baf9224fcda965b567c90b7cd22617)
An example of the visual language can be used to elevate Fitbit's brand on retail boxes
![](https://cdn.myportfolio.com/bfd34038a043b7a20fbea1264d2905ae/e56718e5-e549-4a88-821c-8481bb427799_rw_1920.png?h=158946252b45dcce97fed80eb46acd48)