Infotainment system Design

Type: Independent collaborative exploration

UI/UX Design | Automotive Interface | Experience Design | Interaction Design | Prototyping

Reimagining the Infotainment Experience for an EV

A collaborative project that aimed at creating an enhanced infotainment system the Porsche Macan EV. The project involved analyzing the existing interface and to identify gaps and opportunities and design an intuitive and aesthetically cohesive experience for driver and passenger comfort.

Role: Research, Ideation and Design (Shared roles in a team of two)

Tools used : Figma | Photoshop | Illustrator

Duration: 1.5 weeks | 2023

Infotainment system Design

Type: Independent collaborative exploration

UI/UX Design | Automotive Interface | Experience Design | Interaction Design | Prototyping

Reimagining the Infotainment Experience for an EV

A collaborative project that aimed at creating an enhanced infotainment system the Porsche Macan EV. The project involved analyzing the existing interface and to identify gaps and opportunities and design an intuitive and aesthetically cohesive experience for driver and passenger comfort.

Role: Research, Ideation and Design (Shared roles in a team of two)

Tools used : Figma | Photoshop | Illustrator

Duration: 1.5 weeks | 2023

Infotainment system Design

Type: Independent collaborative exploration

UI/UX Design | Automotive Interface | Experience Design | Interaction Design | Prototyping

Reimagining the Infotainment Experience for an EV

A collaborative project that aimed at creating an enhanced infotainment system the Porsche Macan EV. The project involved analyzing the existing interface and to identify gaps and opportunities and design an intuitive and aesthetically cohesive experience for driver and passenger comfort.

Role: Research, Ideation and Design (Shared roles in a team of two)

Tools used : Figma | Photoshop | Illustrator

Duration: 1.5 weeks | 2023

Challenge

The automotive industry is undergoing a major transformation with the rapid shift toward electric vehicles (EVs). However, many infotainment systems still resemble those of traditional, non-EV vehicles and fail to fully respond to the evolving needs of EV users.

For the Porsche Macan, an anticipated EV release at the time, the infotainment system already featured a high-resolution touchscreen, smartphone integration, and advanced navigation. Yet, user reviews and secondary research highlighted issues:


  • The layout lacked intuitiveness, making it harder to find or access functions quickly

  • The interface wasn’t seamless or adaptive to EV-specific needs

  • Overall accessibility and user experience fell short of what a luxury EV brand should deliver

The challenge was to redesign the system to bridge EV-specific functionality with Porsche’s luxury user experience, making it intuitive, accessible, and future-ready.


Challenge

The automotive industry is undergoing a major transformation with the rapid shift toward electric vehicles (EVs). However, many infotainment systems still resemble those of traditional, non-EV vehicles and fail to fully respond to the evolving needs of EV users.

For the Porsche Macan, an anticipated EV release at the time, the infotainment system already featured a high-resolution touchscreen, smartphone integration, and advanced navigation. Yet, user reviews and secondary research highlighted issues:


  • The layout lacked intuitiveness, making it harder to find or access functions quickly

  • The interface wasn’t seamless or adaptive to EV-specific needs

  • Overall accessibility and user experience fell short of what a luxury EV brand should deliver

The challenge was to redesign the system to bridge EV-specific functionality with Porsche’s luxury user experience, making it intuitive, accessible, and future-ready.


Challenge

The automotive industry is undergoing a major transformation with the rapid shift toward electric vehicles (EVs). However, many infotainment systems still resemble those of traditional, non-EV vehicles and fail to fully respond to the evolving needs of EV users.

For the Porsche Macan, an anticipated EV release at the time, the infotainment system already featured a high-resolution touchscreen, smartphone integration, and advanced navigation. Yet, user reviews and secondary research highlighted issues:


  • The layout lacked intuitiveness, making it harder to find or access functions quickly

  • The interface wasn’t seamless or adaptive to EV-specific needs

  • Overall accessibility and user experience fell short of what a luxury EV brand should deliver

The challenge was to redesign the system to bridge EV-specific functionality with Porsche’s luxury user experience, making it intuitive, accessible, and future-ready.


Research & Insights

We began by mapping the stakeholder ecosystem, identifying individuals, groups, and organizations both influencing and influenced by the functional infotainment system.

Our primary focus, however, was on core users — the drivers themselves. We conducted a survey targeting frequent drivers (with emphasis on the 25–35 age group, along with some older participants). The aim was to uncover both strengths and shortcomings in their current infotainment interactions.

