CASTELLO

Équipe

Rosalie Bea : Recherche UX, Design UI, chargée de projet

Marilou Bergeron : Recherche et analyse UX

Mathieu Guimond : Design UI

Année

2020

Chaque conte qui a marqué et qui continue de marquer les enfants est inventé par des adultes qui ont eux aussi toujours leur imaginaire. Nous croyons que tout le monde est toujours habité par sa magie d’enfant, cette magie qui nous permet de nous évader, de jouer, de faire la fête avec les gens qu’on aime. Chez Castello, on laisse la place à cet imaginaire-là.

Ce mandat consistait à améliorer l'architecture, la navigation

et le visuel du site web de Castello afin de mieux répondre

aux besoins des utilisateurs.

Restructuration de
l'architecture du site web
et nouvelle conception

iPhone XR Mockup .png

Grâce à une analyse concurrentielle, l'équipe a pu déterminé que Castello ressortait du lot grâce à;

  • Son expertise 

  • Son service très personnalisé et humain, privilégié avec le client

  • L’expérience immersive en magasin

  • La variété des services connexes

  • Le prix abordable de ses produits

Nos méthodes

Par une méthode entonnoir, nous avons débuté nos recherches par le sondage visant la population en générale, pour nous faire une vision d’ensemble des utilisateurs, des habitudes, de leurs motivations et de leurs préférences d’achat de jeux.

 

Ensuite, nous avons utilisé le Fly on the Wall, directement en boutique, pour se rapprocher des utilisateurs directs de Castello, et de mieux cibler nos profils. Cela nous permettait aussi de pouvoir comprendre l’ambiance et de constater l’expérience utilisateur sur place. 

 

Par la suite, nous voulions comprendre les habitudes des utilisateurs sur le site web, et le pourquoi, les intentions plus profondes de leurs besoins, c’est pourquoi nous avons fait un Shadowing avec narration.

Nos grands constats

Suite à toutes nos recherches, on a vraiment pu établir 6 grands constats qui a donné une ligne directrice pour la suite du travail.

 

Immersion

L’expérience de Castello en boutique est une expérience immersive. Ce n’est pas le cas sur le site internet, qui fait très entrepôt. On dénote un grand décalage entre l’expérience utilisateur en ligne qui semble froide, terne et corporative, comparé à l’expérience utilisateur en magasin, qui nous emmène réellement dans un autre univers chaleureux. 

 

Tangibilité

Les utilisateurs aiment regarder et manipuler les jeux et jouets qu’ils veulent acheter. 

 

Navigation

La navigation du site internet ne se fait pas de manière fluide et intuitive ce qui peut créer de la frustration chez l’utilisateur et même l’empêcher de terminer sa tâche sur le site.

 

Services offerts

Les autres services à part la boutique en ligne (comme l’organisation de fête et les services aux écoles) ne sont pas mis en valeur sur le site internet. L’utilisateur peut facilement passer à côté sans même jamais savoir que ces types de services existent.

 

Accès à l’expertise

Les utilisateurs préfèrent aller en magasin pour avoir accès à l’expertise et au très bon service à la clientèle des commis. Sur la boutique en ligne il est très difficile de parvenir à avoir les renseignements et peut créer de la frustration.

 

Visibilité de l’entreprise

Malgré son expertise dans le milieu de la vente de jouets et son offre intéressante comparativement aux concurrents en ce qui s’apparente au monde des jeux et des jouets, Castello n’est vraiment pas très connu par rapport à ses compétiteurs.

Compréhension du public

Profil 01

Le parent

25-40 ans - Travailleurs professionnels

 

  • Trouver des idées cadeaux adaptés à son enfant

  • Se simplifier la vie lors de l'organisation d'un anniversaire

  • Savoir exactement ce qu'il achète

mom.jpg

L’Éducatrice/Enseignante

22-65 ans - Travailleurs professionnels

  • Recevoir un service fiable d’emprunt de jeux pour assurer une variété à son groupe d’enfant

  • Recevoir des conseils adéquats d’experts

  • Faire vivre une expérience agréable et sécuritaire à son groupe d’enfant

