Retour

ZOO DE BEAUVAL

Refonte Sites B2B

Refonte Sites B2B

UX UI Designer · Facilitatrice d'ateliers

Durée : 6 mois

Desk Research

UX Design

UI Design

ENTRÉE #01

4 sites, 4 personae, 4 parcours utilisateurs.

4 sites, 4 personae, 4 parcours utilisateurs.

Audit UX et Heuristique

Audit Data

Benchmark

Personae

Wireframes & Maquettes HI-FI

Design system

Contexte :

  • Le Zoo de Beauval est l'un des parcs animaliers majeurs d'Europe, ouvert toute l'année

  • Sites à l'attention des professionnels (CSE, Scolaires, Events et Pro du tourisme) du Zoo de Beauval afin d'organiser évènements et visites toute l'année.

Problématique :

Pas assez de qualifications des pros - impératifs à améliorer afin de subvenir aux besoins des animaux pendant toute l'année, notamment l'hiver suite à la baisse de fréquentation saisonnière.

But :

Optimisation du parcours et ajout de lead magnets afin d'augmenter le taux de conversion des professionnels.

Refonte du parcours de devis et/ou formulaire de contact.

Ce qui a été fait :

  • Audit UX et heuritisique des 4 sites professionels afin de créer une liste d'optimisations

  • Ateliers : Construction des 4 personae et hiérarchisation des specs avec tous les experts.

  • Wireframes hautes définitions

  • Adaptation du Design system du site pour les particuliers en un design pour chaque personae.

USER RESEARCH

Audit UX & Data (Clarity)

Audit UX & Data (Clarity)

  • Manque de guidance globale provoquée par un manque d'informations concrètes sur la réservation à Beauval et de sections obligatoires (FAQ, avis…).

  • Système de réservation/formulaire/devis à optimiser.

  • Barre de navigation à retravailler

  • Taux de scroll : majorité des utilisateurs voient les 3-4 premières sections : centraliser au maximum les informations importantes en haut de page.

USER RESEARCH

Ateliers specs & Personae

Ateliers specs & Personae

Les ateliers permettent de cadrer le projet, et me permet de saisir les enjeux de l'entreprise.

  • Speedboat : pour apprendre les forces, faiblesses et enjeux.

  • Personae : On construit ensemble les personae, moins précis qu'avec des questionnaires et interviews, mais avec des experts qui connaissent leur cible sur le bout des doigts.

  • Specificités techniques et contenus : un atelier pour lister et hiérarchiser les optimisations.

DESK RESEARCH

Benchmark

Benchmark

Une veille pour s'inspirer de la concurrence. De bonnes pratiques à prendre, des mauvaises à éviter.

Parfois, il faut faire quelque chose de nouveau.

Recherche terminée, début de la phase d’idéation

Recherche terminée, début de la phase d’idéation

Les utilisateurs sont un peu perdus sur le site car il y a un manque de guidance et de hiérarchisation des contenus.

Les specs par personae ont été décidé : adapter le parcours utilisateur à chaque persona, avec les bonnes actions.

Optimisation de l'UI des 4 sites nécessaire : l'utilisateur doit se sentir chez Beauval

UX DESIGN

User Flows

Optimiser l'arborescence des 4 sites, et décider de quelles actions et informations mettre à quel moment du parcours utilisateur.

UX DESIGN

Wireframes HI-FI

Wireframes HI-FI

L’objectif premier étant d’assurer une bonne ergonomie, nous avons réalisé des wireframes hi-fi.

Hiérarchiser les informations et optimiser l'arborescence des 4 sites, mobile & desktop

UX DESIGN

Focus le parcours devis (scolaire)

Focus le parcours devis (scolaire)

Le devis / le forumulaire de contact étant la fonctionnalité la plus importante pour chaque personae, nous avons optimisé celle-ci en priorité.

UI DESIGN

Design System

Malgré une uilisation différente pour tous les sites, un seul même design system a été adapté.

UX DESIGN

Blocs réutilisables

Ces sections sont construites pour les développeurs : ils peuvent récupérer directement les sections qui se répètent à travers les sites et leurs variants pour les intégrer plus facilement.

RENDU

Version finale

Après validation de chaque UI Kit de chaque site et de l'ergonomie, nous avons réalisé les maquettes finales

Résultats

  • Des parcours utilisateurs et des lead magnts adaptés à chaque persona

  • Un oarcours de contact et/ou devis plus fluide, qui correspond aux besoins de chaque personae.

Besoin de réponses ? J’ai quelques questions.

La meilleure façon de comprendre un problème, c’est de commencer par écouter.

Partons explorer votre problématique pour propulser votre projet.

Besoin de réponses ? J’ai quelques questions.

Partons explorer votre problématique pour propulser votre projet.

La meilleure façon de comprendre un problème, c’est de commencer par écouter.

Create a free website with Framer, the website builder loved by startups, designers and agencies.