Fitbit clock face design
︎︎︎


UI Design, Art Direction





BACKGROUND /

As the new Versa series coming out, Fitbit would like to give Versa 3 some new creative clock faces. Since new Versa 3 sustained the features of daily steps counting, heart rate and calorie calculator, our work was to design some new interface that base on the oringinal funtion and visual identity. The design will seperate into two categories by different displayment of the time, which include digital clockface and analog clockface.
INFO /

My Role
UI Design,
Art Direction

Cilents
Fitbit

Company/Year
Cloud Interactive / 2020


View Fitbit Gallery website︎︎︎







OBJECTIVES /

Creative

Design brand new clock faces for users to have fun with and get emotional engagement while using the watch.

Functional

Deliver the creative clockface by not only focus on attractive interface but design functionally through utility and reliably.





︎


“The way that elements interact can convey a story.“






DESIGN INSPIRATION /

As I developed some really rough design inspiration, I took a look of some materials that doesn't necessarily come from a watch or a clock. It can be an interaction of different layers, textures, colors, shapes and even metaphors. The way that these elements interact can convey a story.


Digital clockface moodboard


Analog clockface moodboard







IDEAS DEVELOPMENT /

Before design the official clock face, it's important to quickly sketch out some draft and concepts. After the conversation with Fitbit team, we selected final 23 design concepts from more than 100 sketches.










CLOCK FACE DESIGN /






























NEXT PROJECT

Mercedes-Benz Content Hub Redesign ︎︎︎