Un coup de pouce pour les allocations familiales

Besoin d’un nouveau design du site web

Les parents sont toujours très occupés. Si ce n'est pas par leurs enfants, alors par les questions administratives et financières que ces derniers entraînent. KidsLife, qui décharge les parents de toutes les formalités, le sait aussi.

iO est le partenaire technique de KidsLife depuis de nombreuses années et aide la caisse d'allocations familiales à améliorer constamment ses services.

C’est ainsi qu’à la fin de l'année 2021, une demande de redesign du site web de KidsLife a été formulée. Il s'agissait d'approfondir visuellement la marque KidsLife, ainsi que de rendre les informations du site Web plus accessibles et plus faciles à gérer pour les deux principaux groupes cibles de la caisse d'allocations :

Les parents qui recherchent des informations spécifiques sur les allocations familiales
Les nouveaux parents et futurs parents qui ne savent pas encore où chercher les informations.

Fouillis d'informations & doublons

Avec l'ancien design du site web, la disposition du contenu était souvent trop organisationnelle. De plus, certaines informations, comme les allocations familiales, étaient classées par type de montant et par région, ce qui créait un fouillis d'informations et des doublons.

Il incombait donc à iO de créer un nouveau design pour désencombrer le site et donner aux utilisateurs une meilleure vue d'ensemble de toutes les informations et pages.

Naviguer est devenu un jeu d'enfant

Pour répondre aux besoins de KidsLife, nous avons déployé plusieurs de nos lignes de service et envisagé le projet sous un angle plus large que celui de l'expertise technique.

Nos experts en UX ont examiné de près la facilité d’utilisation du site Web de KidsLife afin de l'améliorer dans la mesure du possible. Ils ont également conçu la nouvelle architecture de l'information.
Notre équipe de design visuel a poursuivi le développement de la marque KidsLife en utilisant le principe du "atomic design" : chaque manifestation visuelle de KidsLife est ancrée dans un système de design, qui est défini jusqu'au plus petit "atome" (par exemple, une couleur) et peut être composé en molécules (par exemple, un bouton), en organismes, en modèles, en pages...
Le développement a donné vie au travail de l'équipe de design visuel avec Tailwind CSS (classes Utility/Atomic) et Alpine.js pour les parties interactives. C'était idéal pour répondre à l’atomic design dès la phase visuelle.

Le tout a finalement été rassemblé et traduit dans l'environnement Drupal existant de KidsLife. Grâce au redesign, les utilisateurs ont désormais une meilleure vue de toutes les informations et pages du site web KidsLife. Des pages claires par montant/étape plus approfondies sont désormais présentes par cas d'utilisation. Le contenu dupliqué a été supprimé. Naviguer sur le site web est désormais un jeu d'enfant.

"We’re incredibly grateful to iO and are very impressed with how much iO cares about our service. The project team really made an effort to become an expert in our field."

Broes Compernolle, Marketing & Communication manager at KidsLife

Il y a peu de diversité en ce qui concerne les caisses d'allocations familiales comme KidsLife. Tous les organismes offrent à peu près les mêmes services.

Toutefois, la nouvelle architecture d'information de KidsLife est la première étape permettant à la caisse d'allocations familiales de se différencier dans son secteur. Grâce au nouvel élément de navigation "ma situation", KidsLife est plus sensible aux besoins situationnels de ses groupes cibles et peut mieux guider et engager les parents à travers ses offres.