Profil 02

édu.jpg

Organisateur

évènementiel

25-65 ans - Travailleurs professionnels

  • Avoir un prix intéressant pour l’organisation festive

  • Avoir une garantie de service efficace et professionnel

  • Pouvoir organiser un événement sans problématique ou perte de temps

  • Retrouver toute l'information nécessaire au même endroit de façon rapide

Profil 03

bureau.jpg

Profil 04

Jeune adulte fan

de jeux de société

19-30 ans - Étudiant ou jeune professionnel

  • Passer du bon temps entre amis-es

  • C’est un connaisseur, il veut avoir un bon prix et une sélection variée

  • Trouver et acheter facilement sur le site, avec un délai de livraison rapide

  • Il s’attarde aux avis et aux critiques de jeux par les joueurs

hipster.jpg

Ce qu’on peut comprendre de ces différents types de profils c’est que :

  • Le client arrive avec une tâche généralement prédéfinie

  • On ne veut pas perdre notre temps, on veut accomplir la tâche de façon efficace sans avoir à se compliquer la vie; 

  • Si le service et l’expérience sont au rendez-vous, l'entreprise voit un engagement accru de l'utilisateur, car ce sont des tâches qui sont récurrente à moyen et à long terme.

Capture d’écran, le 2022-04-25 à 15.45.00.png

Arborescence actuel

du site web

Les problématiques

ciblées

En produisant l'arborescence du site web actuel, l'équipe a noté :

  • Une surabondance globale, autant au niveau graphique qu’informatif, avec plusieurs répétitions de pages non nécessaires

  • Des services connexes mal présentés et difficiles à atteindre pour avoir toute l’information désirée

  • L’organisation des catégories non adéquates créant la confusion chez les différents utilisateurs

Capture d’écran, le 2022-04-25 à 15.45.11.png

Nouvelle arborescence

Nous recommandons

  • Simplification

Il était primordial de faire tout d’abord un travail de simplification générale, en supprimant des accès à des pages en double,  et en ne gardant que l’essentiel. Un gros travail à été fait, notamment, en haut et pied de page en allégeant ceux-ci, avec de nouveaux regroupements par exemple.

  • Hiérarchisation

De plus, nous avons classé les informations sous degré d’importance, pour ne garder seulement ce qui semblait essentiel aux besoins de nos utilisateurs. En réduisant les données, cela permet de mettre en valeur davantage celles qui sont les plus utilisées, c’est-à-dire : la boutique en ligne, l’organisation de fêtes, les services aux écoles et garderies, et l’expérience sur place. 

  • Meilleure libellisation

Pour pallier à la problématique des catégories et permettre un meilleur référencement, nous avons complètement optimiser les titres des catégories et grâce à un tri de carte, nous avons pu enlever certains nominaux ou en regrouper d’autres, pour arriver à un résultat optimal.

Création de wireframes

Accueil – 1.jpg
Accueil – 3.jpg

Le squelette de notre site internet étant simplifié, il fallait revoir sa navigation en créant un interface simple, ergonomique où nos utilisateurs pourront se concentrer sur leur tâche sans perte de temps. Nous avons opté pour une réflexion de design responsive, en débutant la création par le site mobile et en l’adaptant au site complet. Cela nous a permis de facilement déceler les manières les plus intuitives de présenter les éléments.

Sur chaque page, nous avons une hiérarchie d’informations claires

aux emplacements définis, permettant d’avoir un ordre logique dans la lecture des éléments, et redonner le sentiment de contrôle à nos utilisateurs. Nous avons aussi placé la barre de recherche et le “nous joindre” en mode paralax, de manière à être toujours accessible, peu importe la tâche et l’emplacement sur la page. Nous avons créé des commandes et des libellés faciles à localiser, de bonne grandeur avec un espace de dégagement autour, afin de faciliter leur utilisation. Puis, pour aider la compréhension de l’objectif de nos icônes, nous avons ajouté la description de ceux-ci par leur action plutôt que de décrire l’élément comme tel.

Accueil – 6.jpg
Fiche jeu – 3.jpg
Mockup_castello_projet1.jpg

Conception finale