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
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 within the experience rather than simply sitting on top of a background.
✨ What I explored:
1. AI-generated animated backgrounds
2. Scroll-driven storytelling with multiple Pepsi products
3. Glassmorphism & frosted-glass UI
4. Smooth blur, reflections, and premium lighting
5. Framer Motion animations
6. Fully responsive design
7. 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 work together to tell a story.
I’m still refining the animations and interactions, but I’m really happy with where it’s heading.
What would you improve or add?
#React #TailwindCSS #FramerMotion #UI #UX #WebDesign #Frontend #Glassmorphism #LandingPage #MotionDesign #CreativeCoding
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
We tested Figma's new AI agent on a real page for an actual Settings screen, not a demo. It reads as literally an assistant: clean file, clear prompt, and it helps with UX enhancements and autolayout.
We didn't accept the output as-is. Some of it broke. So we audited what worked, what didn't & why AI didn't replace the design process, it just moved where our attention needed to go!
Really like this take. AI is definitely becoming a great tool for speeding things up, but the design thinking and review part still matters a lot.
When I moved to Portugal, I had a big desire to build something for the community.
As I'm living in a small town called Costa da Caparica, I did some research and found out that the aren't enough information about it on the internet, and many local businesses aren't present online at all.
So I decided to create such a platform for tourists, locals, and digital nomads - a place where I gather information about where to go, what to visit, where to buy what you need, where to find a doctor, a pharmacy, or a surf coach.
I'm planning to add even more features with time, such as local news, info about events, etc. What surprised me is that right after launching the website, a few business owners reached out to me with requests to add their businesses to my platform.
What features would you add to this website to make it even more useful?
Realy like it!
I plan to use this visual system throughout the entire website
Incredible, love it!