Research & Insights

We began by mapping the stakeholder ecosystem, identifying individuals, groups, and organizations both influencing and influenced by the functional infotainment system.

Our primary focus, however, was on core users — the drivers themselves. We conducted a survey targeting frequent drivers (with emphasis on the 25–35 age group, along with some older participants). The aim was to uncover both strengths and shortcomings in their current infotainment interactions.

Research & Insights

We began by mapping the stakeholder ecosystem, identifying individuals, groups, and organizations both influencing and influenced by the functional infotainment system.

Our primary focus, however, was on core users — the drivers themselves. We conducted a survey targeting frequent drivers (with emphasis on the 25–35 age group, along with some older participants). The aim was to uncover both strengths and shortcomings in their current infotainment interactions.

Two central questions emerged during this stage:

  • How much do drivers interact with the system during their journey?

  • Are they able to find what they’re looking for quickly and effectively?

The findings showed that most users described their interaction level as medium. They felt the system “worked,” but not seamlessly.

Two central questions emerged during this stage:

  • How much do drivers interact with the system during their journey?

  • Are they able to find what they’re looking for quickly and effectively?

The findings showed that most users described their interaction level as medium. They felt the system “worked,” but not seamlessly.

Two central questions emerged during this stage:

  • How much do drivers interact with the system during their journey?

  • Are they able to find what they’re looking for quickly and effectively?

The findings showed that most users described their interaction level as medium. They felt the system “worked,” but not seamlessly.

Pain points and Summed-Up Insights

  • Most users report a medium level of interaction but face notable usability hurdles, leading to excessive clicks and scrolling to reach core functions

  • Navigation is mostly average, with a substantial portion finding it merely passable or difficult

  • The majority struggle to quickly locate desired information; only about one-third achieve this easily due to cluttered layouts or scattered options

  • Icons are sometimes too small or hard to locate quickly, indicating a clear desire for a more engaging and visually appealing interface

What users want:

  • Improved accessibility

  • Larger, clearer icons

  • A more engaging and attractive interface

  • Simpler navigation with less searching and fewer menu tiers

  • Fewer divisions and reduced scrolling

  • Features like a passenger screen for enhanced use


Pain points and Summed-Up Insights

  • Most users report a medium level of interaction but face notable usability hurdles, leading to excessive clicks and scrolling to reach core functions

  • Navigation is mostly average, with a substantial portion finding it merely passable or difficult

  • The majority struggle to quickly locate desired information; only about one-third achieve this easily due to cluttered layouts or scattered options

  • Icons are sometimes too small or hard to locate quickly, indicating a clear desire for a more engaging and visually appealing interface

What users want:

  • Improved accessibility

  • Larger, clearer icons

  • A more engaging and attractive interface

  • Simpler navigation with less searching and fewer menu tiers

  • Fewer divisions and reduced scrolling

  • Features like a passenger screen for enhanced use


Pain points and Summed-Up Insights

  • Most users report a medium level of interaction but face notable usability hurdles, leading to excessive clicks and scrolling to reach core functions

  • Navigation is mostly average, with a substantial portion finding it merely passable or difficult

  • The majority struggle to quickly locate desired information; only about one-third achieve this easily due to cluttered layouts or scattered options

  • Icons are sometimes too small or hard to locate quickly, indicating a clear desire for a more engaging and visually appealing interface

What users want:

  • Improved accessibility

  • Larger, clearer icons

  • A more engaging and attractive interface

  • Simpler navigation with less searching and fewer menu tiers

  • Fewer divisions and reduced scrolling

  • Features like a passenger screen for enhanced use


Streamlining the Information architecture

The detailed study of the existing Porsche Macan infotainment system to identify pain points and accessibility issues made us realise that several features were buried within multiple layers, making them difficult to access.

After also looking at a broader spectrum of electric vehicles we formulated an information architecture that seamlessly aligns with the evolving landscape, promising a intuitive experience.

The hierarchy of menus was streamlined to reduce cognitive load, ensuring that frequently used functions could be accessed quickly.

Streamlining the Information architecture

The detailed study of the existing Porsche Macan infotainment system to identify pain points and accessibility issues made us realise that several features were buried within multiple layers, making them difficult to access.

After also looking at a broader spectrum of electric vehicles we formulated an information architecture that seamlessly aligns with the evolving landscape, promising a intuitive experience.

The hierarchy of menus was streamlined to reduce cognitive load, ensuring that frequently used functions could be accessed quickly.

