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
Shopify Ecommerce Website
Project Link: https://mindmountainco.com/
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
This project is my personal portfolio website, built with Squarespace. I created this website to establish my online presence as a freelance designer and create a space where I can share my future projects. The process allowed me to explore Squarespace’s design capabilities while building the foundation of my studio website.I used Finish Layer features throughout the website, including Block Animations and custom font uploads. These tools helped me customize the experience and build the visual direction of the website without using custom code.😊
here my websites link: https://www.slnvisuallab.com/
I like the unique color picks and presentation with animations Selin! And the visual style you picked is amazing. But there is a long white screen at the end just to let you know!
Which layout for Case study highlights grid looks better 🤔
62 voted
67%
31 voted
33%
93 votes
Closed
Option one just flows better.
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?