Audi (Location filter)

Location filter

🔍 Enhancing Search Functionality for a Seamless User Experience

Role: Product designer (UI)

Timeline: 3 months

For this project, I redesigned the app's search functionality, focusing on delivering clarity and control in how users set their search location. 📍 The design introduces an intuitive and visually engaging map interface with a dynamic radius slider, allowing users to refine their search area effortlessly. 

🔑 Key Features

🗺️ Interactive Map View – A clear, engaging map that highlights dealer locations within the selected radius.

📏 Dynamic Radius Slider – A user-friendly slider that allows users to adjust their search area with immediate feedback on coverage.

📋 Detailed List View – A structured list of available dealers, enhancing usability with clear distances and optional filters.

💻📱 Consistent & Responsive Design – Optimized for both desktop and mobile, ensuring a seamless experience across devices.

This project demonstrates my ability to create clean, user-centric interfaces that seamlessly balance functionality with aesthetics, ensuring an intuitive and visually cohesive experience across devices. ✨

_____________________________________________________________________________________

Competitor Analysis

Store Locator & Dealer Selection – UX Flow

This user flow outlines the interaction journey for setting a location and selecting a dealer within an online store. It highlights key decision points, filtering mechanisms, and fallback options to ensure a seamless experience. The diagram also raises essential UX questions regarding real-time updates, selection methods, and edge cases, helping refine the logic and usability of the feature.

Discovery

Components (based on Audi's react library)

Handoff (Guidelines, Annotations & Responsive dictation)

Prototype