
Presse
Un coup de pouce pour les parents grâce à un site web intuitif
Client
KidsLife
Challenge
Rendre les informations sur le site plus accessibles
Solution
Redesign de l'information à partir de situations personnelles
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.
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.
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.
Presse
Presse
Presse
Presse
Case
Case
Case
Case
Case
Case
Case
Case
Case
Case
Case
Case
Case
Blog
Case
Case
Case
Case
Case
Case
Blog
Presse
Case
Case
Presse
Case
Case
Blog
White paper
Case
Case
Case
Case
Nos expertises
Case
Case
Case
Case
Case
Case
Case
Case
Case
Case
Case
Case
Case
Webinar
Blog
Webinar
Stack
Blog
Blog
Case
White paper
Blog
Blog
Blog
Blog
Blog
Blog
Case
Case
Case
Nos expertises
Video
Case
White paper
Case
Blog
Nos expertises
Dossier
Case
Blog
Blog
Blog
Case
Blog
Case
Case
Case
Nos expertises
Case
Case
Case
Case
Case
Case
Blog
Case
Case
Blog
Case
Blog
Blog
Video
Video
Video
Presse
Case
Case
Presse
White paper
White paper
Presse
Video
Dossier
Case
Case
Blog
Case
Blog
Case
Industry
Case
White paper
Blog
Blog
Case
Case
Dossier
Case
Blog
Event
Blog
Blog
Stack
Webinar
White paper
White paper
White paper
Dossier
Dossier
Dossier
White paper
Video
Nos expertises
Nos expertises
Case
White paper
White paper
Nos expertises
Blog
Nos expertises
White paper
Nos expertises
Video
White paper
Nos expertises
Video
White paper
Nos expertises
Case
Case
Case
White paper
Nos expertises
Case
Case
Blog
Video
Video
Case
Case
Video
Video
Case
Case
Nos expertises
Case
Blog
Case
Case
Dossier
Blog
Nos expertises
White paper
Case
Case
Video
Video
Presse
Presse
White paper
White paper
Video
Video
Video
Video
Video
Video
Video
Video
Video
Dossier
Video
Video
Video
Video
Video
White paper
Case
Case
White paper
Case
Case
Case
Case
Case
Case
Case
Presse
Presse
Dossier