User engagement with the Skyscanner Map experience was disappointingly low, with only 25% interaction on desktop and a mere 6.9% on the app. Typically used by users who browse it indicated a significant usability issues. Upon closer examination, several key problems emerged. The map's cluttered design overwhelmed users with excessive information, hindering their ability to effectively search, discover, and narrow down travel options. Users struggled to interact with the map due to unclear visual cues, feedback mechanisms and pin clustering logic.

To combat these issues, the goal was to prioritise decluttering and visual clarity on the maps.

This involved implementing a collaborative horizontal alignment. This project had enriched our Backpack Design System library with new colour tokens and map components. I designed a new Google Map skin with a streamlined colour palette complementing Skyscanner's branding and introducing a clear visual hierarchy. With a focus on interaction, an intelligent clustering logic was implemented for a smoother experience alongside visual affordance and feedback mechanisms.