Bring clarity, joy, and engagement through subtle motion cues
Emotive motion for clarity and transparency
Explored micro-interactions for an AI-assisted file management application. Including, compact button states, AI thought streaming motion patterns, emotive loading/analyzing states, and more.
Project
AI-assisted file management app
Type
Motion Micro-interaction
Icon buttons were set as the default state due to minimized UI real-estate. Leverage hover states for clarity.
Emotive click animations were explored to elevate actions, brand identity, and provide positive feedback.
A combination of animations were considered for AI's thinking state. ① A subtle glowing outline loader shows AI is thinking. ② Sequentially loading AI stream of thought, and animating between thinking and complete states for enhanced clarity on what AI is actioning in the moment.
D9D9D9
D9D9D9
D9D9D9
Onboarding motion explainers for elevated clarity and engagement
Short micro-animations were produced alongside their respective onboarding experiences to add polish to the aethetics and bring clarity to the updted enhancements.
Project
Assorted product release visuals
Type
Micro-animations
Short supplemental micro-animations as part of the onboarding modal.
