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
Built this scroll-driven split card after studying many Awwwards-winning websites.
The interaction separates into three panels as you scroll, then flips to reveal custom content, creating a premium storytelling experience that feels smooth and engaging.
Recreating interactions like these is one of the best ways to understand motion design, timing, and user experience at a deeper level.
Built with a focus on performance, clean code, and polished animations.
What do you think?
#Awwwards #GSAP #WebAnimation #CreativeDevelopment #FrontendDeveloper #WebDesign #MotionDesign #InteractiveDesign #LandingPage #JavaScript #Frontend #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
Related posts
Why does a dashboard full of numbers still feel calm?
Bento grids are everywhere, and done right it's not a trend, it's information design. Each cell = one number, one meaning. The grid does the hierarchy for you.
Our three rules for a bento that works:
One idea per cell. Progress, glucose, one task. If a card needs two sentences, it needs two cards.
Mix the scale. One hero cell, a few mediums, one tiny stat, same gap everywhere.
One warm cell. A single card runs warm against the cool, dark screen; it carries the eye, and the rest stay quiet. No neon needed. Grids are calm. Content is loud. That's the whole trick.
Love the three rules. How do you handle this grid when it collapses to mobile without losing the hierarchy?
: One of my favorite recent builds ✦
Theory was designed for a creative studio that needed something bold and editorial without losing clarity or usability.
The part I loved most was figuring out how to make the site feel visually expressive while still giving the portfolio work room to breathe. Lots of strong type, intentional movement, and little custom details throughout.
Designed + developed in Squarespace 7.1 with custom CSS and JavaScript.
The oversized “recent work” type over the project imagery is a lovely touch. Gives the portfolio a real editorial feel.
Ventox — Hypercar Landing Page 🏎️🔥
Ventox is a high-performance automotive landing page concept built around speed, exclusivity, and bold visual storytelling.
The design combines a striking orange hypercar, oversized typography, and a dramatic black-and-orange palette to create an immersive digital experience.
Special attention was given to:
A cinematic hero composition that puts the hypercar in the spotlight.
Oversized typography that reinforces the brand's identity.
Sharp geometric shapes and high-contrast colors inspired by speed.
Performance specifications presented in a clean, structured layout.
A prominent CTA that directs attention to the vehicle.
Responsive mobile layouts with simplified content and intuitive navigation.
The result is a bold automotive experience that brings together premium aesthetics, performance-focused storytelling, and clear navigation.
Looking to create a distinctive website for your automotive or luxury brand? Let's build something extraordinary. ⚡
