Product Detail Pages Revamp



November-December 2024

-    Client: TomTom
-    Role: UI designer
-    Links:

   -    Junction Analytics

   -    Orbis Maps for Automation

   -    Historical Traffic Volumes


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.

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.



Component Creation

Header





   

Previous page