The redesign focused on creating a clean, accessible modal with intuitive interactions. Key enhancements included real-time location detection, responsive map integration, and smooth transitions between search input, dealer results, and detail views. Micro-interactions—such as hover states, animated marker focus, and feedback on selection—were introduced to enhance user confidence and engagement. Anchored in the new design system, the modal now offers a consistent visual language, improved accessibility, and a more refined experience that aligns with Porsche’s premium digital presence.
Problem
While the previous Porsche Dealer Locator modal served its basic purpose and presented dealer locations clearly, it lacked the level of interactivity and visual feedback expected in a premium user experience. The map pins were static, offering limited engagement when hovered or clicked, which made exploring dealership details feel less intuitive and immersive. As user expectations evolved—and with the rollout of Porsche’s updated design system—there was an opportunity to enhance the locator’s usability, responsiveness, and overall sense of interaction, bringing it in line with the brand’s commitment to refined, user-centric digital touchpoints.
Outcome
The redesigned Dealer Locator modal introduced a more interactive and refined experience, aligning with Porsche’s latest design system. Interactive pins were added to the map, enabling users to hover and click on dealer locations for instant feedback and a smoother exploration process. Each dealer card was designed with distinct default and hover states, enhancing discoverability and adding a layer of visual depth to user interactions. The content within the cards was streamlined to highlight only the most relevant information—such as dealer name, location, and contact options—making it easier for users to scan and act quickly. These enhancements collectively created a more intuitive, visually engaging, and user-friendly journey from discovery to dealership connection.