Search Bar Animation

Attention to details is what makes good user experience. I wanted to explore micro-interactions, which are often overseen and underestimated but remain an essential part of the user's experience.

Here's a search button animation made in FIGMA. It expands when a user presses it and shows a search input window. This keeps the user concentrated on their experience of using the product.

I implemented a neutral color scheme with contrasting gradient and white colors.

From a full-scale web interface perspective, a button may seem small and unessential. But in many cases, a user's journey starts here. We make sure that small elements provide an engaging micro-interacting experience.