Mission EineWelt UX design project showcasing nonprofit projects
Live website Bij Studio Ubique werkten we samen met KUBE Studio aan de vernieuwde website van Mission EineWelt, een missionair initiatief van de Protestantse Kerk.

De oude website kampte met onduidelijke navigatie, een chaotische structuur en een gedateerd design. Onze uitdaging was om een moderne, gebruiksvriendelijke ervaring te creëren die zowel de kernwaarden van hun merk weerspiegelt als de functionaliteit en helderheid aanzienlijk verbetert.

Doelstellingen

KUBE Studio kwam naar ons met een duidelijke missie: de website van Mission EineWelt moderniseren en vereenvoudigen. Het bestaande platform voelde rommelig en overweldigend aan, waardoor bezoekers moeite hadden om hun weg te vinden.

Onze missie?

  • Een strakke, overzichtelijke en visueel aantrekkelijke website ontwerpen die perfect de kernwaarden en identiteit van Mission EineWelt weerspiegelt.
  • Moderne UX-principes toepassen om de navigatie en gebruiksvriendelijkheid te verbeteren.
  • Een flexibel designsysteem ontwikkelen waarmee het team van KUBE Studio eenvoudig nieuwe secties kan toevoegen en uitbreiden.
  • Een website creëren die toegankelijk en intuïtief blijft, zelfs met een grote hoeveelheid categorieën en content.


Om deze visie tot leven te brengen, hebben we drie essentiële pagina’s ontworpen, samen met een mega-menu dat dient als fundament voor de vernieuwde website.

Mission EineWelt website homepage design with navigation menu

Onze aanpak

1. Homepage

De homepage is zorgvuldig ontworpen om de kernactiviteiten van Mission EineWelt op een toegankelijke en overzichtelijke manier te presenteren. Met een intuïtieve navigatie en een heldere opzet richt de structuur zich op:

  • Een gestroomlijnde header met een opvallende call-to-action voor urgent nieuws of belangrijke projecten.
  • Een korte, krachtige introductie die de missie en visie van Mission EineWelt samenvat.
  • Een informatieve sectie die de belangrijkste focusgebieden van de organisatie belicht.
  • Een dynamische nieuwsrubriek met updates over lopende campagnes, persberichten, donatie-initiatieven en vacatures.
  • Een uitgelichte sectie die de drie meest prominente onderdelen van de website in de spotlight zet.
  • Sterke calls-to-action die gebruikers aansporen om in actie te komen, bijvoorbeeld door te doneren of samen te werken.
  • Een inschrijfmogelijkheid voor de nieuwsbrief en eenvoudig toegankelijke contactinformatie.


De wireframes zijn ontworpen met oog voor detail, waarbij een strak, visueel aantrekkelijk en gebruiksvriendelijk ontwerp wordt gecombineerd met bondige en impactvolle inhoud. Dit zorgt niet alleen voor een optimale gebruikerservaring, maar ook voor maximale betrokkenheid.

Mission EineWelt news section with campaigns, press releases, and job listings
Mission EineWelt footer section with contact info

2. Partnerkerken in Afrika

Mission EineWelt werkt samen met vijf partnerkerken in Afrika en had behoefte aan een speciale ruimte om hun werk effectief te presenteren. Daarom hebben we een uitgebreide, overzichtelijke sectie ontworpen met de volgende functies:

  • Een sticky sidebar voor snelle en gemakkelijke toegang tot contactinformatie.
  • Een duidelijk georganiseerd overzicht van de vijf partnerkerken.
  • Een fotogalerij die de impact van hun initiatieven visueel tot leven brengt.
  • Een cross-linking functie om partnerschappen verder te versterken.
  • Een speciaal onderdeel met bronnen om de Kiswahili-taal te leren.
  • Een sectie die lokale projecten uitlicht die door Mission EineWelt worden ondersteund.
  • Een opvallende donatie-knop om mensen te inspireren bij te dragen aan hun missie.


