Collection of motion & interaction design
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.
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.
Bring your own document for AI tool.
Switch models and think again for AI tool.
Highlighting search result preview icon button.
Release documentation enhancement overview.
