This is an interactive web experience designed to showcase Framer’s animation capabilities through playful character selection...

Users are invited to “Choose your personality,” with animated cards that react to hover and selection, creating a dynamic, story-driven journey.

For this personal project, I crafted a rich, personality-filled micro-interaction using Framer to explore how animation can enhance engagement, delight, and user flow.

Client: Personal Project

Role: Motion Designer & Framer Developer

Tools: Framer, Figma

Creating Character Without Characters: I wanted each card to feel alive.... as if it had its own voice, without using traditional character illustrations or animations. The challenge was to infuse "personality" through motion and interaction alone.

Smooth Transitions Between States: The experience needed to feel seamless from hover to selection to detail reveal. Any choppy transitions would break immersion, so timing and fluidity were key and hard to balance.

Fun with Function: While the animation was playful, the user experience still had to be intuitive and not overwhelming. I had to find the right balance between creative freedom and UX clarity.

The final result is a lightweight, engaging animation experiment that feels like a mini-game.

Each card feels alive, the transitions are satisfying, and the interaction invites users to connect emotionally even without a backstory.