10 Websites with Inspiring Micro-Interactions #UX

2 months ago
10 Websites with Inspiring Micro-Interactions

The first example on our list is a website where almost no element appears to be static. When you visit the home page of MA True Cannabis, you’re greeted with a large, animated product and a few floating 3D rendered objects. You’ll notice that, on hover, each of these elements becomes animated in a different way, and a fun message encircles them. But the designers and creative front-end developers paid just as much attention to the micro-interactions as they did to this hero section. Everything is intuitive at a glance. When you hover over a link, a fade animation occurs, letting you know the text is clickable. CTA buttons have a brief underline animation that draws attention to them. The slider navigation is handled without any unnecessary arrows, lines or numbers. Instead, there’s a fluid, monochrome shape at each edge of the active slide. When you hover on the shape,…

Leave a Reply