Automotive UI Design

UI Design / Motion Graphics

Disciplines

3D Production
UI Design
Motion Graphics

Company

HERE Technologies
/ Audi, BMW, and Mercedes-Benz Group

Information

This conceptual automotive user interface and motion design project showcases next-generation applications designed specifically for connected vehicle console displays.

Created for HERE Technologies (a mapping and location data platform joint-venture backed by Audi, BMW, and Mercedes-Benz Group), the project focuses heavily on the unique UX challenges of in-car environments. Because glanceability and driver safety are paramount, the visual hierarchy prioritises information clarity over unnecessary clutter. The resulting concepts blend crisp telemetry data dials, minimalist circular gauge layouts, and real-time 3D vehicle assets to deliver vital metrics intuitively at a single glance.

A minimalist circular dashboard console widget displaying digital weather telemetry, featuring high-contrast blue and yellow ring gauges for 76% humidity, 52% precipitation, and a 15 mph wind speed readout.
A circular automotive console display featuring a blue 3D car model centered on an illuminated radar compass grid, tracking real-time localized weather data and environmental direction.
Weather App UI
A high-fidelity HMI design asset showcasing a blue 3D car model positioned on a glowing cyan and crimson concentric radar tracking compass grid, featuring a dynamic dotted path trajectory arc against a dark grid floor.

Future Dash Display Concept

UI Design / Motion Graphics

Disciplines

3D Production
UI Design
Motion Graphics

Company

HERE Technologies
/ Audi, BMW, and Mercedes-Benz Group

Information

Designing for panoramic automotive screens requires a strict adherence to grid systems and glanceable data visualization. This digital dash concept, developed for HERE Technologies (Audi, BMW, and Mercedes-Benz Group), showcases a unified telemetry and mapping system built on a low-key, high-contrast dark aesthetic.

The UI architecture leverages a continuous horizontal axis to represent time and distance along the current route. A clean linear timeline tracks the vehicle’s progress relative to upcoming urban environments and service icons. Positioned cleanly next to vital instrument cluster diagnostics (including RPM and speed indicators), this panoramic layout demonstrates how cinematic motion graphics can enhance spatial awareness and elevate the modern connected vehicle user experience.

A wide panoramic infotainment layout showing blue digital gauge rings for RPM and 53 mph speed indicators on the left, transitioning into a horizontal journey timeline tracking a car icon across an upcoming minimalist skyline.
A wide digital dashboard screen concept displaying an interactive horizontal navigation timeline tracking upcoming urban destinations, accented with translucent grey skyscrapers, bright cyan buildings, and interactive point-of-interest markers.
A detailed wide-screen dashboard layout tracking the final stretch of a route, featuring an amber triangular alert warning indicator on a vertical node next to large glowing cyan structures and localized service logos along the baseline timeline.
An extreme close-up look-development frame focusing on the central section of a panoramic digital dashboard screen, showcasing illuminated cyan building structures against a soft gradient glow.
A medium studio render tracking across the full-width infotainment screen asset, highlighting the horizontal progress timeline and the contrast between the dark grid layout and the bright cyan architectural nodes.
A low-angle cinematic style frame looking across a minimalist car dashboard towards the active full-width digital navigation display, highlighting the screen integration with the vehicle interior geometry.
A dark, stylized automotive interior render framing the panoramic navigation screen behind a sleek, wireframe-style steering wheel, showcasing driver-perspective glanceability.
A wide-angle interior cabin concept showcasing a full-width digital dashboard display spanning the entire cockpit, integrated with a circular telemetry gauge console below the main center stack.
A close-up driver-side interior render showcasing the full-width panoramic navigation display behind the steering wheel, accented by an illuminated circular touch interface on the lower center console.
A symmetrical interior studio frame emphasizing the integration of digital displays within the dashboard architecture, framing the panoramic skyline UI directly through the minimalist steering wheel.
A three-quarter view of the vehicle cockpit highlighting the geometric flow of the dashboard design, showcasing the full-width screen real estate and the glowing radar widget on the console.
A wide cinematic look-development frame captured from the passenger side of the cabin, highlighting lens flares across the sleek dashboard surfaces and the continuous stretch of the panoramic display.
A wide-angle interior profile shot of the vehicle cockpit, blending a dark, minimalist aesthetic with high-end digital dashboard concepts and subtle volumetric light rays filtering through the cabin.
A close-up studio render showcasing the side profile of a dark sports car concept, blending subtle translucent wireframe overlays with volumetric purple and blue rim lighting on the hood and wheels.
A wide exterior asset study from image_e7c804.jpg featuring a high-performance coupe with a prominent rear spoiler, highlighting x-ray chassis transparency, mechanical wheel details, and dynamic lighting falloffs.

Holographic Automotive

UI Design / Motion Graphics

Disciplines

3D Production
UI Design
Motion Graphics

Information

This experimental phase focuses on look-development for future vehicle telemetry interfaces, exploring the boundaries of real-time 3D design. The primary goal was to establish a versatile production library of aesthetic techniques, tactile emissive materials, and atmospheric lighting setups to serve future conceptual HUD projects.

Built entirely within Cinema 4D, rendered via Octane, and composited using After Effects, the style explorations focus on generating complex, glowing wireframe wire-mesh models. The studies contrast low-poly mechanical buggy assets on a tracking grid against an intricate, full-scale coupe diagnostic model. By treating the vehicles as multi-layered digital holograms with chromatic aberration, fine vector data labels, and distinct red and blue warning overlays, these concepts bridge the gap between abstract motion graphics and functional sci-fi UI.

A 3D look-development style frame of an experimental off-road buggy vehicle model built with a fine wire-mesh shader, showcasing a bright blue glowing selection highlight overlay on its rear wheel assembly and axle telemetry data points.
A clean, high-contrast monochrome 3D wireframe render of a mechanical buggy asset positioned on an illuminated laboratory coordinate floor grid, featuring minimalist UI vector floating data bars.
An angled, perspective look-development frame featuring a full-size passenger car styled as a dense blue glowing digital hologram with red edge-tracing telemetry lines, exposing interior cabin components like the steering wheel and seats.
A front three-quarter studio render of a highly detailed automotive model built out of a glowing blue wiremesh layer, set inside a dark digital laboratory environment with purple background overhead lighting panels.