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
MERCEDES-BENZ CLA — CONCEPTUAL WEBSITE REDESIGN
This conceptual redesign was created as part of an Envato challenge.
During my research, I discovered an existing website featuring the Mercedes-Benz CLA. I liked its core idea, but saw an opportunity to transform the presentation into a more immersive, modern, and cinematic digital experience.
I created my own visual interpretation and developed an interactive website that introduces the vehicle progressively through motion, depth, and scroll-based storytelling.
My contributions included:
• Complete website experience redesign
• Front-end development with React
• Scroll-triggered animations with GSAP
• UI/UX design
• Cinematic scrollytelling
• Interactive transitions
• Responsive development for desktop and mobile
• Performance optimization
• Build configuration and deployment
The main challenge was balancing visual impact with usability and performance. Each section was designed to guide users through the vehicle’s exterior, interior, technology, and performance while maintaining a continuous visual narrative.
The final result is an immersive automotive website that transforms a traditional product presentation into a memorable interactive experience.
View the live project:
Available for freelance projects involving landing pages, business websites, portfolios, interactive experiences, and custom Front-end development.
This is an independent conceptual project created for portfolio purposes. It is not officially affiliated with or endorsed by Mercedes-Benz.
#WebDevelopment #FrontendDevelopment #ReactJS #GSAP #WebDesign #UIDesign #UXDesign #Scrollytelling #InteractiveDesign #ResponsiveDesign #CreativeDevelopment
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
Challenges
View all
Related posts
A little interactive experiment for Verdant 🌱
Writing unique code for animations makes iterating on reactive micro-interactions so much smoother. It completely transforms how a brand narrative feels in the browser.
Great job
New website for Beer Zombies Brewing Co. 🍺🧟♂️
Designed to be bold, vibrant, and disruptive. This was a fun build because the BZ brand already has such a strong visual identity and personality. Oversized typography, aggressive motion, interactive effects, and a healthy dose of zombie aesthetics. 🤘
www.beerzombies.com
The oversized type and aggressive motion fit the beer-brand attitude perfectly, especially how the green palette carries from the hero into the product details.
My previous poll showed unexpected results (I am very grateful to everyone who took the time to vote and comment 🤍).
Now I am curious about your opinion on the color mode for this hero section. I definitely like a light theme. What about you?
By the way, I made a nice animation for this design. You can see it on my profile
28 voted
54%
24 voted
46%
52 votes
Closed
To be honest the dark mode looks really good