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
Hey everyone, this is my submission for the @Rive HMI Challenge 🚀
Excited to share my Vehicle HMI (Human-Machine Interface) design, focused on a Boat Dashboard UI built using @Rive.
This project explores a modern marine interface that combines real-time data, navigation insights, and smooth interactive animations to create a seamless user experience 🌊
The experience is designed as a clear flow:
connection → system sync → navigation → monitoring → alerts → control
The interface highlights key elements like speed, fuel, GPS tracking, weather conditions, and risk indicators — all structured to keep the information clear, minimal, and easy to understand.
A major focus of this project is how motion communicates system behaviour. Each animation reflects a state change, helping users instantly understand what’s happening in the system.
Built using State Machine, Data Binding, and Layout in Rive.
Would love to hear your thoughts 👇
That marine dashboard layout is super clean — using motion to signal state changes instead of alerts is the right call for a cockpit UI
Appreciate that, Stephanie! 🙌 Motion felt like a natural fit for a cockpit UI — would love to hear how you approach state feedback in similar systems.
Looks damn good man!
Thanks bro! Glad you liked it 🔥
NAVIRUN HMI SYSTEM
A modern Boat Dashboard UI built with Rive for real-time navigation and smooth interactions.
🔗 Live Preview
Explore the full interactive experience here: https://navirun.framer.website/
Best viewed on desktop for the complete experience.
navirun.framer.website
Navirun HMI
Vehicle HMI — Boat Dashboard UI A modern Human-Machine Interface designed for real-time marine navigation, built using Rive.
really nice! would love to collaborate with you on something
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
Curious: What’s missing in most brand systems, in your opinion?
For me, the brand guidelines system we develop at Heed Collective must be a living document — one that supports the brand in real decision-making, across teams, contexts, and moments of growth.
Building structures that guide how a brand behaves, adapts, and scales across every touchpoint.
What makes it work:
— decision-making logic, not just rules
— flexible systems, not static files
— consistency with room to evolve
We don’t launch brands — we build culture for humans, ethically.
And one thing we always add:
→ Brand Culture Layer — translating strategy into how the brand speaks, acts, and shows up in the world.
Awesome!
looks great
Trending
Notion
Notion isn’t just where you work, it’s starting to work for you. What agents are you building?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
brandguidelines
Brand guidelines are becoming living systems, not static documents. What are you building for your clients?
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?