Ga naar inhoud
Toegankelijkheid
Animatie

Het Leids Congres Bureau

Al ruim 30 jaar verbindt het Leids Congres Bureau zorgprofessionals door middel van bijscholing. Tijdens de 1-daagse studiedagen en masterclasses staan kennisoverdracht en het uitwisselen van ervaringen centraal.

 

Op deze studiedagen krijg je praktische handvatten en casuïstiek aangereikt om dit vervolgens direct in de praktijk te kunnen toepassen. Met als doel, zorgprofessionals door bijscholing en kennisdeling zich verder te laten ontwikkelen binnen hun vakgebied.

  • Showcase Het Leids Congres Bureau
  • Expertise Design / Development / Optimalisatie
  • Branche B2C
  • CMS Wordpress
Afbeelding van de homepage om de sfeer van het ontwerp weer te geven

De opdracht.

De huidige website had een gedateerd ontwerp en de user experience was niet optimaal afgestemd op de bezoekers. Kortom de website voldeed niet meer aan de behoeften van de eindgebruikers en aan de toekomstplannen van het Leids Congres Bureau.

 

De huidige website had tevens een onoverzichtelijke sitestructuur en een onoverzichtelijk studiedagen overzicht waardoor bezoekers zich moeizaam konden oriënteren en inschrijven voor een studiedag. De website droeg daardoor niet bij aan de wens om meer leads te genereren en meer klanten te bedienen. Tijd voor een UX discovery sessie – die noemen wij ook wel een Making Things Happen sessie – om het landschap, de wensen en de doelgroep in kaart te brengen.

Afbeelding van de website flowchart om de pagina structuren te verduidelijken

Doelen.

  • De user experience verbeteren zodat (nieuwe) bezoekers zich makkelijker kunnen oriënteren en inschrijven voor een studiedag.
  • Fungeren als informatieplatform voor terugkerende bezoekers.
  • Vergroten van de klantenkring, naamsbekendheid vergroten.
  • Meer groepsinschrijvingen verkrijgen.
  • Een overzichtelijk scholingsaanbod bieden.
  • Meetbare resultaten door statistieken te kunnen raadplegen.
  • Een flexibel content management systeem waar het Leids Congres Bureau zelf de regie in handen kan nemen.
  • Een prettige, overzichtelijke en overtuigende bezoekerservaring creëren.
  • Betrouwbaarheid vergroten door middel van reviews uit klantenvertellen.nl.
Afbeelding van de over ons pagina om de sfeer van het ontwerp weer te geven

UX discovery.

Standaard bij Bubblefish is de UX discovery sessie. Tijdens deze sessie brachten we samen met het Leids Congres Bureau, de huidige digitale situatie in kaart en zoomden we in op pijnpunten, doelgroepen, doelstellingen, wensen en mogelijkheden.

 

Een UX discovery sessie bestaat uit verschillende canvassen en methodieken die ons helpen bij het vergaren van informatie over een businessmodel, de kanten en de diensten en producten. Die informatie is nodig om bijvoorbeeld persona’s en de huidige en gewenste customer journey op te stellen. De verkregen inzichten dragen bij tijdens de totstandkoming van het UI en UX ontwerp en de functionaliteiten.

Twee screenshots van persona's die over elkaar heen liggen om een beeld te geven van een dergelijke deliverable

UX design.

Nadat in de UX discovery fase de kerntaken, customer journeys en persona’s waren gedefinieerd was de volgende stap in het project het ontwerpen van de vormgeving en de navigatie.

 

Voorafgaande een UX traject brachten we samen met het Leids Congres Bureau ook de toptaken in kaart. Wat of welke functie, zou de website echt moeten bevatten om die optimale gebruikerservaring te creëren. Een aantal van deze functionaliteiten waren als volgt:

 

  1. Gebruikers moeten gemakkelijk op categorie kunnen filteren binnen het studiedagen aanbod.
  2. Bezoekers moeten een studiedag (pagina) kunnen doorsturen naar collega of leidinggevende.
  3. Bezoekers moeten zich kunnen inschrijven voor een periodieke nieuwsbrief.
  4. Er moet een koppeling + visuele vertaling gerealiseerd worden met een reviewsysteem.
  5. Studiedagen moeten gekoppeld worden aan het al bestaande inschrijfsysteem van het LCB partner Eventure.
  6. Er moet een aparte pagina, inclusief formulier, zijn voor opleidingscoördinatoren en leidinggevenden van de zorgprofessionals.
Afbeelding met een viertal template ontwerpen uit het volledige ontwerp om en totaalbeeld te geven
Afbeelding van de 4 gebruikte hoofdkleuren uit de styleguide: donker blauw, oranje, licht paars en fel groen

User testing.

