Motion
Design
GOALS
The goal was to enhance the user experience through targeted use of motion design by:
- Bridging loading times
- Creating smoother transitions
- Triggering positive user emotions
Context
In various digital projects, I designed and implemented UI elements using vector-based animations to improve user guidance and interaction. Until then, motion design had largely been neglected in these flows.
METHODS
- Keyshape (vector-animations)
- Prototyping (Figma & Principle)
- CSS / HTML
- Micro Interaction Patterns
Swisscom
Motion Designer
Learnings
- I learned that motion design doesn’t just support UX — it actively enhances it, creating feedback, structure and emotional resonance (validated through usability testing)
- I learned that lightweight animation technologies such as vector-based or CSS animations are crucial for performance and scalability
NEXT PROJECT
BACK TO MY PROJECTS
HOME
MY STORY
MY PROJECTS
CONTACT ME
Motion
Design
GOALS
The goal was to enhance the user experience through targeted use of motion design by:
- Bridging loading times
- Creating smoother transitions
- Triggering positive user emotions
Context
In various digital projects, I designed and implemented UI elements using vector-based animations to improve user guidance and interaction. Until then, motion design had largely been neglected in these flows.
METHODS
- Keyshape (vector-animations)
- Prototyping (Figma & Principle)
- CSS / HTML
- Micro Interaction Patterns
Swisscom
Motion Designer
Learnings
- I learned that motion design doesn’t just support UX — it actively enhances it, creating feedback, structure and emotional resonance (validated through usability testing)
- I learned that lightweight animation technologies such as vector-based or CSS animations are crucial for performance and scalability
BACK TO MY PROJECTS
NEXT PROJECT