A complete digital identity and platform for WHAN, aligning their online presence with the strength and impact of their work.

About

The Women’s Health Advocacy Network (WHAN) is a charity committed to relieving the needs and protecting the physical and mental health of women and girls who have survived rape or sexual abuse in the UK and beyond.

Services
UX StrategyInformation ArchitectureUI DesignBrand DirectionFrontend Development
Timeline
8 Weeks
Year
2025
WHAN Cover

Structure that reflects the weight of the mission.

WHAN Process
The Challenge

The organisation’s mission carried depth and authority, but its digital representation lacked the clarity and presence required to communicate that strength. The experience did not convey the structural discipline or credibility of the work being done.

The Solution

A refined digital identity was established from the ground up — including logo development, visual system definition, interface design, and structured content architecture. Every element was designed to reflect seriousness, trust, and long-term resilience. The result is a cohesive digital presence that mirrors the power of WHAN’s mission and positions the organisation as a trusted and authoritative destination.

UX ArchitectureEditorial SystemsDesign Strategy

Experience Definition

The experience was defined as a calm, structured gateway into WHAN’s work. The platform needed to feel steady, intentional, and safe to approach — particularly for users navigating sensitive subject matter. Clarity, hierarchy, and legibility were prioritised over visual expression, ensuring the interface supported the content rather than competing with it.

At the same time, the system had to communicate credibility and organisational strength to donors, institutions, and strategic partners. The final framework balances emotional sensitivity with architectural precision, allowing different audiences to access information intuitively while reinforcing trust at every touchpoint.

WHAN Experience
Libre Baskerville Specimen
Libre Baskerville
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Libre Baskerville was used for headings to introduce clarity and authority without feeling rigid or institutional. Its editorial character helps anchor important information and gives weight to sensitive content without appearing aggressive or clinical.

Nunito Sans
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Nunito Sans was chosen for body text for its openness and readability across screen sizes. Its rounded forms create a softer reading experience, reducing visual strain and making longer passages easier to process especially in emotionally sensitive contexts.

Nunito Typography
#225057
#E9D726
#FCF8EF
WHAN Logo Mark

More Than a Logo, A Story in Design

The WHAN logo was created as a story in itself. Inspired by the experience of founder Adama Bah, each stage of the design reflects her journey — from silence and pain, to healing, empowerment, and finally to supporting others.

I was deeply touched by Adama’s story. My goal was to capture her essence, resilience, and beauty, and to visualise her journey step by step — transforming it into art that became the WHAN logo.

And this is how that journey unfolds…

Stage 1
Stage 1

The Seed / Cocoon

Represents the beginning: a girl carrying pain and silence, but also the hidden potential for renewal. Like a seed underground or a cocoon holding transformation, this stage is closed, inward, and waiting for light.

Stage 2
Stage 2

The Blooming Lotus

Strength transforms into compassion. The design reflects light, love, and dignity returning — the survivor beginning to extend care outward.

Stage 3
Stage 3

The Return Of Love

Like a lotus rising through mud, healing begins. The shapes open up, symbolizing resilience and growth. A new self starts to emerge.

Stage 4
Stage 4

Hands of Support

The final emblem incorporates supporting hands, symbolizing WHAN’s mission: survivors supporting survivors, communities lifting each other, and a safe space for healing. This is the WHAN logo today — strong, minimal, and timeless.

Creating the Website

The final interface translated strategy and structure into a refined digital system. Every layout decision, spacing rule, and typographic hierarchy was designed to support clarity while maintaining emotional sensitivity.

Visual restraint was intentional. The design avoids excess and instead focuses on balance, rhythm, and trust. The result is a high-fidelity platform that feels calm, credible, and enduring.

WHAN High Fidelity Screens

High Fidelity Designs

The final phase focused on translating structure into precision. Every interaction, layout rhythm, and spacing system was refined to ensure clarity across devices while preserving emotional sensitivity.

These screens demonstrate the live implementation of the system — responsive, accessible, and built to scale while maintaining the editorial integrity of the brand.

Preview — Live Site
View Live Website

Impact

The redesigned platform helped WHAN present itself with clarity and credibility, directly supporting stronger institutional conversations and funding opportunities.

The new identity improved brand recall — especially the symbolic hands — while significantly simplifying navigation for users seeking trusted information.

↑ Funding
+

Secured High Institutional Support

Strong Recall

Recognisable Visual Identity

Easier UX

Improved Information Access