Meer dan 45 jaar lang is De Kindertelefoon er voor kinderen die ergens mee zitten. Elke dag, 365 dagen per jaar, van 11:00 tot 21:00 uur. Met ruim 600 vrijwilligers voert de organisatie dagelijks meer dan 900 gesprekken — anoniem, gratis en zonder oordeel. Voor kinderen en jongeren tussen 8 en 18 jaar is het al decennialang de plek waar je alles kunt zeggen wat je thuis, op school of bij vrienden niet durft te zeggen.
Die missie is tijdloos. De digitale drager ervan was dat niet meer. Wij hadden eerder al de vrijwilligerswervingspagina's voor De Kindertelefoon herontwikkeld — en dat was precies de keerzijde van het probleem. De vernieuwde secties staken visueel zo sterk af tegen de rest van de site, dat de incoherentie niet langer te negeren was. De beslissing viel: het gehele platform moest worden vernieuwd tot één coherent, modern geheel. Een website die niet alleen functioneel is, maar die het vertrouwen en de warmte van de organisatie ook visueel uitstraalt — op ieder schermformaat, voor iedere bezoeker.
Kindertelefoon.nl is in essentie een platform voor drie werelden die weinig met elkaar gemeen hebben. Er is het kind van 10 dat voor het eerst de site bezoekt, bang, en snel wil weten hoe bellen of chatten werkt. Er is de ouder of leraar die informatie zoekt over wat kinderen bezighoudt en hoe zij kunnen helpen. En er is de potentiële vrijwilliger die overweegt zijn tijd in te zetten, en wil weten wat dat concreet betekent.
Drie bezoekers met drie volledig verschillende informatiebehoeften, drie verschillende leesniveaus en drie fundamenteel andere emotionele contexten. De informatiearchitectuur moest elk van hen direct en zonder frictie bedienen — zonder dat de site aanvoelt als een splitsing in drie losse websites. Dit werd opgelost door een heldere, drietal-navigatiestructuur aan de bovenkant (Kinderen / Vrijwilligers / Volwassenen) als primaire switcher, met pagina's die qua toon, taalgebruik en visuele hiërarchie per doelgroep zijn afgestemd maar binnen dezelfde visuele taal blijven.
De grootste designuitdaging lag bij de primaire doelgroep: het kind. Toegankelijk taalgebruik, rustige visuele compositie, duidelijke actie-elementen — maar zonder de interface te simplistisch of kinderachtig te maken. De Kindertelefoon spreekt ook jongeren van 16, 17 of 18 jaar. Die moeten zich even thuis voelen als een kind van 8.
De data was duidelijk: het overgrote deel van de bezoekers komt via smartphone. Dat klinkt als een open deur in 2024, maar het heeft vergaande implicaties voor hoe je een platform opbouwt. Mobile first betekende in dit geval niet dat we een desktop-design schaalden naar mobiel — het betekende dat de mobiele ervaring leidend was in elke designbeslissing, en de desktop-variant daarop werd uitgebouwd.
Elke component, elke sectie en elke interactie werd eerst getekend voor een scherm van 390 pixels breed. Wat werkt op zo'n klein canvas als het kind midden in de nacht in bed ligt, met trillende handen, en naar de site gaat? Die vraag stuurde keuzes over lettergroottes, de plaatsing en grootte van de bel- en chatknop, de lengte van teksten, de manier waarop het menu opent en de scrolldiepte per pagina. Het resultaat is een mobiele interface die direct, rustig en uitnodigend aanvoelt — zonder de bezoeker te overladen.
Een van de meest tastbare bijdragen aan dit project was de ontwikkeling van een volledig nieuwe iconenset — tientallen iconen, van scratch ontworpen door ons team. Niet als decoratief element, maar als communicatiemiddel. De iconografie van De Kindertelefoon moet functioneren op de website, maar ook in interne communicatie, trainingsmateriaal en campagnes.
De iconen zijn ontworpen vanuit een consistente vormtaal: zachte lijnen, afgeronde hoeken, en een herkenbare stijl die past bij de toegankelijke en warme identiteit van de organisatie. Elk icoon is helder leesbaar op klein formaat — essentieel voor mobiel gebruik — en behoudt zijn karakter in zowel kleur als zwart-wit. De set dekt onderwerpen als pesten, eenzaamheid, thuis, liefde en seksualiteit, maar ook functionele categorieën als chatten, bellen en het forum. Zo heeft De Kindertelefoon nu een icoonbibliotheek die de komende jaren meegroeit met de organisatie.
Design zonder gebruikersonderzoek is gissen. Bij een platform voor kinderen in kwetsbare situaties is dat geen optie. We organiseerden meerdere testsessies met drie groepen: jongeren uit de Jongerenraad van De Kindertelefoon, volwassenen (ouders en zorgprofessionals) en leraren. Elk van deze groepen navigeerde door prototypes en deelde feedback op toon, begrijpelijkheid, navigatielogica en visuele ervaring.
De jongeren uit de Jongerenraad waren het meest directe kompas. Zij weten als geen ander hoe een kind de site ervaart — niet vanuit een designperspectief, maar vanuit leven. Hun feedback was concreet en ongezouten: wat voelde uitnodigend, wat creëerde drempel, welke woorden klopten niet, welke knop vonden ze te klein. Op basis van al deze input itereerden we het ontwerp in meerdere rondes tot een eindresultaat waar elke testgroep enthousiast over was.
Dit participatieve proces is geen PR-stunt, maar een fundamentele kwaliteitseis voor een platform in de sociale sector. Het eindresultaat is aantoonbaar gevalideerd door de mensen voor wie het gebouwd is.
Het vernieuwde kindertelefoon.nl is een platform dat nu van kop tot staart één verhaal vertelt. De visuele incoherentie tussen de nieuwe vrijwilligerspagina's en de rest van de site is volledig opgelost. Kinderen vinden sneller de weg naar bellen of chatten. Ouders en leraren vinden helder en snel de informatie en het lesmateriaal dat ze zoeken. En de tientallen nieuwe iconen geven de organisatie een visueel systeem dat zowel intern als extern duurzaam inzetbaar is.
Een platform dat luistert — ook in de manier waarop het is ontworpen.
Plan dan eens een vrijblijvende kop koffie met Bastiaan Ludeking. Samen kijken we hoe we jouw online ambities vertalen naar een prachtig, passend design.
Tijdens ons gesprek laten we graag de kracht en het gemak van ons Webavance CMS zien. Zo heb je direct een helder beeld van de mogelijkheden én een concreet stappenplan voor de realisatie.
Klaar voor de volgende stap? Neem vandaag nog contact op!
Bastiaan Ludeking
Algemeen directeur
06-53114339
bastiaan@webavance.nl