Homescreen Wireframe (Desktop Preview)

Creative Brief — Smart Infotainment

Problem

Drivers need a safe, intuitive in-vehicle interface that combines essential vehicle telemetry, navigation, and media controls with minimal cognitive load. Current systems often overload the user with micro-interactions and inconsistent visual language, increasing distraction risk.

Audience

Primary users are tech-savvy drivers aged 25–55 purchasing mid-to-high-end vehicles; they expect seamless smartphone integration, clear vehicle status, and quick access to navigation and media while minimizing distraction.

Competition

Competitors include established OEM infotainment platforms and third-party solutions (e.g., Android Auto, Apple CarPlay, OEM UIs). Our approach emphasizes minimal visual noise, clear hierarchy, and fast access to core actions.

Key Messages

  • Clear vehicle insight at a glance
  • Quick access to navigation & media
  • Design that prioritizes safety and legibility

Call to Action

Encourage test drives, prototype demonstrations, and pilot installations with partner OEMs.

How to Measure Success

Metrics: task completion time for common tasks, driver glance duration, usability SUS scores, and pilot adoption/feedback from partner fleets.

Sitemap

The sitemap divides the platform into six sections that include Features and Modern Tech Issues and Updates and Support and About and Navigation. The document contains specific subcategories within each section which focus on tech issues that handle sensor malfunctions and screen malfunctions and false alarm occurrences and updates that include software updates and patch notes and upcoming system enhancements. The system provides warranty information through its Support section and enables users to access live chat and features such as maps and voice commands and smartphone connection through its Navigation system...

Sitemap placeholder

Wireframes

The Smart Infotainment system wireframes define its fundamental design structure which represents the first stage of user requirements transformation into visual screen elements. The design of each layout aims to minimize mental effort while providing drivers with immediate access to their essential driving functions. The Music screen focuses on simplicity through its design which includes big controls and organized structure and simple queue system to enable users perform tasks efficiently. The Home screen functions as the system control center which unites vehicle information with navigation and climate control and notification display into one easily viewable dashboard. The Phone screen provides a basic call interface to drivers which includes recent contacts and a simple dial pad arrangement. The design process begins with these wireframes which convert research findings into an operational system which drivers can use to create the base for the upcoming high-fidelity prototype. .

Homescreen wireframe preview
Music — infotainment menu (music screen)
Wireframe mobile 1
Home — Main infotainment menu (Main Screen)
Wireframe mobile 2
Mobile — Phone infotainment menu (Phone Screen and Dail)

Contact

E-mail: triston.lacroix@example.com

About — Smart Infotainment

About This Project

Smart Infotainment is a research-driven UI/UX concept built to merge safety, clarity, and modern aesthetics into one intuitive in-car experience.

Purpose

This project was created to explore modern infotainment layouts that reduce cognitive load while providing immediate access to essential driving functions.

It emphasizes clean visual hierarchy, consistent iconography, and an adaptive layout system using grid and flexbox.

Designer — Triston LaCroix

As a UX-focused digital designer, Triston blends practical human-centered solutions with modern aesthetic principles.

The project reflects research, iteration, and careful interface planning from wireframes to high-fidelity prototypes.