200+ keer beoordeeld, gemiddeld starstarstarstarstar sterren

Modern design geworteld in geloof en gemeenschap

Industrie:

Non-profit

Tijdlijn:

1 maand

Impact:

+2.5x meer blogbetrokkenheid

Mission EineWelt non-profit webdesign op meerdere apparaten

Introductie

Mission EineWelt had een missie, maar hun website weerspiegelde die niet. Verouderde lay-outs, verspreide navigatie en inconsistente structuur maakten het moeilijk om hun werk op het gebied van wereldwijde partnerschappen, onderwijs en sociale rechtvaardigheid helder over te brengen. Voor een organisatie met zo’n belangrijk aandachtsgebied was een visuele opfrisbeurt niet genoeg. Wat het vroeg was een volledig non-profit webdesign met een doordachte navigatieherziening.

Via onze samenwerking met partner KUBE Studio leverden we een schaalbare oplossing op. Het resultaat: een strakke UX-basis die het beheer van inhoud makkelijker maakt, projecten uitlicht en verhalen goed laat landen. Daarbij kwamen een mobiel-eerst aanpak en toegankelijkheidsverbeteringen zodat de site voor iedereen werkt.

Op zoek naar een non-profit webdesign met mega menu navigatie of een donatiegericht UX-concept dat echt iets doet? Zo pakken wij het aan.

De uitdaging

Mission EineWelt, het centrum voor partnerschap, ontwikkeling en zending van de Evangelisch-Lutherse Kerk in Beieren, had een website die simpelweg niet meer bijhield wat de organisatie deed, over continenten, culturen en thema’s heen. Het werd tijd voor een grondige aanpak van het non-profit webdesign en de navigatiestructuur.

Dit was wat we aantroffen:

  • Te veel inhoud, te weinig overzicht: Decennia aan artikelen, evenementen en programmapagina’s maakten de site zwaar en onoverzichtelijk.
  • Geen duidelijke visuele hiërarchie: Bezoekers vonden belangrijke informatie niet terug omdat die diep begraven lag.
  • Inconsistente huisstijl: Ondanks goede huisstijlrichtlijnen miste het verouderde ontwerp samenhang.
  • Geen sjablonen: Elke pagina was uniek, wat hoofdpijn gaf voor redacteuren en developers.
  • Inhoudschaos: Nieuws, evenementen, donaties, vacatures en partnerschappen stonden verspreid zonder een logische UX-structuur.


Ons doel was een toegankelijk non-profit webdesign met focus op helderheid en gebruiksgemak. We stroomlijnden de navigatie met een mega menu, maakten doneren centraal zichtbaar en zorgden voor een mobiel-eerst aanpak. Mission EineWelt heeft nu een consistente, schaalbare basis die trouw blijft aan het merk en de missie ondersteunt.

Mission EineWelt homepage footer en donatie sectie desktop
Mission EineWelt mobiele weergave partnerkerk Afrika pagina

Het verhaal

KUBE Studio stapte op ons af met een uitdaging: “We hebben een klant met grote ambities en een website die in het verleden is blijven steken. Doen jullie mee?”

Uiteraard. We hadden al eerder met KUBE samengewerkt op complexe digitale projecten en wisten hoe het werkt: slim bouwen, schaalbaar en merktrouw.

Het Mission EineWelt-team vertrouwde ons hun volledige huisstijl toe, lettertypen, logo, kleuren, inclusief het opvallende paars, en stond open voor gedurfde keuzes. Dit non-profit webdesign met navigatieherziening omvatte een donker thema, een vernieuwd mega menu concept en herontwikkelde pagina-indelingen.

Ons doel? Precies drie sleutelschermen ontwerpen als blauwdruk voor de hele website:

  1. Homepage: Duidelijke waardepropositie, toegankelijke informatie en een sterke redactionele uitstraling
  2. Pagina “Partnerkerken in Afrika”: Longform inhoud met modulaire secties en een vaste zijbalk
  3. Evenement detailpagina: Een flexibel sjabloon voor alles van workshops tot kerkconferenties


We richtten ons op een toegankelijk non-profit webdesign dat op alle apparaten werkt, met een mobiel-eerst aanpak. Vanuit merkverkenning en wireframes werkten we stap voor stap naar volledige UI-ontwerpen, voor zowel desktop als mobiel, met doorlopende feedback van KUBE en het Mission EineWelt-team.

Dit herontwerp draaide om helderheid, schaalbaarheid en een moderne gebruikerservaring, inclusief de vernieuwde mega menu navigatie.

