DCH Map Filtering
datacenterHawk is a real estate intelligence platform that delivers quarterly insights and verified data on 72+ global data center markets. Their platform tracks key metrics such as power capacity, construction costs, and over $200B in hyperscale developments.
Client: datacenterHawk
Role: Lead Product Designer
Duration: 4 Months
Tools Used: Figma, Illustrator, ArcGIS online systems
Team: Worked cross-functionally with product and development
User Persona
Building a map filtering system is essential for users like David Reynolds, a seasoned data center real estate broker who relies on quick, accurate insights to close high-value deals. With multiple clients and markets to manage, David needs a visual, intuitive way to filter by power capacity, construction status, and market availability. A well-designed filtering experience saves him time, reduces risk, and enables confident decision-making—ultimately helping him move faster and maintain trust with his clients. For professionals like David, efficient map filtering isn’t just a feature—it’s a critical tool for staying competitive.
The Challenge
Users were experiencing difficulty navigating the map filtering system, often missing key features or struggling to make adjustments efficiently. While the platform offered robust data, the UI design was limiting discoverability and ease of use.
The Goal
Enhance the filtering experience without overhauling the existing interface—minimizing disruption while improving clarity and usability. The solution needed to surface core features more intuitively and allow users to quickly apply or edit filters with confidence.
Old Filtering
New Filtering
Key Issues that the new design fixes
The previous experience made it difficult to:
-
Easily identify active filters with improved color coding and clearly displayed filter pills.
-
Modify specific filter settings without navigating away from the top-level filter menu
-
Remove individual filters within the filter panel
-
Switch between visualizations (heatmap, bubbles, or logos) seamlessly
-
Automatically focus on relevant data points without needing to manually zoom in
The new design solves these issues by streamlining the filter UI, enabling intuitive filter management, and improving data visualization controls—making the map experience faster, clearer, and more efficient.
The Goal
Through subtle UI adjustments, we prioritized accessibility and interaction clarity. Key filtering tools were visually elevated, labels refined, and spacing optimized to guide users naturally through the filtering process. This approach maintained platform consistency while significantly improving user engagement and task success.
