Moi Etc - redesign de site web et implémentation sur Wix
VUE D'ENSEMBLE
Moi Etc est un groupe de musique tarnais qui performe en duo ou en solo lors d'évènements ou de concerts privés.
​
Dans un processus de modernisation et de réorganisation du contenu de son site internet, je me suis chargée de faire un audit UX, une veille UX/UI ainsi que des recommandations d'optimisation avant de commencer le projet de re-design.
MON ROLE
UX/UI Designer - Développement WIX
​
Stratégie SEO, Optimisation du contenu, Architecture de l'information, Création de logo, etc.
Le problème
Un site est le visage d'un projet, d'un business. Notre client souhaitait un re-design de son site internet afin qu'il corresponde mieux à la vision créative qu'il souhaite transmettre à travers cette vitrine digitale. Le but final est d'augmenter la visibilité du site, d'améliorer l'expérience utilisateur et mettre en avant les services proposer par le groupe.
Point de départ
Au début du projet, il a été convenu que nous allions garder la palette de couleur présente actuellement sur le site. Il a été recommendé au client de revoir son architecture de l'information afin de facilité au maximum la recherche d'information.
​
Avant de commencer, je me suis poser plusieurs questions :
-
Qui seront les utilisateurs du site?
-
Que font les autres artistes?
-
Quels sont les problèmes actuels du site?
-
Pourquoi un fan, un potentiel client visiterait le site internet plutôt que les réseaux sociaux ?
Recherches préliminaires
Afin de mettre en avant le site, il a été important de rechercher les raisons pour lesquels des fans ou des organisateurs en évènementiels pourrait être amené à consulter un site internet plutôt que les réseaux sociaux comme Facebook ou Instagram.
EXCLUSIVITES
Des exclusivités non disponibles sur les réseaux sociaux, telles que des vidéos de concerts ou des interviews, sont proposées par les groupes de musique.
ACTUALITES ET MISES A JOURS
Des mises à jour plus rapides sur les concerts à venir et les projets futurs peuvent être fournies.
NAVIGATION
Une navigation spécifique permet à n'importe qui de trouver rapidement des informations précises sur le groupe.
CONTACT PROFESIONNEL
Une prise de contact rapide et professionnelle avec les managers ou les labels peut être proposée.
REFERENCES
Des références et informations au sujet de collaborations précédentes, de partenaires ou d'événements peuvent être fournies, ce qui peut aider les organisateurs événementiels à évaluer la qualité et la fiabilité du groupe.
Qui sont les utilisateurs?
Basé sur nos recherches préliminaires et sur les échanges avec le client, nous avons délimités deux persona pour lesquels nous allons essayer de résoudre leurs problèmes.
​
Le but initial du client était de viser uniquement les responsables évènementiels mais après discussion, je lui ai partagé les avantages de se concentrer sur une expérience utilisateur générale pour tout type de visiteurs. En effet, nos recherches préliminaires ont bien démontrées que même des fans pourraient être amenés à visiter le site internet plutôt que les réseaux sociaux.
PERSONA PRINCIPAL
PERSONA SECONDAIRE
Nom: Jean
Age: 43 ans
Occupation: responsable évènementiel
Jean est responsable évènementiel dans une salle de concert toulousaine. Jean recherche sur les réseaux sociaux des groupes de musiques tendance et à l'habitude de contacter les groupes à travers les sites internet parce qu'il retrouve toutes les informations dont il a besoin au même endroit.
Nom: Anaïs
Age: 37 ans
Occupation: artiste potière
Anaïs aime beaucoup suivre les nouveautés musicales autour de chez elle et adore se rendre à des concerts tous les vendredis soirs. Quand elle supporte des artistes, elle ne fait pas les choses à moitié mais elle n'a pas le temps de chercher des dates dans des anciens posts instagram, elle aime pouvoir connaître les prochaines dates de concerts simplement.
Architecture de l'information
Il a été tout d'abord question de discuter avec le client de ce qu'il souhaitait proposer sur son site web. Avant le re-design, la navigation du site se limitaient à une seule page sur laquelle se trouvaient toutes les sections les unes après les autres.
​
L'architecture d'information a été pensé de façon à proposer un répartition logique et intuitive du contenu, en fournissant aux visiteurs toutes les informations importantes sur le groupe et leurs projets, de manière claire et facilement accessible.
Wireframes
Premier design
Un prototype haute fidélité a été mis en place afin de le proposer au client avant de passer à la phase de développement wix. Cette première version tient compte de l'information de l'architecture présenté au dessus.
Feedback et modifications
Après discussion avec le client et quelques tests utilisateurs, nous nous sommes rendu compte que l'architecture d'information devait être modifié. De ce fait, les écrans ont quelques peu changé.
"J'ai eu du mal à trouver ou cliquer pour voir les vidéos" - un testeur
Il a été décidé de retirer l'onglet presse qui n'offrait pas vraiment d'information supplémentaire étant donné que nous avions une section retour presse sur la page d'acceuil. Nous avons aussi décidé d'organiser les dates et concerts par années (2022 et 2023) de façon à ce que ce soit simple pour les visiteurs de trouver les évènements à venir.
​
L'onglet "nouveau clip" a aussi été supprimé mais la vidéo est trouvable dans la section vidéo.
Un player spotify a été ajouté pour que le visiteur puisse avoir un avant gout du single avant de cliquer sur les liens externes.
Un carrousel de retour presse a été ajouté pour remplacer l'ancien design. De cette façon les visiteurs peuvent lire tous les retours presses sur la même page.
Style sheet
