

01.
Goal
Adapting TomTom's product for the new FCA platform, which is used in many modern models of various brands within the Fiat Chrysler.
The product interface, initially designed for personal navigation devices, required a comprehensive overhaul and the addition of new features to ensure seamless integration with embedded navigation systems. Customized changes were sought by each brand, considering the variations in screen sizes and their positioning within vehicles.
Efforts were made to adapt the product for different screen sizes and types, including center stuck screen, cluster, passenger and HUD screens. Emphasizing localization for diverse markets was a key focus, exemplified by the successful implementation of the solution in the Maserati GranTurismo for CSD and cluster functionalities.

In my role as a visual designer, I contributed to shaping various aspects of the navigation system. Particularly, I had a significant impact on enhancing the driving experience by developing critical elements such as next instruction and ETA panels. Whether driving during the day or at night, on highways or the streets of Rome, it was crucial to ensure clear and legible instructions.


02.
Approach
The navigation interface comprised several key components, encompassing destination search, adding stops during navigation, settings, guidance, arrival. One of the key areas of my focus was the comprehensive redesign of a vital navigation element: the next instruction panel.
The usability of this element played a pivotal role in users' ability to execute timely maneuvers, arrive at their destination on schedule, and overall satisfaction with the navigation experience.
As part of the project, we undertook a complete revamp of the next instruction panel. Departing from abstract instruction, we adopted a simplified representation resembling real-life signposts.





To cater to different screens and containers, we developed multiple layouts for this control. These included a highly embellished version providing essential information tailored for clusters, a condensed panel striking a balance between information and panel size, suitable for smaller screens and portrait orientation, such as smartphones. Furthermore, a maximum version was designed to accommodate all available information, primarily used on larger screens. The layouts seamlessly switched based on the target screen and the current state, whether full-screen, on-screen widget, or widget size.

03.
Style
An essential consideration in the design of the driving experience was the visual style. It aimed to be straightforward, emphasizing clear instructions while allowing easy access to additional system features, such as locating places along the route and conveniently adding them as stops. Moreover, it sought to provide advanced visibility of traffic jams ahead, upcoming fuel stations or rest areas.
The chosen style needed to possess the necessary flexibility to adapt to brand requirements and aesthetics, ensuring a seamless integration of the navigation system with the overall vehicle experience.



04.
The outcome
This project held immense significance for both Tomtom and FCA. We collaborated closely with JD Power, seeking their expert opinions on our system and incorporating valuable feedback to drive improvements.
As a result, a greater number of FCA models rolled off the production line with this product onboard. Additionally, the final product garnered positive feedback from JD Power, validating its effectiveness.
I am proud of my contribution to this project, particularly in my work on one of the key navigation elements.
