The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
What if website accordions have animations that explains the product visually? That's what I built as a Lottie Animation. Interactive accordion that changes animation based on your selected section.
Animation File Size as dot Lottie: 364KB
Tools Used:
Illustrator
After Effects
Lottie Creator and State Machines
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
15 seconds of smooth UI, editorial layouts, and micro-interactions.
Kept the micro-interactions snappy, typography expressive, and transitions buttery smooth.
Rate this UI animation from 1 to 10 in the comments, or tell me what you’d improve! 😉
Solid 10/10 bro! 🔥 Micro-interactions are super snappy and transitions are buttery smooth indeed. Editorial layout game is strong. Keep it up!
Designed a step tracking screen where you can see your daily progress and weekly trend in one glance.
Same screen, two shots. Which one would stop your scroll? 👀
11 voted
73%
4 voted
27%
15 votes
Closed
The brief was simple. Show a new personalized news feature.
The obvious solution was to show a few clicks in the UI as you choose your topics. Clear, but not very interesting.
So I pulled that moment out of the interface first and turned it into a cloud of topics. You get the idea before you even see the product, then the video drops you back into the real UI and shows where it lives.
I really like these tiny decisions. The feature stays the same, but it feels easier to get and a lot more fun to watch.
Pulling the topic cloud outside the UI makes the feature instantly clearer.