Direction le Japon

Résumé

Ce projet est un défi sur 2 jours en équipe de 3 personnes afin de concevoir un site web dédié à la vente de billets d’un parc d’attraction fictif sur le thème de notre choix. En l’occurence, nous avons choisi ici un thème autour des films du Studio Ghibli.

Rôle

UX/UI Designer

Durée du Projet

2 jours

Outils utilisés

Figma et Discord

Introduction

Ce défi est effectué en groupe de 3 personnes dans le cadre de la formation UX/UI Design proposée par Docaposte Institute. Nous devons concevoir un produit sur la thématique du parc d’attraction. L’objectif du projet est de créer les pages suivantes pour un site internet en 2 jours :

  • Accueil
  • Formules et prix
  • Paiement
  • Attractions
  • Restauration
  • Contact et infos pratiques
  • Interaction (gamification) avec l’utilisateur
 

La contrainte principale de ce défi est ici le temps très restreint. Nous nous sommes alors répartis le projet en 4 phases majeures (1/2 journée par phase) :

  • La recherche utilisateurs et conception de persona pour nous aider à définir le besoin utilisateur
  • Le benchmark des concurrents directs comme Disneyland Paris, le Parc Astérix et Europa-Park
  • La création des wireframes en nous répartissant les différentes pages
  • La conception de maquettes high fidelity et prototypage de notre produit

 

Nous avons présenté par la suite notre produit et ses spécificités à l’ensemble des membres de notre formation.

Problème que l'on souhaite résoudre

Convertir les visiteurs du site en visiteurs du parc.

Recherche utilisateurs

Étant donné le temps très restreint dédié à la recherche utilisateurs, nous avons commencé à étudier méticuleusement le cahier des charges du défi avant de se lancer dans la conception d’un persona. L’exercice n’a pas été des plus simples car il nous manquait en amont une enquête sur notre public cible ou du moins le contexte du projet (chiffres clés du secteur des parcs d’attractions, leurs enjeux et problématiques etc.) par exemple. Cela nous aurait beaucoup aidé pour dégager une problématique à résoudre et confirmer les hypothèses que nous avions sur nos utilisateurs types. Nous avons ici pris conscience de l’importance d’une recherche préliminaire avant la conception d’un produit pour le rendre plus pertinent et intuitif.

Benchmark des concurrents directs

Suite à la courte recherche, nous nous sommes lancés dans un benchmark des concurrents directs tels que Disneyland Paris, le Parc Astérix et l’Europa-Park. Nous nous sommes cantonnés à 3 parcs. Je me suis donc focalisée sur l’Europa-Park pour mon benchmark. J’ai sélectionné tous les éléments qui me semblaient les plus intéressants pour notre projet et rajouté des commentaires pour chaque écran. Par la suite, je me suis appuyée sur ces annotations pour entamer mes wireframes.

Wireframes

C’est à ce moment que nous nous sommes partagés le projet. Je me suis donc concentrée sur les pages des formules et prix, du paiement et contact et infos pratiques.

Pour les formules et les prix, j’ai favorisé une page avec une offre simple : 3 tickets avec leurs spécificités et une gamme de prix variés. J’ai également rajouté un espace FAQ pour répondre à toutes les interrogations que pourraient avoir les utilisateurs avant l’achat d’un billet mais également optimiser le SEO de notre site internet.

Pour le paiement, j’ai opté pour plusieurs étapes pour accompagner au mieux l’utilisateur : 1. Les tickets, 2. Les coordonnées de l’acheteur, 3. Le récapitulatif (avec option de livraison et conditions générales) et 4. Le paiement sécurisé. À noter que le panier avec son détail reste toujours visible pour l’utilisateur tout au long de son parcours d’achat.

Pour le contact et les infos pratiques, on y retrouve les indications avant la visite du parc sur notamment les flux d’affluence du parc, comment venir au parc, son accessibilité ainsi qu’un FAQ.

Maquettes et Prototypes

Grâce aux compétences de directrice artistique de ma camarade, nous avons pu facilement appliquer la charte graphique qu’elle a conçu spécialement pour notre défi et créer nos maquettes finales. Afin de rendre les maquettes “plus” high-fidelity, je n’ai pas hésité à utiliser de l’IA afin de générer les textes des pages crées.

Ce que j'ai appris grâce au projet

Il nous a manqué beaucoup de contexte, data et insight utilisateur pour dégager une problématique centrée sur l’utilisateur et non sur un besoin business. La partie UX est essentielle pour construire une expérience utilisateur plus pertinente et intuitive.