Terre des Hommes × Here I Am Studio · Research, IA & accessible design

Designing an accessible multilingual platform, and one brand across eight hubs

The Safeguarding Resource and Support Hub helps organisations across the humanitarian and development sector prevent sexual exploitation, abuse and harassment. I ran the user interviews and usability testing, contributed to the new information architecture, and owned most of the accessible design — with the Here I Am Studio design team.

The redesigned RSH homepage: a search-led hero reading ‘Safeguarding starts with knowledge’ with Resources and View more buttons, a navigation of Safeguarding, Resources, Locations, Learn, Support and About, a language switcher, and an illustration of people at a whiteboard among the brand’s geometric shapes.
Research participants, 7 countries
9
Resources
2,000+

Context

A trusted library people couldn’t navigate

RSH was already well recognised and trusted. The content was excellent — more than 2,000 resources across 18 languages, supporting organisations working to reduce the risk of harm.

But it had grown faster than its structure. Eight regional hubs had drifted apart in colour, typography and tone. Search and navigation reflected how the organisation was arranged rather than what audiences needed. And the identity had become technical where it needed to feel supportive.

The brief: turn a deep resource library with a fragmented brand into one coherent system — usable whatever the user’s language, digital confidence, access needs or connection quality.

Two RSH screens on a mobile phone against an amber panel: the home screen with a search field and ‘Safeguarding starts with knowledge’, and a resource page for a safeguarding organisation capacity self-assessment, with the region and language shown.
The Hub on the device most users actually reach for — home, and a resource page with region and language surfaced.

The problem

Built for an ideal user who doesn’t exist

RSH’s primary users are small, under-resourced civil society organisations. Many are on unstable mobile connections, basic devices, or working with limited digital confidence. The existing experience assumed an always-connected, confident user — dense pages, inconsistent interfaces, and friction at every step for everyone else.

Multilingual access made it harder. Users valued the translated and regional content, but non-English resources were difficult to surface, and each regional hub felt like a separate destination rather than part of one global service.

The depth of the library wasn’t the achievement. Making that depth findable was.

“One layout, eight colour treatments, eighteen languages. Every element had to earn the space it took from a translation.”

Research · 7 countries

Nine users, two completely different failure modes

We began with a UX audit of the existing platform — shared work across the design team — mapping where navigation, content structure and multilingual usability were failing before we proposed anything.

I ran the UX interview sessions and synthesised the feedback back to the team, supervised by a senior designer, speaking with existing users in Pakistan, Jordan, Nigeria and Qatar. Interviews were combined with live usability testing, so I watched people use the Hub rather than describe using it.

Two distinct problems emerged:

  • Experienced users who knew exactly what they wanted but couldn’t find it in their language.
  • Newer users who needed guidance through a large, unfamiliar library.

Those findings fed the old-to-new information architecture mapping and a set of user journeys per persona, which I contributed to alongside the design team. I then ran prototype testing with five further users across Ethiopia, Sierra Leone and Bangladesh on real tasks — find, filter, download — and fed the failures back into the design before handover.

Two research artefacts side by side: the RSH UX audit, a heuristic evaluation scoring the global and regional hubs against nine usability criteria; and a set of information-architecture maps showing the site structure before and after, with connecting flow lines.
The heuristic evaluation that scored the global and regional hubs, and the information architecture it fed into.
The redesigned RSH resources listing page: a ‘Resources’ banner, a search field, Filter resources and Sort-by controls, an active ‘Webinars’ filter, and a grid of resource cards each showing a category, an update date, a summary, EN, AR and FR language tags and a View resource action.
The resources listing, rebuilt around filters, visible language tags and previews so people can judge relevance before spending data.

Accessible design

Speed and simplicity, treated as accessibility features

Accessibility was designed into the system rather than applied at the end. The platform was conceived around WCAG 2.2 AA, right-to-left languages, long translated strings and low-bandwidth use — so one underlying system could serve very different audiences and regional contexts.

That meant lightweight layouts, compressed media, offline-friendly formats, keyboard and assistive-technology support, clear focus states, and interactions that hold up regardless of device, ability or digital literacy.

Discovery was rebuilt around what people already know: clearer thematic routes, richer filters, visible language and region on every resource, and metadata and previews so someone can judge relevance before spending data opening a file. On a metered connection, a wasted download is a real cost.

Two desktop renders of the redesigned Hub: an English ‘Our locations’ page on a blue panel, and an Arabic version of the site on a peach panel with the navigation and a mega-menu fully mirrored right-to-left.
One design system across the global site and eight regional hubs — including full right-to-left support.

Design · Regional hubs

One visual instead of many, so the language had somewhere to go

I designed the regional hub pages — the hub locations page and the individual hubs. This is where the central problem of the project lived: eight hubs had been drifting into eight separate destinations rather than one global service.

The brand already defined a colour for each region, so my job wasn’t inventing regional difference. It was building one layout that holds its structure while the colour changes and the copy expands, contracts, or flips direction entirely.

Elsewhere on the platform we used multiple images. On the hub pages I used a single visual built from the brand’s own shapes instead. It’s lighter to load for users on unstable mobile connections. It scales across eight hubs without eight separate image treatments. And it leaves horizontal room for translation — the same paragraph in Amharic or Arabic runs longer than the English, or runs right to left, and the layout has somewhere to go instead of breaking.

Structure stays constant: identical navigation, search and type hierarchy across every hub. The regional colour carries the local identity. One service, eight faces, no fragmentation.

I also designed the resources listing page and the login and create account flow, which had no clearly defined path before.

The RSH Ethiopia regional hub page: a maroon panel carrying the shared navigation and type hierarchy, an ‘Ethiopia’ heading, a single large graphic built from the brand’s chevron shape, and a column of body copy about the Hub with room for longer translated text.
A regional hub page — one layout, one brand shape, the regional colour carrying local identity and space left for the translation to run long.
The RSH account page: an ‘Edit Profile’ tab selected beside Security, with fields for username, email, password, country and language, and an avatar reading ‘AJ’ for the signed-in user.
The account flow — sign-up and profile management given the same clearly defined path as the rest of the platform.

Outcome

One coherent system, built in-house from our designs

A simplified information architecture groups overlapping sections, cuts duplication, and creates journeys across regions, languages and themes — instead of treating each hub as a separate destination.

A multilingual design system holds consistency across the global platform and eight regional hubs while still flexing for local content and right-to-left languages.

RSH’s team developed the live platform in-house from our designs. It’s live at safeguardingsupporthub.org.

Most products are never tested with anyone on a bad connection, in a second language, on a cheap phone. This one was across seven countries — before it shipped.

Safeguarding Resource and Support Hub, for Terre des hommes, with Social Development Direct. Digital platform design: Here I Am Studio. Brand evolution: Never Know Defeat. My role: user interviews and usability testing, contribution to the information architecture, and the majority of the accessible design work, as part of the Here I Am Studio design team.

Let’s build something that holds together.

If you're building a product, a brand, a site — or need all three to finally act like one thing — start with a Launch Audit: three days, a fixed fee, and a clear plan for what to prioritise next.

Get in touch