Streamlining the Information architecture

The detailed study of the existing Porsche Macan infotainment system to identify pain points and accessibility issues made us realise that several features were buried within multiple layers, making them difficult to access.

After also looking at a broader spectrum of electric vehicles we formulated an information architecture that seamlessly aligns with the evolving landscape, promising a intuitive experience.

The hierarchy of menus was streamlined to reduce cognitive load, ensuring that frequently used functions could be accessed quickly.

Final information architecture with insights incorporated

Design Ideation

The visual design had to retain Porsche’s established brand identity, including the color palette, typography, and overall communication style. A cohesive visual system was defined to balance luxury aesthetics with functional clarity. The approach ensured that the interface maintained the premium feel expected of the Porsche brand while remaining practical and intuitive for users.

Design Ideation

The visual design had to retain Porsche’s established brand identity, including the color palette, typography, and overall communication style. A cohesive visual system was defined to balance luxury aesthetics with functional clarity. The approach ensured that the interface maintained the premium feel expected of the Porsche brand while remaining practical and intuitive for users.

Design Ideation

The visual design had to retain Porsche’s established brand identity, including the color palette, typography, and overall communication style. A cohesive visual system was defined to balance luxury aesthetics with functional clarity. The approach ensured that the interface maintained the premium feel expected of the Porsche brand while remaining practical and intuitive for users.

The final screens

  • Key screens were designed to demonstrate the new flow and visual system

  • Home Screen: Showed essential information including battery percentage, date and time, 360° car view, air quality, and location

  • Left-Side Menu: Provided quick access to Home, Navigation, Music, Charge, and Car Settings

  • EV/Charge Screen: Displayed electricity usage, battery status, speed, range, and energy consumption

  • Settings Screen: Focused on simplified and cohesive interactions

The final screens

  • Key screens were designed to demonstrate the new flow and visual system

  • Home Screen: Showed essential information including battery percentage, date and time, 360° car view, air quality, and location

  • Left-Side Menu: Provided quick access to Home, Navigation, Music, Charge, and Car Settings

  • EV/Charge Screen: Displayed electricity usage, battery status, speed, range, and energy consumption

  • Settings Screen: Focused on simplified and cohesive interactions

The final screens

  • Key screens were designed to demonstrate the new flow and visual system

  • Home Screen: Showed essential information including battery percentage, date and time, 360° car view, air quality, and location

  • Left-Side Menu: Provided quick access to Home, Navigation, Music, Charge, and Car Settings

  • EV/Charge Screen: Displayed electricity usage, battery status, speed, range, and energy consumption

  • Settings Screen: Focused on simplified and cohesive interactions

A few of the screens that were developed based on the study

A few of the screens that were developed based on the study

A few of the screens that were developed based on the study

Onboarding and basic navigation prototype of the screens developed

Onboarding and basic navigation prototype of the screens developed

Onboarding and basic navigation prototype of the screens developed

Key Takeaways

This project provided a unique opportunity to explore designing a luxury infotainment interface with a focus on usability and intuitive interactions. It reinforced the importance of balancing aesthetics with functionality and highlighted how competitor benchmarking can guide design decisions. The exercise also emphasized the value of accessibility and the need to minimize user effort for frequently used functions.

Future improvements could include real-time user observation and testing to further refine the interface and ensure optimal usability across all scenarios.

Key Takeaways

This project provided a unique opportunity to explore designing a luxury infotainment interface with a focus on usability and intuitive interactions. It reinforced the importance of balancing aesthetics with functionality and highlighted how competitor benchmarking can guide design decisions. The exercise also emphasized the value of accessibility and the need to minimize user effort for frequently used functions.

Future improvements could include real-time user observation and testing to further refine the interface and ensure optimal usability across all scenarios.

Key Takeaways

This project provided a unique opportunity to explore designing a luxury infotainment interface with a focus on usability and intuitive interactions. It reinforced the importance of balancing aesthetics with functionality and highlighted how competitor benchmarking can guide design decisions. The exercise also emphasized the value of accessibility and the need to minimize user effort for frequently used functions.

Future improvements could include real-time user observation and testing to further refine the interface and ensure optimal usability across all scenarios.

Not everything here's polished yet, but the heart of it is here :)

Thanks for visiting!

Not everything here's polished yet, but the heart of it is here :)

Thanks for visiting!

Not everything here's polished yet, but the heart of it is here :)

Thanks for visiting!

Create a free website with Framer, the website builder loved by startups, designers and agencies.