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
Coca-Cola Inspired Motion Graphics Concept
Designed and animated a brand-inspired motion graphics piece in Adobe After Effects, focusing on typography animation, product compositing, cinematic transitions, and visual storytelling.
Loooks incredible! the style with great realistic textures is so cool!
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
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
Every so often a piece stays with us enough that we want to hear it our way. This @bentleymotors film by the brilliant @found_studio was one of them.
So we reimagined the #sounddesign and #music from scratch, built as a conversation between the two: sound design carrying the weight and the mechanics, music carrying the emotion that rides above it.
Engineering you can feel, elegance you can hear!
#3danimation #cgi #vfx #bentley #3d #penroseaudio
The tagline nails it, elegance you can hear is such a clean way to frame sound design work. Did you build the audio around the existing visual cuts, or was the edit adjusted once the sound direction took shape?
For this challenge, I wanted to create more than just a logo or a promotional asset. I wanted to build the foundation of a brand.
Runner Community is a concept for a global community where runners can discover races, connect with local running communities, and find inspiration through events, training, and shared experiences.
To bring the idea to life, I used Envato Elements as my primary creative toolkit, including:
AI Image Generator
AI Video Generator
AI Mockups
Website Templates
Video Templates
Music
Sound Effects
These resources helped me rapidly explore ideas and create professional visual assets.
I refined the prompts, selected different visual styles, adjusted the color palette, rejected multiple AI-generated concepts, and curated only the assets that aligned with the brand I envisioned. I also chose the pacing, music, mockups, and final promotional sequence to create an energetic yet approachable identity.
Breakdown provided in the comments.
One of my favorite UI experiments so far.
I challenged myself to create a cinematic Pepsi landing page where the interface feels like it's floating above the background instead of sitting on top of it.
✨ Features:
🎥 AI-generated animated background
🥤 Scroll-driven storytelling with different Pepsi products
🪟 Glassmorphism & Frosted Glass UI
🌊 Smooth blur, reflections, and premium lighting
⚡ Framer Motion animations
📱 Fully responsive
🎯 Built with React, Vite & Tailwind CSS
The goal wasn't just to build another landing page :it was to create an immersive experience where motion, depth, and interaction tell the story.
Still polishing the animations and interactions, but I'm really happy with how it's coming together.
What would you improve? 👇
#React #TailwindCSS #FramerMotion #UI #UX #WebDesign #Frontend #Glassmorphism #LandingPage #Pepsi #CreativeCoding #MotionDesign
The floating interface effect actually works here, it reads more like a movie poster than a landing page. How did you handle the scroll-driven storytelling technically, is that all Framer's native scroll effects or did you need custom code for the parallax depth?