
{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A smartwatch UI that turns your wrist into a full health dashboard — calories, sleep, hydration, and sprint timer, all wrapped in a soft, colorful design language."}]},{"type":"image","attrs":{"src":"https://cdn.dribbble.com/userupload/2772838/file/original-29828c4243abdce02d54222a6ba824fb.png","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"UI/UX Design — OFIT Healthy App Wearable"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Wearable UI · Smartwatch · Health & Fitness"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"OFIT is a smartwatch app UI designed around seven distinct health-tracking screens, each optimized for glanceability on a small display. The watch face opens with the time (16:20, 12 September) and the OFIT rainbow arc logo — a set of stacked gradient curves that doubles as an activity ring teaser. From there, each screen handles a dedicated health metric:"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Activities shows three concentric ring gauges for different movement categories. Calories displays a teal arc gauge tracking 1,264 cal burned against a daily target (1,261 cal left). Workout Type presents a vibrant coral card with a running figure icon and \"Sprint\" label — active session selection made visually satisfying. The Sprint Timer runs a live session counter (00:08:26) on a near-black background with a red stop button — minimal by design so nothing distracts during exercise. Sleep Score delivers a dark card with an 81/100 score and a weekly wave chart showing nightly quality trends. Drink Water closes the set with a clean blue arc gauge tracking 1,250 ml of hydration progress."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Displayed on a soft purple gradient layout, the seven-screen mosaic demonstrates a fully-realized wearable design system — cohesive across modes yet distinct enough that each metric has its own visual personality."}]}]}
Tech Stack
Tags
Completed
May 2022
Project Scale
short Project