European Geological Data
Infrastructure
Improving the User Experience of Map Viewer and Data Search, harmonizing the overall website.
The Challenge
Bridging the gap between complex geological backend data and intuitive frontend interactions. The goal was to reduce user cognitive load while maintaining functionality for the Map Viewer and Search tools.
Framework & Process
Stakeholder interviews, User Interviews, and audit.
User Personas, Journey Maps, and User Stories.
Low-fidelity, High-fidelity wireframes and Prototyping.
Usability testing, A/B testing, Iteration, development alignment
Research Insights
Through desk research and interviews, 2 key friction points were identified in the process:
User Complexity
Geologists required high-density data, while policy-makers needed quick, high-level visualizations. The solution had to fit for both without overwhelming either.
Search Friction
Research showed that users struggled with current functionality. We implemented "Theme" based exploration to bridge the gap between terminology and data discovery.
The Solution
A harmonized entry point featuring "Quick Access" to Map Viewer and Data Search, using high-fidelity imagery.
Introduced advanced filtering, "Result Cards" and Preview that display metadata, sources, and validity quickly.
Simplified layer management by introducing Layer Control Panel and Layer Catalogue.
01 Homepage
Before
After
Strategic Home Page Entry Points
The Home Page provides two primary entry points for immediate access to core platform functionalities: Data Search and Map Viewer. These access modules are designed for returning users, such as geologists and researchers, who require direct paths to specialized tools.
Thematic Discovery & Navigation
For broad data exploration, users can browse via Scientific Themes. This high-level overview allows for intuitive topic-based discovery. Selecting a specific theme directs the user to a dedicated Introduction Page, which showcases detailed resources and context-specific entry points to both Data Search and Map Viewer.
Platform Onboarding
A dedicated "Why Data is Important" section serves as an educational hub, featuring platform introductions and multimedia content. It has various advantages, such as first-time users can quickly grasp the scope of available resources, it provides a clear context for the infrastructure's technical capabilities, and it communicates the platform’s value proposition effectively.
02 Data Search
Before
After
The Solution: 3-Column Architecture
Following three rounds of iteration, a three-column interface was developed for the Data Search module to optimize information density. The layout establishes a logical progression from left to right: Filters, Search Results, and the Preview panel. A visual hierarchy was created to help users navigate complex datasets without cognitive overwhelm.
Advanced Filtering
The filtering system was improved to handle deep technical metadata while maintaining a clean user interface. Geological infrastructure remains accessible and searchable for both expert and non-expert users.
Dynamic Result Preview
The Preview area provides a comprehensive snapshot of metadata without requiring navigation away from the primary search results.
03 Map Viewer
Before
After
Layer Search & Discovery
The new design replaces the infinite menu with a search-and-filter system. Users can efficiently locate specific geological layers through keyword and filtering. Reduced the time spent navigating complex data hierarchies.
Layer Catalogue & Layer Control Panel
A dual-purpose Layer Control Panel was developed to simplify interactions.
The panel acts as a visual staging area, allowing users to track and manage selected layers while continuing to browse the catalogue.
Upon closing the catalogue, the panel transitions into a central command center for data manipulation.
Users can intuitively drag to reorder layers, adjust specific transparency filters, and manage complex spatial views from a single interface.
The Layer Catalogue has the same structural framework as the Data Search module to create a consistent look and feel across the entire platform.
Print Synchronization
The print engine is fully synchronized with the Layer Control Panel to maintain high-fidelity output. This ensures "What You See Is What You Get", allowing the final printed map to accurately reflect the active layers and filters configured during the analysis phase.
“I really enjoyed working with Karina on the EGDI data platform.
Her UX and visual design skills are excellent, but what sets her apart is her ability to truly listen and understand client needs.
She consistently (and nicely) turns complex requirements into clear and effective user experiences.
A young talent any team would value.”
— Francesco Pizzocolo, Senior Program Manager,
TNO, NL