Tesla Model 3 β€” Motion

  • Role

    Principal UX Motion Designer

  • Duration

    30 days

  • Tools
    • Figma
    • After Effects
    • ProtoPie
    • GSAP

Motion Defines Hierarchy

State Change Priority

Attention Priority

Temporal Confidence

Hero Choreography

Album Card Motion System

State Change Priority
Attention Priority

System at rest

This section establishes the baseline state of the interfaceβ€”when no interaction is required and the system remains stable, quiet, and visually resolved.

Contextual Depth & Focus Priority

predictive path & system awareness

Motion System Breakdown

Principles

The core rules that govern motion across the Tesla interfaceβ€”defining when elements move, how priority is established, and how timing reinforces clarity without distraction.

Timing Map

Sequential Timing

Reel

My work drives results. Let’s talk about yours.

1

Build Overview

Project
Tesla Model 3 β€” Motion
  • Client
  • Company
  • Category
  • Timeline / Duration
    30 days
  • Team Size
  • Role

    Principal UX Motion Designer

  • Software
    • Figma
    • After Effects
    • ProtoPie
    • GSAP

2

Creative Rationale

State Change Priority

Goal

Process

Key Highlights

Detailed Insights

Deep Dives

Learning Science

Temporal Confidence

2

Creative Rationale

State Change Priority

Goal

Challenges

Process

Impact and Results

Layer Separation

Measurable Outcomes

State Acknowledgement

Takeaways

1

The brief

State Change Priority

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

If the work speaks to you, let's build something.

Karuso portfolio Webflow template

My work drives results. Let’s talk about yours.