Tijdens dit project hebben we met een een aantal respondenten een online user test uitgevoerd. Het meest essentiële gedeelte van het ontwerp is interactief gemaakt en aan de hand van online software getest bij de klant en respondenten. We hebben respondenten een aantal vragen gesteld bij de pagina’s die wij wilde testen op gebruiksvriendelijkheid en functionaliteit.

 

Met behulp van video werden de expressie van de respondent vastgelegd. Omdat responden hardop moeten verwoorden wat zij zien, doen en ervaren geeft dit veel inzicht voor onze UX researchers. Met deze werkwijze sluit je veel aannames van het team – maar ook vanuit de klant uit – met als resultaat een website die aansluit bij de verwachtingen van de eindgebruiker.

WordPress.

In het huidige CMS zaten ook een aantal beheerders knelpunten. Het nieuwe content management systeem moest daarom ook zo gebruiksvriendelijk mogelijk zijn ingericht voor beheerders en redacteuren.

 

Wij hebben in overleg gekozen voor WordPress en dit modulair mogelijk ingericht voor Leids Congres Bureau. Zo kan een beheerder of redacteur eenvoudig en snel pagina’s inrichten, opbouwen en wijzigen. Wij hebben een handleiding opgesteld en een training gegeven in Leiden gegeven aan de redacteuren en beheerders.

 

De code en formulieren zijn vanzelfsprekend zo veilig mogelijk ontwikkeld. Iedere week wordt er structureel onderhoud uitgevoerd op de WordPress installatie, denk aan updates van WordPress en updates van de gebruikte WordPress plugins.

Screenshot van een Studiedag pagina uit het cms systeem om aan te tonen hoe je een pagina opbouwt aan de hand van componenten

Development.

Onze developers hebben de website voor het Leids Congres Bureau modulair gemaakt op basis van componenten die wij zelf ontwikkelen. Wij coderen o.a. met PHP, CSS, HTML en JavaScript.

 

Elk onderdeel van de website is door middel van ons componenten systeem beheerbaar in volgorde en inhoud. We hebben elk onderdeel van de website geoptimaliseerd voor het gebruiksgemak en elk onderdeel uitgelegd in de handleiding.

 

Daarnaast hebben wij het studiedagen gedeelte van de website op maat ontwikkeld. Normaliter kan er in een systeem zoals WordPress een vervaldatum per pagina of bericht worden ingesteld. Dit betekent dat een artikel na de vervaldatum zal verdwijnen van de website. Echter wilde de redacteuren de mogelijkheid om vervallen studiedagen te verplaatsen naar een ander gedeelte van de website, genaamd ‘presentaties’. Door aanpassingen door te voeren in de beheerdersomgeving van de website en de code hebben wij het mogelijk gemaakt dat de evenementen, na de afloopdatum, automatisch verplaatst worden naar het onderdeel ‘presentaties’. Deze oplossing scheelt Leids Congres Bureau enorm veel tijd.

 

Daarnaast kan een beheerder een overzicht opvragen waarin de openstaande evenementen onderscheiden worden van de afgelopen evenementen en verandert de vormgeving van de afgelopen evenementen zodat deze alsnog te bekijken zijn voor de website bezoekers.

Voorbeeld van een studiedag pagina om te laten zien hoe een gesloten inschrijving wordt getoond

Optimalisatie.

Na lancering van de website zijn er verschillende analytics tools geïntegreerd om gebruikersdata te verzamelen en het bezoekersgedrag te analyseren. Op basis van deze data en bijvoorbeeld user testing, gaan we de user experience nog verder optimaliseren voor een optimale gebruikerservaring.

Resultaten.

Resultaten waar we op trots op zijn en graag met je willen delen.

De voordelen van bij Bubblefish werken.

Verbeterde online gebruikerservaring.

Een compleet nieuwe user experience op basis van UX discovery en user testing.

Een overzichtelijk studieaanbod.

Een overzicht van het studiedagen aanbod met de optie om te kunnen filteren en terug te kijken naar presentaties.

Gebruiksvriendelijk beheer.

Een CMS op basis van WordPress waarin de webredacteuren gemakkelijk zelf pagina’s kunnen aanmaken met behulp van componenten en controle hebben over content.

Inzage in bezoekersgedrag.

Aan de hand van geïntegreerde analytics en marketing tools, deze data kunnen analsyeren en voor verdere optimalisatie.

Betrouwbaarheid vergroten.

Door het koppelen van reviews uit klantenvertellen.nl op de website, neemt het vertrouwen van bezoekers toe.

Modulair en toekomstbestendig.

Een framework wat telkens uitgebreid kan worden met nieuwe componenten.
profielfoto werknemer, leon bouterse, Directeur en strateeg
Léon Bouterse
Directeur & Digital Strategist
010.304.50.40 info@bubblefish.agency

Heb je ook een online uitdaging voor ons?

CJG Rijnmond

  • Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.