TechCoderHub LogoTechCoderHub
← Back to Projects

Automotive HMI

Reamon Automotive Console UI

Automotive infotainment and vehicle-control console built with Qt/QML for camera, navigation, climate, media, tire pressure, and power controls.

QtQMLC++Automotive HMI

Outcome

A Reamon-branded vehicle console covering reverse camera, tire warnings, navigation, climate, seat comfort, media, and power-mode controls.

Reamon Automotive Console UI Qt/QML project screenshot

Industry

Automotive HMI

Platform

Qt Quick, C++, In-vehicle Touch UI

Engagement

Automotive console prototype

01

16 console screens

02

Vehicle status and controls

03

Reusable QML dashboard cards

Case study

Problem, approach, and result

The challenge

The interface needed to combine vehicle status, comfort controls, media, navigation, and warning states without making the center console feel crowded.

The approach

Defined a screen system around clear operational states, alerts, and diagnostics.
Separated QML presentation from C++ data providers so live values could be tested independently.
Built reusable control, status, and warning patterns for consistent operator workflows.

The outcome

A Reamon-branded vehicle console covering reverse camera, tire warnings, navigation, climate, seat comfort, media, and power-mode controls.

Deliverables

What this project produced

Qt/QML screen set
C++ integration structure
Dashboard navigation model
Demo video and source handoff

Tech stack

QtQMLC++Automotive HMI

The implementation focuses on maintainable QML composition, C++ integration readiness, responsive screen layouts, and UI states that can be validated against real product data.

Screenshots

Interface gallery

Screens from the project showing core workflows, control surfaces, dashboard states, and interaction patterns.

Reamon Startup Screen Qt/QML interface screenshot

Reamon Startup Screen

Branded loading state for the in-car console before the main dashboard and controls become available.

Reverse Camera And Home Dashboard Qt/QML interface screenshot

Reverse Camera And Home Dashboard

The home view combines a parking camera feed, battery and range card, weather, Spotify playback, tire-pressure notification, and incoming-call status.

Eco Mode Vehicle Settings Qt/QML interface screenshot

Eco Mode Vehicle Settings

Vehicle status and power controls are shown beside the seating layout, with Eco Mode selected and warnings kept visible in the notification column.

Sport Mode Vehicle Settings Qt/QML interface screenshot

Sport Mode Vehicle Settings

The same settings layout switches to Sport Mode, showing how drive modes can change while battery and alert context stays in place.

Normal Mode Vehicle Settings Qt/QML interface screenshot

Normal Mode Vehicle Settings

Normal drive mode is presented as a simple left/right selector in the power-controls card, keeping mode changes quick and readable.

Tire Pressure Detail Qt/QML interface screenshot

Tire Pressure Detail

The tire-pressure screen highlights individual wheel pressure values and warning states so the driver can see which tire needs attention.

Tire Warning With Drive Mode Qt/QML interface screenshot

Tire Warning With Drive Mode

A compact vehicle-status view pairs tire-pressure alerts with Eco Mode controls, range, battery, and notification cards.

Seat Comfort Controls Qt/QML interface screenshot

Seat Comfort Controls

Seat adjustment, heating, ventilation, and climate shortcuts are grouped into a comfort panel for driver and passenger control.

Navigation Route View Qt/QML interface screenshot

Navigation Route View

The navigation screen shows a route map with search, recent destinations, zoom controls, battery range, and persistent vehicle notifications.

Navigation Search Keyboard Qt/QML interface screenshot

Navigation Search Keyboard

A destination-search state with an on-screen keyboard, giving the driver a direct route-entry workflow inside the map view.

Climate And Seat Control In Celsius Qt/QML interface screenshot

Climate And Seat Control In Celsius

Weather, AC direction, fan speed, and individual driver/back/passenger seat temperatures are shown in a climate-control layout.

Climate And Seat Control In Fahrenheit Qt/QML interface screenshot

Climate And Seat Control In Fahrenheit

The same climate screen switches units to Fahrenheit while keeping air control, battery, and seat temperature cards consistent.

Individual Seat Temperature State Qt/QML interface screenshot

Individual Seat Temperature State

Driver, rear, and passenger seat cards show different target temperatures, useful for demonstrating independent comfort zones.

Spotify Playback And Queue Qt/QML interface screenshot

Spotify Playback And Queue

The media screen includes album art, playback controls, queue cards, Bluetooth status, volume, and app selection.

Radio Station Controls Qt/QML interface screenshot

Radio Station Controls

FM radio playback is separated from Spotify, with saved stations, next/previous controls, and a current-station card.

Large Media Player Layout Qt/QML interface screenshot

Large Media Player Layout

A focused media view gives more space to album art, progress, song queue, Spotify source, and volume controls.

Demo and source

Watch the project in action and explore the source code.

Source code

Access the complete project source code, including Qt/QML UI, C++ backend logic, and build configuration.

  • • Full Qt/QML source
  • • C++ backend integration
  • • Build & deployment instructions
View on GitHub

Interested in a similar Qt project?

Share your hardware target, UI scope, Qt version, and delivery timeline. We will provide a practical technical assessment.