Met deze verbeteringen biedt de sectie niet alleen informatie, maar nodigt het ook uit tot interactie en betrokkenheid.

Engaging footer layout for Mission EineWelt’s call to action
Partner churches in Africa section on Mission EineWelt website

3. Sjabloon voor evenementblogbericht (evenementdetailpagina)

Om de promotie en registratie van evenementen te vereenvoudigen, hebben we een zorgvuldig ontworpen blogberichtsjabloon ontwikkeld die het volgende biedt:

  • Een duidelijke presentatie van evenementdetails, inclusief een uitgelichte afbeelding, pakkende titel en korte beschrijving.
  • Een gebruiksvriendelijke boekingsknop die aanmelden eenvoudig maakt.
  • Een FAQ-accordeonsectie om veelgestelde vragen overzichtelijk te beantwoorden.
  • Een contactformulier aan het einde om betrokkenheid te vergroten en deelname te stimuleren.

4. Mega menu

Met een uitgebreid aantal pagina’s om te verkennen, hebben we een overzichtelijk en functioneel mega menu gecreëerd om de gebruikerservaring aanzienlijk te verbeteren. Dit ontwerp combineert functionaliteit en esthetiek, zodat bezoekers snel en moeiteloos de informatie kunnen vinden die ze nodig hebben, zonder overweldigd te raken.

Overview of five partner churches in Africa on Mission EineWelt website

Samenwerking met KUBE Studio

Onze samenwerking met KUBE Studio draaide om heldere communicatie en een gestroomlijnde workflow. Samen hebben we een traject doorlopen dat gericht was op kwaliteit en efficiëntie:

  1. Kick-off & planning: we startten met een uitgebreide bespreking van de projectscope, wireframes en branding-elementen. Dit legde een stevige basis voor het verdere proces.
  2. Ontwerpontwikkeling: we begonnen met de homepage om de kern van de visuele stijl vast te leggen. Na goedkeuring hebben we dezelfde ontwerpprincipes toegepast op alle andere pagina’s, wat zorgde voor een consistente look & feel.
  3. Iteratieve feedback: door regelmatige check-ins met KUBE Studio konden we de ontwerpen continu aanscherpen en ervoor zorgen dat ze trouw bleven aan de visie van Mission EineWelt.
  4. Eindoplevering: de uiteindelijke ontwerpen werden in Adobe XD aangeleverd, volledig responsief en geoptimaliseerd voor zowel desktop (1920px) als mobiel (375px/424px).

Eindresultaat

Het resultaat? Een strak, modern en gebruiksvriendelijk ontwerp dat perfect aansluit bij de missie en het werk van Mission EineWelt.

Hoogtepunten:

  • Een intuïtieve en overzichtelijke UX die moeiteloze navigatie mogelijk maakt.
  • Duidelijke en aansprekende CTA’s die betrokkenheid vergroten en donaties stimuleren.
  • Flexibele, schaalbare templates waarmee het team van KUBE Studio eenvoudig nieuwe pagina’s kan creëren.
  • Een fris en eigentijds design dat trouw blijft aan de merkidentiteit van Mission EineWelt.


Deze redesign vormt een solide basis voor een website die niet alleen de missie van Mission EineWelt beter ondersteunt, maar ook de algehele gebruikerservaring verbetert en bezoekers effectiever bedient.

Mission EineWelt event detail page with registration button
Mission EineWelt landscape view design for tablet
Mission EineWelt portrait view design for tablet

Op zoek naar een strategisch UX-ontwerp voor jouw website?


Bij Studio Ubique creëren we UX/UI-ontwerpen die navigatie vereenvoudigen, de gebruiksvriendelijkheid optimaliseren en organisaties helpen een sterke connectie met hun doelgroep te maken. Klaar om jouw project naar een hoger niveau te tillen? Plan nu jouw afspraak!

Onze reputatie

Onze klanten zijn gek op ons, en daar zijn we trots op. Word onze volgende blije referentie!