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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Since October 2025, I’ve been working with Frontify on an ongoing series of onboarding and tutorial videos designed to help both new and existing users better understand the platform.
So far, we’ve created 75+ videos — and the library is still growing.
The workflow is fairly simple, but the challenge is in keeping everything clear, consistent, and engaging across such a large number of tutorials.
🎥 Screen Studio for recording
🎞️ After Effects for editing and animation
🙌 No AI used in the editing process
Every video is manually crafted with the goal of making product features and workflows easier to understand and follow.
It’s been a great long-term project and an interesting challenge in building a repeatable production process without letting quality or attention to detail slip.
✅ Check it out
#MotionDesign #VideoProduction #AfterEffects #ScreenStudio #ProductDesign #Onboarding #Tutorials #Frontify
75+ videos and still growing is a serious production pipeline. At that volume, are you templating the structure heavily to keep it sustainable, or does each video still get built mostly from scratch?
Animated Product Menu & Brand Showcase Video
Designed and animated a dynamic, visually engaging promotional menu showcase tailored for a bakery/dessert brand. The project features sleek split-screen reveals, smooth transition choreography, and custom kinetic typography highlighting four core product lines (Cream Bun, Eclair, Lamington, and Donut Cake).
Key Deliverables & Features
Dynamic Split-Screen Navigation: Designed a color-coded vertical panel layout to organize multiple product lines cleanly within a single frame.
Interactive Panel Focus Effects: Created smooth transition animations expanding each product box with contextual copy overlays (descriptions, package options, and product highlights).
High-Impact Brand Aesthetic: Curated bold color palettes, typography hierarchy, and sleek motion choreography optimized for social media marketing and digital menu displays.
#MotionGraphics #VideoEditing #GraphicDesign #Animation #VisualDesign #VideoProduction #BrandDesign #ProductShowcase #ECommerceMarketing #SocialMediaAds #MenuDesign #MotionDesign #ProductDesign #VideoAds #Contra #PortfolioShowcase #FreelanceDesigner #AgencyWork #DigitalMarketing #CreativeDirection
Clear and great at the same time
A motion adv. design practice for Airbnb.I craft a strong visual hook. The narrative pacing usually follows a clear sequence and follow the structure of Hook(pain point)-features(value proposition)-logo lockup
how do u feel?🎉
the search bar dropped into the scene is nice. is the cafe shot generated?