Mission EineWelt mega menu navigatie en contactpagina tablet
Mission EineWelt partnerkerken projectenoverzicht non-profit webdesign

Onze aanpak

Concreet: zo pakten we dit non-profit webdesign en de navigatieherziening aan.

1. Een homepage met echte structuur

We schrapten de ruis en richtten ons op vier kernelementen:

  • Wie Mission EineWelt is en wat ze doen
  • Redactioneel nieuws en persberichten
  • Uitgelichte campagnes en donatiemogelijkheden
  • Duidelijke, visuele knoppen om meer te leren, te geven of deel te nemen


We voegden ook een subtiele “urgente melding”-balk toe boven het menu voor tijdgevoelige aankondigingen, wat de pagina direct donatiegericht maakt.

2. Slimme sjablonen, minder gedoe

In plaats van een paar statische pagina’s ontwierpen we modulaire, herbruikbare sjablonen:

  • Herhaalbare inhoudsblokken voor longform verhalen
  • Zijbalkvarianten voor evenementen en partnerprogramma’s
  • Vaste navigatieblokken voor diepe inhoudstructuren
  • Typografie- en witruimterichtlijnen die meeschalen


Deze aanpak zorgt voor consistent ontwerp en soepel inhoudsbeheer, ook voor redacteuren zonder ontwerpkennis, en ondersteunt een toegankelijk non-profit webdesign.

3. Mega menu navigatie die wél werkt

Voor intuïtieve navigatie ontwierpen we een eigen mega menu navigatie concept. Het maakt veelgebruikte secties direct bereikbaar zonder bezoekers te overweldigen:

  • Visuele groepering per type inhoud
  • Ruimte voor gerichte actieknoppen
  • Een strakke rasterindeling op desktop
  • Een mobiel-eerst variant voor gebruik onderweg

4. Huisstijl, maar beter

Het gedurfde paars? We omarmden het. We combineerden het met nieuwe icoongrafiek, modulaire kaarten en typografie die trouw blijft aan de huisstijl maar fris aanvoelt.

Dit herontwerp ziet er niet alleen goed uit. Het levert ook een betere ervaring op voor gebruikers op alle apparaten.

Mission EineWelt evenement detailpagina mobiele weergave
Mission EineWelt mega menu navigatie desktop en tablet weergave

Het eindresultaat

Het voltooide UX-ontwerppakket, opgeleverd in Adobe XD, gaf het developerteam van KUBE alles wat nodig was voor dit non-profit webdesign.

  • Een homepage die gebruikers begeleidt in plaats van overweldigt
  • Sjablonen die ontwerpschuld en dev-inspanning verminderen
  • Mobielvriendelijke indelingen voor elk sleutelscherm
  • Een modulair ontwerpsysteem dat meeschaalt


Met een focus op toegankelijkheid en mobiel-eerst is de vernieuwde Mission EineWelt-site nu makkelijker te navigeren, bij te houden en, wat het meeste telt, te begrijpen.

Mission EineWelt mobiele mega menu navigatie non-profit webdesign
Mission EineWelt donatie sectie en footer desktop non-profit webdesign

Een ontwerpsysteem dat verder reikt dan de homepage?

Laten we praten. We laten je precies zien hoe we complexe inhoudsstructuren aanpakken en stevige ontwerpsjablonen opleveren waar je developerteam blij van wordt. Boek een vrijblijvende videocall van 30 minuten

Hand met een keramische koffiemok op een houten bureau in een Zwols industrieel kantoor, zacht daglicht
Collega loopt door een gang met sterke bewegingsblur in een Zwols industrieel kantoor
Twee collega's staan even stil in een zwartomrande deuropening voor een kort gesprek in een industrieel kantoor Twee collega's lachen tijdens een koffiemoment in de keuken van het Zwolse industriële kantoor
Drie collega's in een gang van een industrieel kantoor, één loopt voorbij met sterke bewegingsblur Collega kijkt in zijprofiel uit een hoog industrieel raam, zacht daglicht op haar gezicht
Collega werkt aan een houten bureau met haar rug naar de camera, grote plant wazig in voorgrond
Schuin van bovenaf van twee paar handen op een houten bureau met koffiemok en MacBook in een Zwols industrieel kantoor

Laten we van je volgende
project een succesverhaal maken!

Vraag een voorstel aan

Vertel wat vastloopt, wat je wilt bouwen, of wat opgelost moet worden. We reageren doorgaans binnen 24 uur.

    Dit formulier is voor mensen met een project. Niet voor bureaus die toevallig hetzelfde doen als wij.

    Plan een call

    //