Amir Afroozan

Designing Feelings

Designing Feelings

Designing Feelings

Designing Feelings

Microinteractions

Microinteractions

Microinteractions

Microinteractions

Microinteractions are the small moments that make digital experiences feel alive. In this page, I’m showcasing a collection of motion design and microinteraction work I’ve crafted—whether it’s how a button reacts to touch, a satisfying animation in a gamified flow, or subtle feedback that guides users. To create these, I used Figma prototypes to explore ideas quickly and tested motion using LottieFiles, exporting animations as JSON for smooth, lightweight implementation in production. This approach helped bridge the gap between design and development, making even detailed interactions feel practical and scalable.

Live location feedback

When users share their live location in the ride-hailing app, the button provides instant visual confirmation. The location icon transitions smoothly from an outlined gray state to a filled green one—signaling success and reinforcing trust that the action was completed.

Animated Driver Badges

Animated Driver Badges

Animated Driver Badges

Animated Driver Badges

To make the ride-hailing experience feel more engaging and trustworthy, we introduced driver badges—like Clean Car, Good Behavior, or Savvy Navigator. These badges are more than static icons—they animate subtly when shown for the first time to draw the passenger’s attention without interrupting their flow.

First and second Version

First and second Version

First and second Version

First and second Version

Profile picture touch point

We needed a way to surface more driver details—like an enlarged profile photo and trust-building info—without adding clutter to an already busy interface. The solution: turn the driver’s profile picture into a familiar, Instagram-inspired touchpoint.