UI Motion System / 2025
Noir Signal
An interaction language for a next-generation product interface balancing clarity, rhythm, and depth.
Overview
Make complex product behaviors feel elegant while staying fast and understandable.
Role: Motion Systems Designer
Software: Figma / Rive / After Effects
Creative Process
Mapped every state transition into a repeatable motion grammar.
Prototyped micro-interactions in Rive for real-feel timing tests.
Documented easing, duration, and hierarchy rules for handoff.
Results
A systemized motion toolkit that improved cohesion across product surfaces.
#050505
#EAEAEA
#8E8E8E
#4F46E5
Storyboards
Moodboard
Motion Frames
Behind the Scenes