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 👇
Looks damn good man!
Thanks bro! Glad you liked it 🔥
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.
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
Thank you for appreciating. I would love to get in touch.
Coooool😍
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
Turning complex AI workflows into a calm, monochrome experience, brought to life with motion. We'd love to hear your thoughts!
Jordan Reid - Sportswear Brand Identity
Like the logo direction
Rectraa helps sales teams extract, classify and organize leads collected through WhatsApp. I designed and developed its marketing website to explain the product clearly, demonstrate its workflow and encourage visitors to try it.
Project information:
Role: Website Designer & Framer Developer
Scope: Website strategy, UI design, responsive design and development
Tools: Figma and Framer
Deliverable: Responsive SaaS marketing website
High end design
