MERCEDES-BENZ CLA — CONCEPTUAL WEBSITE REDESIGN This conceptual redesign was created as part of a...MERCEDES-BENZ CLA — CONCEPTUAL WEBSITE REDESIGN This conceptual redesign was created as part of a...
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
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.
Looks great! What about readability though?
Text seems low contrast to me. Although I have a poor vision and most things seem too small and low contrast to me.
Blue means one thing here: the range you are looking at.
The value chart is a row of thin gray bars, and only the selected date range fills in blue. You read the period that matters and keep the months around it as context.
The phone carries the same chart above the holdings list. Each coin gets its own small bar chart between the name and the amount, so you can scan the whole portfolio for movement without opening a single coin.
Trading screens get busy fast. This one stays light and calm, so the numbers lead: total value, realized and unrealized P&L and open positions, all on one screen.