Modern design rooted in faith and community

Industry:

Non-profit

Timeline:

1 month

Impact:

+2.5x increase in blog post engagement

Collage of nonprofit website UX redesign and navigation overhaul showcasing project sections

Introduction

Mission EineWelt had a mission, but their website didn’t reflect it. Outdated layouts, scattered navigation, and inconsistent structure made it hard to communicate their work in global partnerships, education, and social justice. For an organization with such an important focus, the site needed more than just a visual refresh, it called for a full nonprofit website UX redesign and navigation overhaul.

Through our collaboration (via our partner KUBE Studio), we delivered a smart, scalable solution. The result? A streamlined UX foundation that improves content management, highlights projects, and makes storytelling seamless. We also integrated features like a mobile-first nonprofit website design and accessibility improvements to ensure the site works for everyone.

Need a nonprofit mega menu design or a donation-focused website UX that drives real impact? This is how we do it.

The challenge

Mission EineWelt, the global partnership center of the Evangelical Lutheran Church in Bavaria, had a website that simply couldn’t keep up with their impactful work across continents, cultures, and causes. It was time for a nonprofit website UX redesign and navigation overhaul.

Here’s what we tackled:

  • Too much content, too little clarity: Decades of articles, events, and program pages left the site bloated and hard to navigate.
  • No clear visual hierarchy: Visitors struggled to find key information as important areas were buried.
  • Brand inconsistencies: Despite solid CI guidelines, the outdated design lacked cohesion.
  • No templates: Every page was unique, creating headaches for editors and developers.
  • Content chaos: News, events, donations, jobs, and partnerships were scattered with no coherent UX structure.


Our goal was to create a clean, accessible nonprofit web design with a focus on clarity and usability. We streamlined navigation with a nonprofit mega menu design, prioritized donation-focused website UX, and ensured the site was mobile-first to meet modern user needs. Now, Mission EineWelt has a consistent, scalable foundation that stays true to their brand and supports their critical mission.

Desktop homepage layout of redesigned nonprofit website with clear navigation menu
Mobile homepage of nonprofit website highlighting campaigns and donation call to action

The story

KUBE Studio came to us with a challenge: “We’ve got a client with big ideas and a website stuck in the past. You up for it?”

Absolutely. Having teamed up with KUBE on complex digital projects before, we knew the drill: build it smart, scalable, and beautifully on-brand.

The Mission EineWelt team trusted us with their full corporate identity (fonts, logo, colors, even their quirky purple) and was open to bold ideas. This nonprofit website UX redesign and navigation overhaul included a dark theme, an innovative mega menu concept, and reimagined page layouts.

Our goal? Design just three key screens to serve as the blueprint for the entire website:

  1. Homepage: Clear value, accessible info, and a strong editorial vibe
  2. “Partner churches in Africa” page: Longform content with modular sections and a sticky sidebar
  3. Event detail page: A flexible template for anything from workshops to church conferences


We focused on creating an accessible nonprofit web design that works seamlessly across devices, using a mobile-first approach. Starting with brand exploration and wireframes, we iterated through full UI designs — desktop and mobile — with constant feedback from KUBE and the Mission EineWelt team.

This redesign centered on clarity, scalability, and a modern user experience, including nonprofit mega menu design to enhance navigation.

Tablet view demonstrating streamlined nonprofit website information architecture
News section of nonprofit website displaying campaigns, press releases and jobs

Our solution

Let’s keep it practical — here’s how we tackled this nonprofit website UX redesign and navigation overhaul:

1. A homepage with real hierarchy

We stripped out the clutter and focused on four key elements:

  • Who Mission EineWelt is and what they do
  • Editorial-style news and press highlights
  • Featured campaigns and donations
  • Clear, visual CTAs to learn, give, or get involved


We also added a subtle “urgent alert” bar above the menu for time-sensitive announcements, making it a true donation-focused website UX.

2. Smart templates, fewer headaches

Instead of designing a few static pages, we built modular, reusable templates:

  • Repeatable content sections for longform storytelling
  • Sidebar variants for events and partner programs
  • Sticky navigation blocks to simplify deep content
  • Typography and spacing guides that scale


This approach ensures consistent design and smooth content creation, even for editors without design expertise, supporting accessible nonprofit web design.

3. A mega menu that doesn’t suck

For intuitive navigation, we implemented a custom nonprofit mega menu design. It surfaces high-traffic sections without overwhelming users by including:

  • Visual grouping by content type
  • “Call-to-action” slots
  • A clean grid layout on desktop
  • A mobile-first nonprofit website version for seamless use

4. Brand, but better

The bold purple? We leaned into it. We paired it with fresh iconography, modular cards, and typography that stays true to their CI while feeling modern and engaging.

This redesign doesn’t just look good; it delivers a better experience for users across all devices.

Mobile screens of nonprofit website highlighting campaigns and donation call to action
Tablet mega menu demonstrating streamlined nonprofit website information architecture

Final results

The finished UX design package (delivered in Adobe XD) provided everything KUBE’s development team needed for a seamless nonprofit website UX redesign and navigation overhaul.

  • A homepage that guides users — not overwhelms them
  • Templates that reduce design debt and dev effort
  • Mobile-ready layouts for every key screen
  • A modular design system built for growth


With a focus on accessible nonprofit web design and mobile-first functionality, the redesigned Mission EineWelt site is now easier to navigate, update, and most importantly, understand.

Mobile mega menu demonstrating streamlined nonprofit website information architecture
Partner churches overview page with sticky sidebar and gallery on nonprofit website

Need a design system that works beyond the homepage?

Let’s talk. We’ll show you exactly how we approach complex content structures and deliver rock-solid design templates your dev team will thank you for. Book a no-pressure 30-min video call

Let’s make your digital
project the next success story.

Tell us where you’re stuck, what you dream of building, or what needs fixing. We’ll reply within 24 hours

    Just a heads-up: we’re not into acquisitions. If you’re not here for our services, please step away from the button :)

    whatsapp-icon