01
Illustrate three gesture controls
Distinct colors and hand illustrations identify volume, play/pause and next track. The opening screen introduces gesture control; the main screen provides instructions and a Start button.
DESIGN CASE / Magic Finger
Control media with a gesture.
An iOS prototype connecting hand gestures to media controls, spanning branding, UI and ML development.
- Role
- Planning · Design · ML development
- Period / status
- Aug 2024 · Team of two · Prototype
- People
- People using gestures to control media
- Scope
- Branding · App UX/UI · Create ML · Xcode
01 / CONTEXT
The problem to solve.
Could media controls extend beyond touch? The prototype explores hand movement as input and introduces this interaction through the app’s opening experience.
02 / DESIGN DECISIONS
The decisions behind the work.
03 / THE WORK
Look closer.
Select a screen to enlarge it. Captions identify the design or implementation stage.
Opening and main screen
The opening message, gesture instructions and Start button.
Three gesture cards
Volume, play/pause and next track, shown through distinct colors and hand illustrations.
04 / OUTCOME & REFLECTION
What I delivered.
Contributed planning, design and ML development in a two-person team, using Figma, Create ML and Xcode. This case presents opening, instruction and gesture-card designs; it does not include recognition footage or model-performance evaluations.
Jules Verne Museum ↗
A 2020 UX/UI audit and redesign proposal exploring information architecture and navigation for the Jules Verne Museum in Nantes.