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
I built RacePulse, an interactive broadcast interface for live racing.
The goal was to design a UI that doesn’t just display race data, but responds to it.
An overtake, for example, can trigger multiple changes across the interface:
• The leaderboard updates
• Driver positions swap
• The selected driver changes
• The circuit map highlights the driver
• The event feed records the overtake
I built the experience in Rive, using state machines, data binding, scripting, and interactive components to connect the different parts of the system.
One of the biggest things I explored with this project was how motion can communicate changing information, rather than simply being visual decoration.
The result is a broadcast UI designed around one idea:
One event. One system. Multiple reactions.
I’m continuing to explore the space where product design, motion, and interactive technology come together.
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
Designed a dashboard concept for tracking net worth across every asset type — stocks, crypto, property, pensions, funds, cash, and liabilities — all in one place.
Instead of the usual pie chart or bar graph, the centerpiece is a dial: a single, glanceable gauge showing where your wealth actually sits. Behind it, a quiet grid of every asset category fades in and out of visibility, reinforcing that everything's accounted for even when it's not the focus.
Dark UI, a single confident green accent, and a lot of negative space — built to make a genuinely overwhelming task (seeing your entire financial picture at once) feel calm instead of cluttered.
wow the animation feels super smooth, what is this animation for?
A recent client project I built in Framer ✨
→ Scroll-speed parallax
→ Text effects built with Framer Agent
→ Custom autoplay video sliders
Putting it all together has been the fun part.
Which detail caught your eye? ↓
Scroll-speed parallax is the one that caught my eye, it's a small detail but it makes the whole scroll feel intentional instead of just decorative. Did that come together quickly in Framer or was it more trial and error to nail the timing?
Working on the homepage for Still Blooming, a wedding and floral studio, I explored two different layout directions for the hero section. Same brand, same copy, just a different structure and visual rhythm.
Option 1 : Left Aligned. Text sits on the left with supporting content beside it, giving an editorial, asymmetrical feel.
Option 2 : Centered. Everything is stacked and centered, giving a clean, balanced, more classic hero layout.
Would love your honest UX/UI take which direction feels more elegant, functional, and true to a wedding/floral brand, and why?
22 voted
41%
32 voted
59%
54 votes
Closed
Great Design :)