Voor KBI Hoorn bouwden we een website waarin bewindvoering, mentorschap en curatele ieder een duidelijke plek hebben. De bezoeker kan informatie lezen, naar de inhoud luisteren, een aanmelding voorbereiden of contact zoeken. Ook familieleden en professionals hebben een eigen ingang. In deze casus laten we zien hoe die onderdelen samenwerken en wat je daarvan kunt meenemen naar je eigen website.
Een website voor persoonlijke dienstverlening moet zorgvuldig omgaan met de aandacht van de bezoeker. Iemand kan heel gericht zoeken, maar ook nog niet weten welke vraag hij moet stellen. De opbouw van KBI Hoorn biedt ruimte voor beide situaties: snel door naar een bekende bestemming en rustig verder lezen wanneer er eerst uitleg nodig is.
Het project en de belangrijkste keuzes
- Organisatie: KBI Hoorn.
- Werk van Niblah: ontwerp en bouw van de website.
- Onderwerpen: bewindvoering, mentorschap en curatele.
- Belangrijke bezoekers: mensen die ondersteuning zoeken, naasten en professionals.
- Opvallende onderdelen: directe bezoekersroutes, een voorleesfunctie en een afzonderlijke aanmeldroute.
De basis van het ontwerp is terug te zien in de navigatie. Daar staan de diensten naast aanmelden, informatie voor naasten, informatie voor professionals, over ons en contact. De organisatie presenteert daarmee zowel haar aanbod als de situaties waarin iemand de website gebruikt. Dat onderscheid helpt bij het ordenen van de inhoud: een dienst beschrijft waarover de hulp gaat, een bezoekersroute sluit aan bij de vraag waarmee iemand binnenkomt.
Zo’n indeling begint al vóór de vormgeving. Bij het laten maken van een zakelijke website is het nuttig om eerst de belangrijkste bezoekers en hun vervolgstappen te benoemen. Die bepalen hoeveel uitleg een pagina nodig heeft en welke links er logisch bij horen.
Drie bezoekersgroepen, ieder met een eigen vraag
Neem iemand die voor zichzelf ondersteuning zoekt. Die bezoeker wil kunnen verkennen wat KBI Hoorn doet en hoe een eerste contact verloopt. Een familielid kan juist behoefte hebben aan informatie over een situatie die hij bij iemand anders herkent. Een professional wil wellicht weten hoe doorverwijzen of samenwerken werkt. Dat zijn verschillende vertrekpunten, ook wanneer het uiteindelijk om dezelfde dienstverlening gaat.
Op de website heeft iedere groep een herkenbare ingang. De pagina voor familie en betrokkenen benadert de lezer vanuit diens rol als naaste. De afzonderlijke route voor professionals maakt een zakelijke ingang mogelijk. Dat voorkomt dat één algemene introductie alle mogelijke vragen tegelijk moet behandelen.
Voor het ontwerp betekent dit dat een bezoeker zichzelf moet kunnen herkennen in een menukeuze. Woorden als ‘Voor naasten’ geven daarvoor een ander aanknopingspunt dan uitsluitend de namen van diensten. Je kunt de site dus benaderen vanuit wat je zoekt én vanuit je betrokkenheid. Die combinatie is ook bruikbaar bij bijvoorbeeld een adviesbureau, opleider of organisatie met meerdere soorten klanten.
Een homepage die helpt kiezen
De homepage opent met een groot beeld van een gesprek aan tafel. Daaronder volgt het blok ‘Direct regelen’, met ingangen naar de belangrijkste diensten, aanmelden en contact. De foto geeft een eerste indruk van de persoonlijke benadering; de keuzes eronder brengen de bezoeker verder. Beeld en navigatie hebben hier ieder een eigen taak.
Verder op de pagina krijgen naasten, professionals en kosteninformatie ruimte. Daardoor is de homepage op verschillende manieren te gebruiken. Een terugkerende bezoeker kan direct een bestemming kiezen. Iemand die KBI Hoorn voor het eerst bekijkt, kan de onderdelen achter elkaar lezen en een beeld vormen van de organisatie. De pagina vraagt geen vaste leesvolgorde van iedereen.
Voor je eigen website is dit een bruikbare afweging. Je hoeft niet elke inhoudelijke vraag op de homepage volledig te beantwoorden. Geef per onderwerp genoeg context om een goede keuze te maken en bied vervolgens een gerichte link. Een homepage blijft zo overzichtelijk, terwijl de onderliggende pagina’s de ruimte krijgen om uitgebreider op een onderwerp in te gaan.
Diensten uitleggen in behapbare onderdelen
Bewindvoering, mentorschap en curatele hebben ieder een eigen route op de site. Voor een bezoeker zijn dat herkenbare bestemmingen om verder te lezen. Voor de inhoud betekent het dat uitleg per onderwerp kan worden opgebouwd, met eigen tussenkoppen en bijbehorende vervolgstappen. Verschillende onderwerpen hoeven daardoor niet in één doorlopende tekst te worden samengebracht.
De waarde van zo’n structuur zit ook in het delen van informatie. Wie iemand op een specifiek onderwerp wil wijzen, kan een gerichte pagina doorsturen. De ontvanger komt dan binnen bij de uitleg waar het gesprek over gaat. Dat is een andere situatie dan iemand op de homepage laten beginnen en zelf laten zoeken naar de juiste informatie.
Heldere paginanamen en beschrijvende koppen helpen daarbij. Een kop moet vertellen wat de lezer in het volgende stuk vindt. Een link moet duidelijk maken waar hij uitkomt. Dat klinkt eenvoudig, maar deze kleine keuzes bepalen samen hoe prettig langere informatie te gebruiken is. Ze verdienen bij de bouw evenveel aandacht als de grote visuele onderdelen.
Aanmelden als overzichtelijke vervolgstap
De aanmeldpagina van KBI Hoorn geeft het proces een eigen plek. De uitleg is opgedeeld in opeenvolgende onderwerpen, vanaf contact en kennismaking tot latere stappen in de aanvraag. Een bezoeker krijgt daardoor een volgorde aangeboden in plaats van één grote hoeveelheid informatie tegelijk.
Vanuit webdesign is vooral de verhouding tussen uitleg en actie interessant. Iemand die nog vragen heeft, moet verder kunnen lezen of contact kunnen zoeken. Wie al weet wat hij wil, moet de eerstvolgende stap kunnen vinden. Door aanmelden en contact allebei zichtbaar aan te bieden, ondersteunt de site verschillende momenten in die afweging.
Een goede contactroute begint daarom al op de pagina ervoor. De tekst moet duidelijk maken waarvoor je contact opneemt en wat je kunt bespreken. Een knop krijgt meer betekenis wanneer de omliggende uitleg daarbij aansluit. Dat principe gebruiken we ook bij zakelijke websites: de bezoeker moet kunnen begrijpen waarom een vervolgstap op dat moment passend is.
Vormgeving die past bij persoonlijk contact
Oranje en paars geven KBI Hoorn een herkenbaar uiterlijk. De lichte achtergrond laat ruimte tussen de verschillende onderdelen. Foto’s brengen mensen in beeld en illustraties maken de directe routes op de homepage visueel van elkaar te onderscheiden. Zo heeft het ontwerp meerdere manieren om de aandacht te sturen, zonder dat alle uitleg in beeldmateriaal hoeft te worden gestopt.
Een grote foto kan een eerste indruk geven, maar de tekst eromheen moet zelfstandig duidelijk blijven. Daarom zijn herkenbare labels bij de navigatie belangrijk. Een bezoeker hoeft de betekenis van een illustratie niet te raden om een onderwerp te kiezen. Beeld ondersteunt de inhoud; de woorden geven de concrete bestemming aan.
Ook de hoeveelheid ruimte speelt een rol. Wanneer een pagina verschillende diensten en bezoekersgroepen bevat, kunnen onderdelen gemakkelijk met elkaar gaan concurreren. Een duidelijke scheiding tussen secties maakt de volgorde begrijpelijk. Voor dit project zie je dat terug in de overgang van het openingsbeeld naar de directe keuzes en vervolgens de inhoudelijke blokken voor verschillende bezoekers.
Leesondersteuning als praktisch onderdeel
De website bevat een functie om tekst voor te laten lezen. Bezoekers kunnen het lezen starten of pauzeren en vinden instellingen voor onder meer spreeksnelheid, tekstvergroting en een tekstweergave. De bediening staat zichtbaar bij de inhoud. Daarmee krijgt iemand een extra mogelijkheid om de informatie op de pagina te gebruiken.
De ontwerpvraag gaat verder dan alleen de aanwezigheid van een knop. Een bezoeker moet ook begrijpen waarvoor de functie bedoeld is en waar de instellingen staan. De benaming ‘Lees voor’ sluit direct aan op de handeling. Dat is een bruikbaar uitgangspunt bij ondersteunende functies: beschrijf wat iemand ermee kan doen in woorden die weinig uitleg nodig hebben.
Voorlezen maakt een zorgvuldige tekststructuur extra relevant. Korte alinea’s, duidelijke koppen en een logische volgorde geven ook bij luisteren houvast. Een verwijzing die alleen begrijpelijk is door een kleur of een positie op het scherm, vraagt bijvoorbeeld meer uitleg dan een verwijzing naar een benoemd onderwerp. Leesondersteuning en goede redactie horen daardoor bij hetzelfde ontwerpvraagstuk.
De route van een mobiel bezoek
Op een telefoon is de beschikbare ruimte kleiner, terwijl de vragen van de bezoeker hetzelfde blijven. Diensten vergelijken, contactgegevens vinden en informatie voor een naaste opzoeken moeten ook daar logisch aanvoelen. Bij een website met meerdere doelgroepen is een duidelijke volgorde daarom belangrijker dan zoveel mogelijk onderdelen tegelijk in beeld brengen.
Je kunt een mobiele bezoekersroute beoordelen met een concrete opdracht. Begin bijvoorbeeld bij de homepage en zoek de informatie voor familie. Lees een onderdeel en zoek daarna de mogelijkheid om een vraag te stellen. Zo beoordeel je de samenhang tussen menu, inhoud en contact. Alleen een losse screenshot bekijken geeft daar veel minder inzicht in.
Dat is een praktische les voor organisaties die hun website willen vernieuwen. Maak vooraf een korte lijst met de handelingen die bezoekers moeten kunnen uitvoeren. Die lijst helpt om de scope en kosten van een website concreet te bespreken. Je praat dan over benodigde pagina’s en functies in plaats van alleen over een gewenste uitstraling.
Interne links verbinden de informatie
Een website bestaat uit meer dan pagina’s die afzonderlijk goed geschreven zijn. De onderlinge verbinding bepaalt hoe iemand verderkomt. Bij KBI Hoorn vormen diensten, bezoekersgroepen, aanmelden en contact samen een netwerk van logische bestemmingen. Een bezoeker kan vanuit zijn eerste vraag doorgaan naar uitleg of naar een gesprek met de organisatie.
Voor je eigen website kun je per pagina nagaan welke vraag daarna waarschijnlijk volgt. Na een omschrijving van een dienst kan dat een vraag over de werkwijze zijn. Na uitleg over de werkwijze kan de lezer willen weten hoe hij contact opneemt. Plaats een link op het moment dat de tekst daar aanleiding toe geeft en gebruik een beschrijvende linktekst.
Die aanpak hoort ook bij een goede basis voor zoekmachineoptimalisatie. Onderwerpen krijgen een duidelijke bestemming en gerelateerde pagina’s verwijzen naar elkaar. Welke zoektermen en pagina’s voor een organisatie het belangrijkst zijn, vraagt vervolgens om onderzoek. De structuur maakt het mogelijk om zulke keuzes gericht uit te werken en later bij te houden.
Wat de website als blijvend bedrijfsmiddel oplevert
De opgeleverde website brengt de dienstverlening, informatie voor verschillende bezoekers en contactmogelijkheden samen op één plek. Een gerichte pagina kan worden gedeeld in een gesprek of bericht. Een naaste kan informatie teruglezen. Een bestaande cliënt kan de verwijzing naar Mijn OnView vinden. Het nut van de site loopt daarmee door na de eerste kennismaking.
Om die waarde te behouden, moeten inhoud en techniek worden bijgehouden. Denk aan contactgegevens, veranderende uitleg, externe verwijzingen en de werking van ondersteunende functies. Wie verantwoordelijk is voor zulke updates, verdient een duidelijke afspraak. Op onze pagina over hosting en websitebeheer lees je meer over de technische kant van dat onderhoud.
Dezelfde gedachte zie je terug in onze casus over Tapijt en Gordijnshop. Daar gaat de bezoekersroute van een productvraag naar persoonlijk advies in een winkel. De doelgroep en vormgeving verschillen, maar in beide projecten krijgt de website een concrete rol in het contact tussen organisatie en bezoeker.
Wat je kunt meenemen naar jouw website
De belangrijkste les uit KBI Hoorn is dat een website verschillende soorten bezoekers kan helpen zonder iedereen dezelfde lange route te laten volgen. Een duidelijke hoofdnavigatie, herkenbare keuzes op de homepage en verdiepende pagina’s vullen elkaar aan. De leesondersteuning voegt daar een extra manier van informatiegebruik aan toe.
Wil je een vergelijkbare indeling voor jouw organisatie, begin dan met drie vragen. Wie bezoekt de website? Welke informatie heeft die persoon nodig? En welke vervolgstap moet daarna beschikbaar zijn? De antwoorden vormen een bruikbaar vertrekpunt voor inhoud, ontwerp en bouw. Bij onze uitleg over een WordPress-website laten maken vind je meer over het uitwerken van zo’n project.
Bekijk de website van KBI Hoorn om de opbouw zelf te ervaren. Wil je weten hoe we jouw diensten en bezoekersroutes kunnen vertalen naar een website? Bespreek je website met Niblah. Neem gerust je huidige site en een paar voorbeelden van veelgestelde klantvragen mee; daarmee kunnen we de eerste keuzes meteen concreet maken.