Actudata est une entreprise spécialisée dans la conception, la gestion et la distribution de contrats d'assurance multirisques pour les particuliers et professionnels. Leur offre couvre un large éventail de produits d'assurance, notamment la santé, l'habitation, l'auto, les indemnités journalières, la protection juridique et les obsèques.
Afin de bien comprendre les problématiques et attentes du client, nous avons débuté le projet par un atelier de cadrage. En passant en revue le site vitrine existant page par page, nous avons identifié avec le client les points forts et axes d'amélioration.Une attention particulière a été portée à l'arborescence du site et à l'optimisation de la présentation des offres de produits. Il en est ressorti le besoin d'avoir une interface modulable, évolutive et en cohérence avec l'identité graphique d'Actudata.Un autre élément clé était la nécessité de différencier les offres et parcours utilisateurs selon la localisation (France métropolitaine ou La Réunion), Actudata proposant des produits spécifiques à chaque marché.
Sur la base des échanges lors de l'atelier de cadrage, nous avons travaillé sur une nouvelle arborescence du site, en nous concentrant sur la présentation des offres et le parcours de souscription.Le sitemap proposait deux pages d’accueil différentes affichées selon la localisation, affichant les offres dédiées à la France métropolitaine et à La Réunion. Il prévoyait également des points d'entrée spécifiques pour faciliter les demandes de devis par produit d'assurance.Après validation par le client, ce sitemap a servi de base pour la suite de la conception.
L'étape suivante a été de traduire le sitemap en wireframes, afin de définir la structure et les éléments clés de chaque page du site.Nous avons veillé à créer une hiérarchie visuelle claire, mettant en avant les offres phares et les call-to-action pour générer des leads.Nous avons apporté une attention particulière à créer des “modules” qui pourraient etre réutilisés et ré-agencés pour rendre le site evolutif et maintenable.
Les wireframes ont également permis de valider le découpage du parcours utilisateur et les interactions prévues.
En parallèle des wireframes, nous avons travaillé sur la charte graphique du site en créant un UI Kit complet. Celui-ci reprenait les codes visuels d'Actudata (logo, couleurs) tout en les adaptant aux bonnes pratiques du web design.Des composants réutilisables ont été créés pour les éléments récurrents du site (en-têtes, pieds de page, boutons, formulaires, etc.), permettant d'assurer une cohérence visuelle tout au long du parcours utilisateur.
La dernière étape de la conception a consisté à fusionner les wireframes et l'UI Kit pour créer les maquettes graphiques finales du site. Celles-ci ont été réalisées pour les principaux templates de page et les parcours de souscription clés. Le but étant d’avoir des pages génériques pour leurs offres, leur permettant de faire evoluer le site et la présentation des offres.
Leur logo comportant des carrés, nous avons repris ce code pour le décliner sous différentes formes, assurant ainsi une cohérence visuelle à travers le site.
Ces maquettes ont permis de visualiser le rendu final du site et de valider avec le client les choix de design. Nous avons également livré des guidelines pour le remplissage du contenu pour garder une cohérences sur toutes les pages qui pourront étre crées par le futur.