Een helpende hand voor kinderbijslag en het groeipakket

Nood aan een website-redesign

Ouders hebben altijd wel hun handen vol. Is het niet met hun kinderen, dan wel met de administratieve en financiële zaken die deze met zich meebrengen. Dat weet ook KidsLife, dat ouders bij alle formaliteiten ontzorgt.

iO is al jaren de technische partner van KidsLife en ondersteunt het kinderbijslagfonds om haar dienstverlening steeds te verbeteren.

Zo rees bijvoorbeeld eind 2021 de vraag om de KidsLife-website te redesignen. Dit om het merk KidsLife verder visueel uit te diepen, alsook om informatie op de website toegankelijker en beter behapbaar te maken voor de twee belangrijkste doelgroepen van het kinderbijslagfonds:

Ouders die op zoek zijn naar specifieke informatie over de Kinderbijslag en het Groeipakket

Nieuwe ouders en ouders in spé die nog niet weten waar naar welke informatie ze moeten zoeken

Clutter aan informatie & dubbele content

In het oude design van de website was de indeling van de content vaak te organisationeel. Daarnaast was bepaalde informatie, zoals bijvoorbeeld over de kinderbijslag, per soort bedrag én gewest ingedeeld, wat zorgde voor een clutter aan informatie en dubbele content.

Aan iO dus de opdracht om aan de hand van een redesign de clutter te ontrafelen en gebruikers een beter zicht te geven op alle informatie en pagina’s.

Navigeren is kinderspel

Om de behoeften van KidsLife te behartigen, zetten we meerdere van onze service lines in en bekeken we het project breder dan enkel vanuit technische expertise.

Onze UX-experts namen de gebruiksvriendelijkheid van de KidsLife-website onder de loep om deze waar mogelijk te verbeteren. Daarnaast dachten zij de nieuwe informatie-architectuur uit.

Ons visual design team diepte het KidsLife-merk verder uit aan de hand van het ‘atomic design’ principle. Elke visuele uiting van KidsLife staat hierbij verankerd in een design system, die tot de kleinste ‘atoom’ (bijvoorbeeld een kleur) is gedefinieerd en kan worden samengesteld tot molecules (bijvoorbeeld een knop), organisms, templates, pages…

Development bracht het werk van het visual design team tot leven met Tailwind CSS (Utility/Atomic classes) en Alpine.js voor de interactieve delen. Dit was ideaal om te beantwoorden aan het atomic design uit de visuele fase.

Het geheel werd uiteindelijk samengebracht en vertaald in de bestaande Drupal-omgeving van KidsLife. Dankzij het redesign hebben gebruikers nu een beter zicht op alle informatie en pagina’s van de KidsLife-website. Er zijn overzichtelijke pagina’s per bedrag/mijlpaal met telkens verdere uitdieping per use case. Dubbele content is verwijderd. Doorheen de website navigeren is nu kinderspel.

“We zijn iO ontzettend dankbaar en blijven ook zeer onder de indruk van hoe begaan iO is met onze dienstverlening. De leden van het projectteam maakten er een punt van om ook experten te worden in ons vak.”

Broes Compernolle, Marketing & Communication manager at KidsLife

Er is weinig diversiteit als het kinderbijslagfondsen zoals KidsLife aankomt. De markt is generiek en alle fondsen bieden vrijwel dezelfde diensten aan.

De nieuwe informatie-architectuur van KidsLife is echter de eerste stap voor het kinderbijslagfonds om zich te onderscheiden in haar sector. Via het nieuwe navigatie-item ‘mijn situatie’ speelt KidsLife meer in op de situationele noden van haar doelgroep(en) en kan het kinderbijslagfonds ouders beter doorheen haar aanbod begeleiden en bij haar aanbod betrekken.