Back

Profile Card Interaction

Personal Project

A focused motion study exploring how a compact profile card can reveal more information through a single, responsive transition.

Animated profile card interaction

Overview

This personal study starts with a familiar profile card and uses motion to reveal its next state. The exercise is deliberately small: one component, one trigger, and a transition that preserves spatial continuity.

Takeaway

Compact interactions work best when the user can follow where every element came from. The animation keeps the profile identity anchored while the card changes around it.