Previous page

Product Detail Pages Revamp


November-December 2024
-    Client: TomTom
-    Role: UI designer
-    Links:   -    Junction Analytics
  -    Orbis Maps for Automation
   -    Historical Traffic Volume

The redesign of TomTom's Product Detail Pages (PDPs) focused on improving the header component. Based on UX research insights, the header was identified as a critical area for improvement to enhance usability and visual impact.

  


Header

Key Header Redesign Features:

  • Two Header Options:
    1. Full-Width Image Header: Designed for simple, high-quality images to create an immersive visual experience.
    2. White Background Header: Developed for complex or detailed images, ensuring clarity and focus.
  • Improved Information Layout: call-to-action buttons, were strategically positioned for easy access.
  • Responsive Design: Both header styles were optimized for seamless viewing across devices.










Outcome:

The redesigned headers provide flexibility and adaptability to different product types, enhancing the visual appeal and usability of TomTom's PDPs. Users now experience a cleaner and more consistent interface, leading to better engagement and informed decision-making.