WEARABLE UI DESIGN
PROJECT SUMMARY
I crafted a design language for a wearable watch interface that seamlessly combined weather and time data. Starting with five mood boards to inspire sketches, I developed medium- to high-fidelity wireframes. To bring the concept to life, I animated gestures and interactions using After Effects.
TIMELINE
April 2023
ROLE
UX Designer, Motion Designer
TOOLS
Figma
After Effects
Research
MOOD BOARDS
I created five mood boards: two for clock faces (physical and digital), two for weather data graphics, and one to convey my design language through visuals and a single word.
Iteration
SKETCHES
I created sketches for the watch wearable interface based on the mood boards that I created. These sketches included a design for the clock face, as well as possible UI complications that could be used for the designs.
Design
MEDIUM AND HIGH-FIDELITY WIREFRAMES
MOTION DESIGN
I imported high-fidelity wireframes into After Effects to explore UI motion design, focusing on two gestures: long press and left swipe.
Long press - Lets users drag the large clock face complication to the corner, converting it into a corner complication.
Left swipe - Allows users to cycle through other corner-assigned complications.
Mockup
PREVIOUS
NEXT
Humber Current
Toronto Zoo