flèche bleu tournée vers la droite

Actudata

Création d'un site vitrine

2024

Assurance
Conception UX
Conception UI

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.

Problématiques

Avoir une interface modulable et évolutive, en phase avec l'identité graphique d'Actudata
Optimiser la présentation et le parcours de souscription des offres d'assurance
Différencier les offres et parcours selon la localisation (France métropolitaine vs La Réunion)

Contexte

Malgré un site vitrine existant, Actudata souhaitait optimiser son expérience utilisateur et mieux mettre en valeur son offre de produits.Notre mission était donc de concevoir un nouveau site web répondant à ces objectifs, en adoptant une approche centrée utilisateur tout au long du processus de design.‍

Atelier de cadrage

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é.

Proposition de sitemap

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.

Proposition de sitemap pour Actudata

Wireframing

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.

Wireframing de Actudata
Wireframing de Actudata par Wolfox agence X/UI Design

UI Kit

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.

UI Kit définissant la charte graphique de Actudata

Hi-Fi

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.

Maquettes finales du site de Actudata réalisé par Wolfox
Maquettes finales du site de Actudata par Wolfox