Tesla Model 3 — Motion
- Role
Principal UX Motion Designer
- Duration
30 days
- Tools
Motion Defines Hierarchy
Spatial Depth ≠ zoom
Rhythm = hierarchy
Timing & emotion
Hero Choreography
Album Card Motion System
Hover Float
Grid Reveal
Depth Parallax
Light Sweep
Playback Bar Motion
The player becomes the pulse of the scene — continuous, glowing, subtle.
Progress bar motion timed to 6s loop using ease-in-out sine curve.
Ambient Light + Depth System
Camera Motion / Vision OS Depth
Motion System Breakdown
Principles
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volupat. Ut wisi enim ad minim veniam, quis nostrud exerci
Timing Map
Applied Motion
Reel
.jpg)
1
Build Overview
2
Creative Rationale
Goal
Process
Key Highlights
Detailed Insights
Deep Dives
Learning Science
Temporal Confidence
2
Creative Rationale
Goal
Challenges
Process
Impact and Results
Measurable Outcomes
Takeaways
1
The brief
Goal
Challenges
Learning Objectives
Attention Priority
Learning Science
Temporal Confidence
Learning Methodolgy
Process
Impact and Results
Layer Separation
Measurable Outcomes
State Acknowledgement
Takeaways
Accessibility & inclusion
3
Results
Tesla Model 3
No items found.
Tesla Model 3
No items found.
No items found.
.avif)
.jpg)
.jpg)