Humanitease
Humanitease

Designing a unified web platform to empower NGOs through centralized training, compliance, and environmental tracking.

Humanitease
Humanitease

Designing a unified web platform to empower NGOs through centralized training, compliance, and environmental tracking.

Odda
Odda

Context

Humanitease was born from a shared ambition among several NGOs: to create a digital hub bringing together four essential pillars of their activity: training, resources, compliance, and environmental tracking. Until now, these areas were managed separately through scattered tools, spreadsheets, and emails, leading to inefficiencies, duplicated work, and limited visibility across teams.

Backed by the Ministry of Europe and Foreign Affairs, the project was initiated to design and build, from scratch, a modular, scalable, and accessible platform that could adapt to NGOs of all digital maturity levels. The first phase focused on the Dashboard, Training, and Resources modules, laying the foundations of the platform before expanding to the Screening and Carbon Footprint features in later stages.

Problem Space

During the discovery phase, interviews with NGO project managers and local workers revealed three main issues:

  1. Teams lack a centralized overview of activities and resources.

  2. Training content is scattered across multiple tools, social networks and more, making tracking, onboarding and evaluation difficult.

  3. Environmental tracking for projects and compliance management are often postponed due to tool fatigue and limited time.


Existing solutions were either too complex or too rigid to fit the day-to-day realities of NGO teams, especially those working in the field, with limited access to desktop computers (mobile only).
The focus was placed on the beneficiary experience, not the back-office layer (document or training upload). This allowed us to validate the front-end structure, content accessibility, and user engagement before tackling administrative management features in future releases.



Solution Space

The design process was structured into three major chunks: Strategy, Scope, and Delivery, allowing iterative progress and alignment across stakeholders.

Strategy (Discovery)
I led the discovery phase to identify the core problems and needs of NGOs. This involved stakeholder interviews and qualitative research with NGO project managers and field staff to understand their operational challenges and daily realities.
Two main personas emerged from this work: supervisors (who manage and monitor resources) and end-users (field workers who access and use them).

However, for this first design phase, the study was focused exclusively on end-users, the beneficiaries of the platform. The goal was to simplify their access to essential content as training modules, learning materials, and shared documents while ensuring usability across devices and environments, including those with low connectivity.

From these insights, I defined a set of Jobs To Be Done centered on end-users’ learning and resource needs, helping to align the team around clear product goals and feature priorities for the MVP.

Scope (Solution)
Based on discovery insights, I mapped user flows, edge cases, and feature priorities for the three first modules:

  1. Dashboard
    A welcoming, reassuring entry point introducing the platform and giving quick access to its main features (Training, Resources, Screening, and Carbon Footprint). Designed for clarity, it highlights contextual tutorials and transparency messaging (“Funded by the Ministry of Europe and Foreign Affairs”) to build trust with NGO users.

  2. Training
    A modular learning environment where users can start, continue, or revisit training modules. Each course card displays the topic, duration, and progress, with strong visual feedback and completion tracking to reinforce engagement.

  3. Resources
    A searchable and filterable document library, designed for fast access to key NGO content (security, gender, environment, compliance). The layout was intentionally aligned with the Training module to create a consistent experience across learning and documentation.

All user flows were designed to minimize friction, reduce cognitive load, and accommodate field conditions. Because NGO users frequently operate from mobile devices, the platform was conceived as responsive and mobile-first, with simplified navigation, lightweight content, and clear hierarchy.

Several edge cases were also defined early to ensure real-world reliability:

  • Empty states and onboarding steps for new users on the Dashboard.

  • Interrupted training sessions automatically saving progress locally.

  • Offline or low-connectivity modes ensuring content readability.

  • Fallback messages when a resource becomes unavailable or outdated.

This forward-thinking design approach helped define a scalable, user-friendly MVP capable of serving NGO users in diverse environments.

Surface (Design and Delivery)
Using the Untitled UI Design System as a foundation, I built a scalable, consistent, and accessible interface in Figma. The shared system allowed quick iteration while ensuring strong coherence across modules.
A high-fidelity prototype was then tested with NGO end-users to validate information architecture, accessibility, and overall usability.

Impact

The project is currently under development. NGO users emphasized the value of a single, structured platform for managing both training and resources. Future steps will include the Screening and Carbon Footprint modules and testing the MVP in real NGO environments to measure adoption and usability.

All Works

Quentin Guérandel, Product Designer

08:57:35 AM

© Quentin Guérandel - 2025