Data Gems

Services

Web App Design, User Flows, Wireframing, Prototyping, Hand-Off

Date

March, 2025

About the project

DataGems is a next-generation dataset discovery and management ecosystem designed to make data findable, combinable and explorable. It leverages advanced data management, natural language processing and machine learning to work with diverse formats, from tables and documents to knowledge graphs and images.

Datagems main image with happy robot, phone closeup and desktop application screen.
Datagems main image with happy robot, phone closeup and desktop application screen.
Datagems main image with happy robot, phone closeup and desktop application screen.

My Role

I was the sole designer responsible for the full design of the DataGems web application, covering design, user flows, wireframing, prototyping and developer Hand-Off.

Over 70 people from multiple countries contributed to the project, each focusing on different components, which made decision-making challenging. My role was to communicate with each group, align on priorities and consolidate requirements into a clear, unified vision.

Based on these insights, I created an initial user-flow diagram, later streamlining it into a shorter, more intuitive path for end users.

Project Outcome

The result is a fully developed and functional DataGems web application, now ready for use by its target audiences.

My work included a detailed style guide for frontend developers, which streamlined implementation and ensured design consistency across all modules.

The final designs and interactive prototype were shared with project partners, allowing teams to align their work, accelerate development and focus on advancing the platform’s data-driven features.

Process - Detailed workflow

Specialists from different countries contributed to the project, each team working on a different component such as natural‑language search, dataset profiling or AI‑assisted exploration.

Many needs were conflicting. My task was to collaborate on meetings, organise different priorities and propose a solution that balanced the most important functions. Coordinating a shared vision was a major challenge.

Specialists from different countries contributed to the project, each team working on a different component such as natural‑language search, dataset profiling or AI‑assisted exploration. Many needs were conflicting. My task was to collaborate on meetings, organise different priorities and propose a solution that balanced the most important functions. Coordinating a shared vision was a major challenge.

Requirements analysis & user flow

After gathering requirements, I drafted a detailed user‑flow diagram covering all user interactions, including natural language search, dataset profiling and AI‑driven recommendations. In subsequent iterations I shortened the flow by removing unnecessary steps, so that users reached relevant data faster. The final flow served as the foundation for wireframes and the prototype.

Wireframes & prototype

Using the flow, I built low‑fidelity wireframes outlining the layout, menus and interactive elements. The app includes features like natural‑language search, dataset profiling and AI recommendations, reflecting the project’s scope. I assembled the screens into a clickable prototype for testing, which could be easily shared with the consortium.

Reflection & learnings

By organising the needs, I delivered a consistent product that met most teams’ expectations while remaining user‑friendly. The large number of stakeholders and geographic dispersion required clear communication structures and patience to reconcile conflicting requirements.

The complete documentation (user flow, prototype, style guide) accelerated implementation and reduced downstream errors. During the implementation I controlled if the implementation is done correctly and carefully checked with the life application reflects the design and behavior

By organizing the needs, I delivered a consistent product that met most teams’ expectations while remaining user‑friendly.

The large number of stakeholders and geographic dispersion required clear communication structures and patience to reconcile conflicting requirements.

The complete documentation (user flow, prototype, style guide) accelerated implementation and reduced downstream errors. During the implementation I controlled if the implementation is done correctly and carefully checked with the life application reflects the design and behavior

Go to

Next Project

Go to

Next Project

Go to

Next Project

© 2025. All rights reserved. Fatcolors.pl

© 2025. All rights reserved. Fatcolors.pl