Sonke Gender Justice

Homepage Redesign • UX/UI Case Study

Reimagining Sonke Gender Justice


A strategic homepage redesign focused on emotional storytelling, accessibility, and community engagement.


This redesign focused on transforming a dense informational experience into a modern, emotionally engaging platform that encourages action, accessibility, and community participation.


Creative Director

Leah Knipe

Disciplines

Creative Direction · Digital Storytelling · UX/UI Design

Creative Direction · Digital Storytelling · UX/UI Design

Project Duration

2 Weeks

Live Website Preview View Live Experience

Live Website Preview View Live Experience

Live Website Preview View Live Experience

First
Second
Before
After

THE PROBLEM

The Challenge

The original homepage contained valuable information, but lacked visual hierarchy, emotional engagement, and clear user pathways. Important campaigns, resources, and calls-to-action were difficult to navigate, reducing clarity and interaction.

First
Second
Before
After

NAVIGATION REDESIGN

Simplifying Navigation

The navigation was redesigned to create clearer pathways, improve accessibility, and strengthen donation visibility while maintaining the organisation’s identity.

First
Second
Before
After

HERO REDESIGN

Creating Emotional Entry Points

The homepage hero was redesigned to immediately communicate the organisation’s mission through cinematic imagery, bold typography, and action-focused messaging.

NEW SECTION

Why This Matters

Gender justice affects communities, families, education, healthcare, and human rights. This section was introduced to emotionally contextualize the organisation’s mission before users engage with deeper content.

First
Second
Before
After

FEATURED CAMPAIGNS

Action-Led Campaign Engagement

Campaign cards were redesigned to create clearer participation pathways through more intentional UX writing and stronger visual storytelling. Instead of generic “Read More” buttons, campaign CTAs were rewritten to feel more human, emotional, and action-oriented.

First
Second
Before
After

IMPACT IN ACTION

Structuring Key Focus Areas

The organisation’s core focus areas were redesigned into a more interactive and accessible experience, improving readability, navigation, and user engagement through simplified content, focused imagery, and action-driven calls to action.

NEW SECTION

GET INVOLVED

A new participation-focused section was introduced to create clearer pathways for volunteering, partnerships, and advocacy support.

NEW SECTION

Real Impact In Numbers

Impact statistics were simplified and restructured to improve readability while reinforcing organisational credibility and reach. The redesign reduces cognitive overload while maintaining impact visibility.

NEW SECTION

Human-Centered Storytelling

A new testimonial section was introduced to create emotional trust, authenticity, and stronger community representation throughout the experience.

First
Second
Before
After

NEWS & IMPACT

Editorial News Experience

The news section was redesigned using stronger visual hierarchy, clearer article previews, and more modern editorial layouts. The redesign improves discoverability and encourages deeper engagement with organisational updates.

First
Second
Before
After

HOW WE WORK

How We Create Change

Operational and advocacy pillars were transformed into a cleaner icon-based system to improve scanning, consistency, and readability.

First
Second
Before
After

STORIES OF IMPACT

Real Stories. Real Impact.

Community stories were redesigned using more emotional imagery and clearer editorial structure to strengthen connection and readability.

First
Second
Before
After

SUPPORT & HOTLINE

Accessing Support Safely

Support pathways were redesigned to improve visibility, accessibility, and trust through clearer emergency information and stronger CTA hierarchy.