200+ keer beoordeeld, gemiddeld starstarstarstarstar sterren

Bonusaanvragen makkelijker maken en betrokkenheid vergroten

Industrie:

Non-profit

Tijdlijn:

2-3 weken

Impact:

+23% snellere formulierinvulling op alle apparaten

ver.di ledenportaal webdesign op meerdere apparaten

Introductie

Webdesign voor ledenplatforms klinkt misschien niet als het meest opwindende onderwerp, tot je de schaal ziet. Ver.di, een van Duitslands grootste vakbonden, vertegenwoordigt honderdduizenden leden en had een grondige aanpak van het ledenportaal webdesign lang nodig. Het platform was verouderd, onoverzichtelijk en allesbehalve uitnodigend.

KUBE Studio haalde ons erbij om dat te veranderen. Snel. En met doel.

Ons doel was helder: een modern, responsief vakbond ledenplatform bouwen dat tegelijk informatiecentrum en zelfbedieningsomgeving voor leden is. Door te focussen op de UX van het ledenportaal schrapten we alle ruis en leverden we een overzichtelijke, intuïtieve ervaring op.

De klok tikte. De verwachtingen waren hoog. We rolden onze mouwen op en leverden.

De uitdaging

Stel: je platform heeft duizenden leden. Je biedt jaarlijkse bonussen, een groeiend archief aan campagnes en een backend die… te wensen overlaat. Je wilt dat gebruikers snel vinden wat ze zoeken, en dat ze er misschien zelfs van genieten.

Dat is wat ver.di nodig had voor hun ledenportaal webdesign en UX-modernisering. Wat ze hadden was een lappendeken van losse tools, inconsistente indelingen en geen samenhangend ontwerpsysteem. Het risico: verwarring, lage betrokkenheid, gemiste kansen.

En oh ja, ze hadden een werkend concept nodig voordat hun contactpersoon bij KUBE Studio over drie weken op vakantie ging. Door te focussen op het ledenportaal webdesign leverden we een oplossing op die de functionaliteit stroomlijnde en de gebruikersbetrokkenheid op tijd verhoogde.

ver.di homepage ledenbonusprogramma vakbond ledenplatform desktop
ver.di aanspraakrechtcheck mobiele weergave ledenportaal webdesign

Onze aanpak

We splitsten het project in twee delen: de gebruikerskant (publiek en ledengericht) en de beheerkant (dashboard en backendinterface). Maar eerst pakten we het deel aan dat het meest telde voor de leden: hun ervaring. Het draaide volledig om het ledenportaal webdesign en de UX-modernisering.

Zo deelden we het op:

1. Opstartgesprek en snelle wireframes

We sloten ons aan bij KUBE Studio in een uitgebreid videogesprek om doelen, structuur en vereisten voor dit vakbond ledenplatform te bepalen. Daarna bouwden we de eerste wireframes op basis van hun schetsen in Excalidraw en interne aantekeningen.

2. Landingspagina

Dit was het etalageraam van ver.di. Het moest:

  • Het jaarlijkse bonusprogramma uitlichten
  • Leden laten controleren of ze in aanmerking komen
  • Leden begeleiden naar registreren of inloggen
  • Merktrouw aanvoelen zonder bureaucratisch te worden


We gebruikten krachtige typografie, heldere knoppen en speelse iconen voor structuur en overzicht, zodat ook de mobiele ervaring van het vakbond ledenplatform klopte.

3. Bonusstroom

Voor het onderdeel “Bonus 2023 beantragen” ontwierpen we een intuïtieve aanspraakrechtcheck met slechts twee vragen. Wie slaagde, kreeg een dynamisch formulier te zien om aan te vragen en een bevestiging te ontvangen. Wie niet slaagde, kreeg heldere maar vriendelijke terugkoppeling.

Eenvoudig. Intuïtief. Zonder stress.

4. Ledendashboard

Het ingelogde gedeelte moest een doordacht ledenportaal webdesign opleveren. Het bevatte tabbladen voor:

  • Bonusoverzicht
  • Persoonlijke gegevens
  • Bedrijfsinformatie


We ontwierpen een indeling die mee kon groeien met toekomstige behoeften en tegelijk overzichtelijk en gebruiksvriendelijk bleef.

5. Stijlgids voor developers

Dit was geen traditioneel ontwerpsysteem, maar we leverden wel een flexibel stijlconcept op, inclusief kleuren, indelingen, formulieronderdelen en toestanden, zodat KUBE’s developers het systeem later makkelijk konden uitbreiden.

Door te focussen op het ledenportaal webdesign en de UX-modernisering maakten we van een complex proces een overzichtelijke, gebruiksgerichte ervaring. Of het nu gaat om een vakbond ledenplatform of de website van een andere belangenorganisatie, dit project legde een stevige basis voor verdere doorontwikkeling.

ver.di bonus 2023 aanvraagformulier vakbond ledenplatform tablet
ver.di bonusaanvraag bevestigingsformulier ledendashboard desktop

Techniek en oplevering

We leverden high-fidelity UI-ontwerpbestanden op in Adobe XD, geoptimaliseerd voor:

  • Desktop (1920px)
  • Mobiel (375-424px)

Alles opgeleverd met ontwerpaantekeningen, hover-toestanden en iconensets ter ondersteuning van het ledenportaal webdesign en de UX-modernisering.

KUBE Studio verzorgde zowel de front- als backendeontwikkeling en zorgde dat het vakbond ledenplatform voldeed aan de eisen van een mobiel-eerst aanpak. De site ging op schema live:

https://www.verdi.de

ver.di digitale registratie en footer mobiele weergave ledenportaal
ver.di ledendashboard bonusoverzicht en aanvraag tablet

Het eindresultaat

Wat begon als een vaag idee werd een scherp, ledensvriendelijk platform. Dit leverden we op voor dit ledenportaal webdesign en UX-moderniseringsproject:

  • Volledig ontworpen landingspagina en bonusproces
  • Ledendashboard met schaalbare indelingen
  • Ontwikkelaarsvriendelijke UI-bestanden en documentatie
  • Een strakke, merkconforme ervaring op elk schermformaat


Alles opgeleverd voor de deadline, met genoeg flexibiliteit voor KUBE Studio om het vakbond ledenplatform zonder knelpunten verder uit te bouwen. Van het ledenportaal webdesign tot een gedegen mobiel-eerst aanpak, elk detail was afgestemd op wat de gebruiker van vandaag nodig heeft.

ver.di nieuwsoverzicht en veelgestelde vragen mobiele weergave
ver.di footer en contactpagina vakbond ledenplatform

Iets bouwen dat echt werkt?

Wil je orde scheppen in digitale chaos? Op zoek naar een ledenportaal webdesign dat daadwerkelijk gebruikt wordt? Laten we praten.

Boek een call van 30 minuten en we laten je precies zien hoe je dit aanpakt, zonder opgeblazen taal, zonder verplichtingen. Of het nu gaat om een vakbond ledenplatform of een ander ledengedreven webdesignproject, we helpen je verder. Plan nu je gesprek

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

    //