HTC and Under Armour logos on a black background.

HTC - UnderArmor
HealthBox

As the visual designer for the UA HealthBox™ Connected Fitness system, I defined a cohesive visual language—encompassing typography, iconography, and micro-animations—to seamlessly integrate the fitness band and smart scale hardware with the UA Record app interface.

Rolls : Font Designer / Iconography / Visual / Motion / Production
Close-up of a black fitness tracker with the Under Armour logo, positioned in front of a man lifting a medicine ball in a gym.

UA HealthBox™ Font & Iconography Design

As the visual designer for the revolutionary UA HealthBox™ Connected Fitness system, I meticulously curated a font family and iconography that embodies a perfect balance of style and functionality. The chosen font family was simple but it ensured a seamless integration with the cutting-edge design of the band and scale components.

For the iconography, I focused on creating a set of visually distinct and easily recognizable symbols that convey essential health and fitness metrics. Each icon had the idea to be intuitive and impactful, enhancing the overall user experience.

Micro-Animations for UA HealthBox™

In addition to font and iconography design, I spearheaded the creation of a diverse range of micro-animations for the UA HealthBox™ system. These animations serve as an intuitive visual language, providing users with real-time feedback on their progress, battery levels, status notifications, and more.

Each micro-animation was thoughtfully crafted to be both aesthetically appealing and functionally informative, enriching the user experience and ensuring seamless interaction with the system.

In conclusion, the font, iconography, and micro-animations designed for UA HealthBox™ play a crucial role in enhancing the overall user experience, making it easier and more engaging for users to monitor and manage the factors that determine how they feel.

Close-up of a black fitness tracker wristband showing the time 15:08, a running icon, and a red button on a red background.
Fitness tracker wristband with digital display showing start time 15:08, running icon, and pause icon, featuring a black band with red interior.
Under Armour HealthBox fitness system including a fitness tracker wristband, a chest strap heart rate monitor, a digital scale, and packaging with graphics and product information.
Close-up of black fitness equipment with a large black ball and an Under Armour logo, with a person lifting a medicine ball in the background at a gym.
Pixelated digital watch face with multiple icons and screens displaying time, date, weather, music controls, and other functions. The main time display shows 10:08 AM on August 20, with a message saying "Hello!".
Digital smartwatch interface with various icons and displays including time 10:08 AM, date August 20, Friday, a smiley sun icon, music note, volume, brightness, alarm, and notifications.
Screenshot of a digital planner app showing calendar events and notes. The events include 'Lunch w/ Sarah for' scheduled for tomorrow at 12:00 PM, 'Lunch w/ Sarah for' today at 12:00 PM, and a 'planning session.' There is a note at the bottom stating 'Opened on phone!' with a checkmark icon.
Screen showing camera options menu with icons for camera remote, remote control, turning camera on, and a timed photo set to three seconds.
Pixelated black and white digital interface with time 8:08 AM, date August 20, Friday, message icon, and a message bubble with the text 'Way right now, will see you soon. I think.'
Settings menu for a digital watch with options to reset the watch, adjust sound and brightness, and disconnect from phone, displayed as pixelated icons and text.
Pixelated black and white mobile phone screen showing missed calls, outgoing calls, and call history with contact names Ashley Emert, Sarah Mae Bubon, and Traci Feller, with timestamps.
A digital stock tracking app with a dark background, showing stock portfolio information, including a stock symbol 2498.TW, current value 2160.2, and recent update details.
Multiple black and white digital weather forecast panels showing temperature and weather conditions for today and tomorrow, including sunny, rain, and location details.
Alarm clock settings screen showing next alarm at 8:00 AM Wednesday, with set time 12:00 PM, no alarms set, and options to adjust settings.
Screenshot of an email application interface showing three email messages, with black and white iconography and text, on a dark background.
A black and white pixelated music player interface displaying options for music source and current song, with play controls and instruction to open music on phone.
Digital smartwatch display showing icons for camera, music, settings, a fitness tracker icon, the time 10:08 AM, date August 20, Friday, the number 2, and the greeting "Hello!" in black and white.
Black and white pixelated computer screen displaying volume, brightness, do not disturb icons, with options to disconnect phone, watch, or delete, and a battery indicator at 49%.
A digital timer and stopwatch app interface with options to start, reset, record, and adjust the timer. The screen displays four black sections with white icons and time displays.
Screenshot of a digital screen with options to cancel and power off, finish setup on companion app, open companion app and waiting for phone, with a checkmark indicating paired with phone.