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
An experiment exploring how to visually communicate design impact through a draggable before/after slider. Built to test the interaction and motion feel of scrubbing between two states of a design, it uses a small format to show transformation at a glance 😊
The compact format is doing a lot of work—the draggable reveal makes the improvement immediately legible, while the consistent card rhythm keeps the comparison easy to scan.
thank you, it was an idea
Using red for the manual, error prone rows and green for the automated ones is doing most of the persuading here, you get the point before you even finish scrubbing the slider.
exactly!
Love this showcase Diana! 🚀
thank you!
Amazing work
thank you!
The scrubbing interaction is such a clever way to show before/after without switching between two screens. Letting users control the reveal makes the impact feel much more real.
i think the same, thank you!
Brilliant work! 🥂
thank you!
Brilliant interaction design, Diana! Using a draggable slider to physically feel the before/after ROI of automation is way more engaging than a static table. Super smooth UI execution! 🚀
thank you!
I hope 😊
scrubbing those sliders is weirdly addictive
ahaha I understand u 😄
A draggable before and after is such a smart way to show impact, you feel the improvement instead of being told about it. Interaction as proof. The compact format keeps it honest too, no room to oversell.
agree!
Nice slider! 👍
thank u!
I like how the design makes you feel the difference, not just see it.
thank u!
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
there are tons of cool things in our latest template
just one of them: team section interaction
get it for free → https://startfrom.co/templates/lapse
This is amazingggg
Just created a Framer website preloader with 2 options to choose from. The difference is the sequence of what appears first and the reveal animation. I made two options because I can’t choose which is best lol. What’s your favorite, Option 1 or 2?
BTW if you want this for free (normally $12), like it on the Framer Marketplace (on this link) and comment here so I know, and I’ll send it to your DM.
20 voted
48%
22 voted
52%
42 votes
Closed
Option 1 feels better than Option 2 for me
XDUNE — Off-Road Adventure Landing Page
A bold landing page concept built around speed, freedom, and off-road adventure 🔥
The visual direction combines desert landscapes, oversized typography, and a dynamic vehicle composition to make the experience feel energetic from the first screen
Special attention was given to:
• Strong action-focused hero composition
• Bold typography and clear hierarchy
• Desert-inspired visual atmosphere
• Adventure-focused CTA
• Responsive mobile experience
• Simple and clean navigation
The result is a high-energy landing page that feels fast, adventurous, and made for people who want to get off the road
Looking to create a bold website for an automotive, outdoor, or adventure brand? Let’s connect 🚀
love the vibe