Alexandre Combe
Product Designer

Refonte du site
Opquast

CompĂ©tition scolaire 👹‍🎓

Présentation.

Pour la fin de notre premiĂšre annĂ©e scolaire passĂ©e Ă  l'ECV Digital, une compĂ©tition entre M1 est organisĂ©e sur une durĂ©e de 2 semaines. Chaque Ă©quipe possĂšde : 

- 1 Webdesigner

- 1 UX Designer

- 1 DĂ©veloppeur

- 1 Webmarketeur

Nous avons donc 2 semaines, pour s'organiser, planifier une stratégie et rendre notre projet sous forme d'un dossier et d'un oral.

Refonte du site  Opquast
Brief

Opquast (Open Quality Standards) est une société qui s’est fixée pour objectif d’améliorer la qualité et l’accessibilité des services digitaux et particulièrement sur le Web. Elle porte notamment une certification de compétences qui s'adresse aux professionnels du web, quels que soient leurs métiers.


La société a plusieurs activités :
- Formation
- Certification de compétences
- Outils de pilotage des sites
- Livre
- Développement de référentiels


Positionnement
Opquast s'intéresse tout autant aux questions d’accessibilité, de performance, de sécurité et d'ergonomie des sites et services notamment sous l'angle de la prévention des risques fondamentaux en matière d'UX. Le positionnement est donc transversal et généraliste.
Il y a environ 70 écoles partenaires, 28 agences et 6 entreprises qualifiées pour un total d’environ 3400 certifiés en mai 2018. Tous les partenaires.
La certification
La réalisation d’un service Web est un travail d’équipe pour lequel les professionnels de différents métiers, aussi bien prestataires qu’annonceurs (ux designers, graphistes, développeurs, webmarketeurs, référenceurs, rédacteurs web...) doivent interagir, sans pour autant avoir la même culture, le même socle de compétences ni le même vocabulaire professionnel.
Opquast a mis en place une formation certifiante intitulée « Maîtrise de la qualité en projet Web ». Cette formation s’adresse à tous les professionnels du Web, qu’ils travaillent chez les prestataires ou chez les annonceurs. Elle est reconnue officiellement (Inventaire national des certifications professionnelle).


Les sites Web
Opquast a développé un nombre important d'activités et progressivement, la société a édité plusieurs sites Web avec des sous-domaines :
www.opquast.com
- partners.opquast.com
- checklists.opquast.com
Il y a en a d'autres, mais moins stratégiques.


Perspectives
Dans l'avenir, Opquast proposera d'autres certifications, toute sa crédibilité va se résumer à ses référentiels de bonnes pratiques, ses formations et certifications et son écosystème.


Problématique
Depuis plusieurs mois nous nous efforçons de rassembler les sites Web sous un seul site à l'adresse www.opquast.com. Il y a donc une première problématique d'architecture de l'information.
Dans le même temps, même si le logo et la charte graphique ont été établis par un designer de niveau international (Francis Chouquet), les sites manquent sous doute d'attrait au regard de la richesse visuelle de ce qui se fait aujourd'hui. Dans le même temps, Opquast propose des contenus liés à la qualité, à la confiance et à la certification. Il faut donc conserver une image institutionnelle, de type tiers de confiance. Il y a donc une deuxième question liée au choix des contenus et à la présentation visuelle de ces contenus sur le site Web. 


Attendus et livrables
- Préconisations en matière d'architecture de l'information
- Préconisation en termes de marketing de la certification et de la société
- Préconisations ergonomiques pour le site Web Opquast.com
- Préconisations graphiques
- Prototype accompagné de spécifications techniques

Audit UX
Refonte du site  Opquast


Nous avons réaliser en début de projet un audit complet du site Opquast. Cela nous a permis de faire une analyse de l’état actuel pour pouvoir mieux réfléchir à une nouvelle stratégie en matière de ergonomie et architecture du site.

Dans l’ensemble le site est plutôt intuitif mais manque cruellement de simplifications et d’améliorations ergonomiques. Notamment au niveau de la hiérarchie des contenus et des différents parcours qu’un utilisateur peut prendre. Le responsive a aussi quelques soucis, l’accessibilité n’est pas optimale et les éléments graphiques méritent d’être améliorer pour donner envie à l’utilisateur de rester sur le site afin de la parcourir encore plus. 

Audit du formulaire d'inscription Ă  la certification Opquast
Refonte du site  Opquast


Pour se rendre jusqu’au formulaire, il faut se rendre sur la page certification et cliquez sur le bouton intitulĂ© “Inscrivez-vous”, ce qui nous ouvre un autre onglet qui nous redirige vers un autre domaine : shop.opquast.com

Et sur cette page la certification Opquast nous est prĂ©sentĂ© comme un produit physique qu’on pourrait trouver sur n’importe quel site e-commerce ce qui peut provoquĂ© de la confusion chez l’utilisateur. “Est-ce un programme que je vais recevoir chez moi ? est-ce physique ?”. 

Refonte du site  Opquast

Heureusement, il est indiquĂ© dans la description de “l’objet” qu’aprĂšs l’achat effectuĂ© il sera possible de s’entraĂźner sur la plateforme en ligne mais ce n’est pas forcĂ©ment trĂšs explicite et le fait de sortir du site pour aller sur un autre onglet et un autre url peut provoquer un abandon de l'utilisateur.

AprĂšs avoir appuyĂ© sur le bouton “ajouter au panier” nous arrivons sur la formulaire avec une timeline bien distincte pour montrer les Ă©tapes du processus Ă  l’utilisateur. Ensuite, une inscription ou une connexion est nĂ©cessaire pour poursuivre l’opĂ©ration avec le choix de faire une commande spontanĂ©e ce qui est un bon point mais Ă©tant donnĂ© que la formation est en ligne, de quelle maniĂšre l’utilisateur va-t-il pouvoir accĂ©der Ă  son espace d’entraĂźnement ?

Dans notre cas, nous allons choisir l’inscription en rentrant notre adresse. Taquins que nous sommes, il y a un problĂšme de conformitĂ© d’adresse mail.. Si nous ne mettons pas de @ suivi de exemple.com cela nous affiche une erreur mais si nous mettons une adresse qui ne peut pas exister comme sur l’image ci dessous, l’inscription est possible, ce qui n’est pas optimal pour l’utilisateur dans le cas oĂč il se trompe. 

Refonte du site  Opquast

Ensuite sur nous sommes rediriger vers l’inscription. Il existe des champs requis d’aprùs le marquage mais impossible de savoir lesquels.

Refonte du site  Opquast

Dans le cas d’erreurs, un message s’affiche au dessus du formulaire, ce qui n’est pas adaptĂ© pour les utilisateurs. La solution serait d’indiquer les erreurs directement sur les champs concernĂ©s.

Refonte du site  Opquast

Ensuite, aprĂšs avoir appuyer sur le bouton “s’inscrire” nous sommes redirigĂ©s vers la page “Vos adresses”. La timeline n’est plus prĂ©sente, une adresse est demandĂ©e alors que la certification est en ligne et donc ne nĂ©cessite pas de livraison et donc l’utilisateur est sorti du parcours d’achat sans savoir pourquoi.

Refonte du site  Opquast

De plus la saisie d’adresse n’est pas optimisĂ©e puisqu’il est possible de mettre une fausse adresse.

La solution serait d’automatiser la saisie pour guider l’utilisateur. Exemple, si on met 33000 dans le code postal, dans le champs ville, seul les villes correspondantes à la gironde sont possibles d’entrer.

 Autre problĂšme, il est obligatoire de rentrer un numĂ©ro de tĂ©lĂ©phone, ce qui peut frustrer voir faire fuire l’utilisateur. La solution serait de l’enlever ou d’expliquer la raison pour laquelle il le faut.

Refonte du site  Opquast

Une fois l’adresse entrĂ©e et le numĂ©ro rentrĂ©s, nous sommes revenons dans le parcours d’achat dans l’étape “adresse” puis nous passons Ă  l’étape suivante : Livraison.

Cette Ă©tape ne sert malheureusement Ă  rien pour l’utilisateur. De plus, nous avons fait perdre du temps Ă  l’user dans l’onglet prĂ©cĂ©dent pour au final lui dire qu’il n’y pas de livraison.. beaucoup de frustration potentielle pour l’utilisateur.

Pour rĂ©sumĂ©, le formulaire pourrait ĂȘtre plus rapide pour aller plus Ă  l’essentiel et prendre mieux en compte l’utilisateur en lui-mĂȘme en fonction de sa volontĂ© de dĂ©part pour l’amener de maniĂšre intuitive vers son objectif :  obtenir la certification.

Architecture du site Opquast
Refonte du site  Opquast

Le site principal est actuellement composĂ© de 7 rubriques (dont l’accueil) plus une boutique prĂ©sente dans le haut du header. À travers celles-ci, il est possible de se renseigner sur les certifications, les formations, les services, consulter le blog, des offres d’emploi, de contacter Opquast et d’accĂ©der Ă  la boutique.

Seulement, comme mentionnĂ© dans le brief, il existe d’autres sites dont le site dĂ©diĂ© au partenariat et celui dĂ©diĂ© aux checklists. Notre challenge en terme d’expĂ©rience utilisateur est donc de rassembler ces 3 sites en 1 tout en proposant un site le plus optimisĂ© possible.

Dans un premier temps, nous avons fait l’état actuel du site en notant sur des post-it (ux oblige) toutes les parties et sous-partie du site. Ensuite Ă  l’aide de l’équipe marketing, nous avons identifiĂ©s que 3 Ă©lĂ©ments Ă©taient logique de mettre en avant :

- La certification

- Le partenariat

- Les checklists


De ce fait, nous avons voulu rĂ©unir un maximum de sous-parties ensemble afin d’épurer le site et de proposer un parcours le plus court et plus intuitif possible pour les utilisateurs.

Grùce à ce regroupement, nous avons pu déduire les différents éléments du menu du nouveau site :
Accueil : comportant une brĂšve description de la certification, le partenariat, des checklists et le derniĂšre article du blog mis en lign
Certification : comportant les informations autour de la certification, son déroulement, les formations disponibles et les tarif
Devenir partenaire : comportant les renseignements sur le partenariat
Nos outils : comportant les outils de reporting, l’accùs aux checklists
Qui sommes-nous ? : comportant une prĂ©sentation, l’équipe et “on parle nous”
Communauté : comportant le blog, les jobs et le forum
Mon espace : élément clé de notre projet comportant beaucoup de choses qui vous seront expliqués un peu plus loin

Tous ces onglets correspondent à un potentiel but final de l’utilisateur qui est de :
- Passer la certification
- Devenir partenaire
- Faire un audit de son site ou consulter les checklists
- Contacter Opquast

Le but est donc d’amener un utilisateur dans un parcours bien prĂ©cis afin de lui permettre d’atteindre son objectif le plus rapidement possible. Voici un dĂ©but d’arborescence pour mieux visualiser notre futur site.

Refonte du site  Opquast

Comme vous pouvez le voir chaque action terminĂ©es finit par emmener l’utilisateur dans “mon espace”. Effectivement, nous avons dĂ©cidĂ©s de donner plus d’importance Ă  cette section pour donner Ă  l’utilisateur un endroit oĂč tout sera centralisĂ© afin de fluidifier son parcours et le faire revenir sur le site.
Depuis cet espace, l’utilisateur aura accùs à plusieurs sections :

Le camp d’entraĂźnement : dans celui-ci le user pourra s’entraĂźner Ă  passer sa certification, voir ses anciens rĂ©sultats, sa progression, aux corrections, au tĂ©lĂ©chargement du livre : QualitĂ© web, au glossaire et bien-entendu pourra accĂ©der au test officiel
Audit : cette section sera disponible lorsque l’utilisateur aura acheter un outil de reporti. Elle permettra de pouvoir faire des audits de site et tous les rĂ©sultats seront stockĂ©s aussi
Offres d’emploi : cette section permettra de publier des offres d’emploi en tant que partenaire d’opquast et un accùs vers les offres
Mes favoris : ici seront stockĂ©s toutes les offres, checklists ou articles du blog que l’utilisateur aura rajoutĂ© Ă  l’aide d’un bouton “mettre dans mes favoris”
Mes demandes : ici seront stockés toutes les demandes concernant les devis ou les demandes de partenariats


Et puis pour finir, le footer. Dans celui-ci, nous avons pris la décision de mettre :
- l’abonnement à la newsletter
- les mentions légales
- plan du site
- la possibilité de nous contacter
- politique de confidentialité
- les conditions d’utilisations
- la FAQ
- les réseaux sociaux
- et les raccourcis vers accueil, certification, devenir partenaire, nos outils, qui somes-nous ?, communauté et mon espace

Et non, je sais ce que vous vous dites mais nous n’avons pas oubliĂ© la partie “Boutique” du site. C’est un parti pris de notre part. En effet, nous en avons conclu qu’il n’était pas nĂ©cessaire de laisser cette partie car le nombre de produits est trop diffĂ©rents.


De plus, la certification n’est pas vraiment un produit, il reste alors juste les 2 outils de reporting et les 3 livres. Donc nous avons mĂȘme dĂ©cidĂ©s d’enlever la notion de “panier” sur le site. Cependant il sera quand mĂȘme possible d’effectuer tous ces achats mais seulement un par un car ces produits s’adressent Ă  plusieurs types d’utilisateurs diffĂ©rents.


Ce sera l’élaboration des parcours utilisateurs qui dĂ©terminera la finalitĂ© de l’action.


Exemples :
“je consulte les checklists mais je veux les avoir physiquement prùs de moi à n’importe quel moment”
-> sur la page checklists il sera possible d’acheter les livres


“je suis un projet professionnel, je souhaite savoir si mon site est dans les normes”
-> dans l’onglets “nos outils” il sera possible alors d’acheter l’outil en question et de choisir la version pro ou expert


“je veux passer la certification” -> dans l’onglet certification, il aura la possibilitĂ© d’accĂ©der au formulaire d’inscription puis ensuite de payer

Cela permet de rendre tous ces procĂ©dĂ©s plus claires et d’éviter la confusion qu’il pourrait y avoir qu’on met un article dans un panier : est-ce un article physique ? 

Wireframing et parcours utilisateurs

Une fois l’architecture du site Ă©laborĂ©, nous pouvons passĂ©s Ă  l’étape des wireframes.

La volontĂ© premiĂšre Ă  travers ces premiĂšres maquettes est de guider l’utilisateur le plus possible vers son objectif.

Refonte du site  Opquast

Parcours utilisateurs.

Comme mentionné dans le chapitre précédent, nous avons décidés de partir sur 4 parcours utilisateurs. Pour cela nous avons imaginés 3 scénarios différentes :

  • “Je suis Ă©tudiant et je veux passer la certification opquast pour m’affirmer dans le monde du travail”

  • “Je suis une agence qui rĂ©alisent des sites web pour des marques et je souhaite devenir partenaire avec opquast pour amĂ©liorer ma visibilitĂ© et ma crĂ©dibilitĂ©â€

  • “Je suis un designer en freelance et je souhaite connaĂźtre les bonnes maniĂšres Ă©tapes par Ă©tapes pour concevoir un site”

  • “Je suis dĂ©veloppeur dans une agence qui conçoit des sites web et je voudrais avoir des outils me permettant de savoir si nos sites conçues sont bien rĂ©alisĂ©s”

Refonte du site  Opquast
Refonte du site  Opquast

Menu burger :

Nous avons fait le choix de mettre un menu burger afin de aĂ©rer l’interface et permettre d’allĂ©ger le cĂŽtĂ© graphique du site en Ă©vitant d’exposer toutes les entrĂ©es possibles. De plus, nous avons choisit de mettre un menu s’ouvrant sur la totalitĂ© de l’écran ce qui permet de rajouter des raccourcis vers des onglets importants comme les bonnes pratiques, le blog et les offres d’emploi. Le menu burger nous permet aussi d’éviter d’avoir tout un tas de sous menu lorsqu’on passe la souris en survol sur un onglet. L’utilisateur qui vient sur le site opquast est un habituĂ© du web avec un minimum d’expĂ©rience donc le menu burger ne sera pas inconnu pour lui. 

Comme dit prĂ©cĂ©demment, le menu permet d’aller directement vers 6 onglets principaux (dont la page d’accueil) et vers 3 sous-onglets (prĂ©sents dans les onglets) pour crĂ©er des raccourcis vers des Ă©lĂ©ments importants pour l’utilisateur.

L’onglet “Mon espace” a Ă©tĂ© mis en avant volontairement car il est la nouveautĂ© et l’élĂ©ment principal de notre projet.

Refonte du site  Opquast

Premier parcours : S’inscrire Ă  la certification 

L’utilisateur part du menu et clique sur l’onglet certification. Il atterrit sur la page possĂ©dant des raccourcis de scroll vers des sections bien prĂ©cises qui sont : PrĂ©sentation, le dĂ©roulement, formations et les tarifs.

Le user va pouvoir parcourir cette page en scrollant pour pouvoir s’informer un peu plus tout ayant la possibilitĂ© de s’inscrire sur n’importe quelle partie grĂące Ă  un bouton permanent qui permet d’aller Ă  l’essentiel sans devoir remonter ou descendre toute la page. De plus, un bouton “scroll vers le haut” permet de remonter automatiquement toute la page.

L’utilisateur clique sur “commencer l’entraĂźnement” qui sera finalement appelĂ© “s’inscrire” sur les maquettes finales. Le user est alors renvoyĂ© vers la page tarifs qui lui permet de choisir le forfait adaptĂ©.

Refonte du site  Opquast

En fonction de quel forfait il a choisi, la case indĂ©pendant ou Ă©cole/entreprise sera prĂ©-rempli mais on lui laisse la possibilitĂ© de changer. Le fait de cocher une case ou l’autre changera le formulaire du dessous pour Ă©viter les champs inutiles.

Une timeline sera prĂ©sente sur tout le long du processus d’inscription pour que le user sache oĂč il se trouve et quel temps Ă  peu prĂšs il va pouvoir atteindre son objectif.

Sur le cĂŽtĂ© gauche, un explicatif a Ă©tĂ© mis en place pour guider le user et lui expliquer pourquoi il doit s’inscrire avec un aussi la possibilitĂ© de se connecter dans le cas oĂč il possĂšde dĂ©jĂ  un compte Opquast.

Pour les champs, le but est de minimiser le temps passer sur le formulaire pour aller vers le but voulu : l’achat de la certification. Pour rendre, l’expĂ©rience optimale, il est important aussi de ne pas frustrer l’utilisateur en lui mettant des champs obligatoires, on doit lui faire penser qu’il a le choix pour crĂ©er moins de frustration, c’est pour cela que nous avons choisi de mettre plutĂŽt un libellĂ© “optionnel” Ă  cĂŽtĂ© des champs qui ne sont pas obligatoires plutĂŽt que de mettre un astĂ©rix Ă  cĂŽtĂ© des champs qui sont obligatoires.

Le but est donc de demander que les informations dont on a besoin, le nom et prĂ©nom pour l’identification des personnes pour la remise de certification, l’adresse mail pour l’associer Ă  un compte et pouvoir rĂ©cupĂ©rer son mot de passe et en option la profession pour les donnĂ©es analytiques.

Refonte du site  Opquast

Une fois le bouton “crĂ©er un compte” cliquĂ©, le user a un feedback soit de rĂ©ussite soit d’échec dans le cas oĂč un champs a Ă©tĂ© mal rempli. Dans ce cas, le champs en question est indiquĂ© Ă  l’utilisateur avec une phrase explicative pour guider le user.

Clique sur le bouton “passer Ă  l’étape suivante.  

Refonte du site  Opquast

Place maintenant Ă  la partie du rĂšglement bancaire. Un texte explicatif est toujours prĂ©sent sur la gauche du formulaire, pour Ă©viter que le user se pose une question qui aboutisse Ă  une sortie du site. Un rĂ©capitulatif du prix est aussi prĂ©sent puis dans le formulaire la personne choisit sa carte bancaire correspondante, rentre ses donnĂ©es et clique sur “payer”.

Refonte du site  Opquast
Un feedback succĂšs apparaĂźt alors et on lui propose d’accĂ©der Ă  son espace, ce qui permet de lui montrer directement ce que son achat va lui permettre de faire. 

Deuxiùme parcours : Devenir partenaire d’Opquast

MĂȘme procĂ©dĂ© que pour la certification. Le user va pouvoir accĂ©der Ă  la page “Devenir partenaire” soit depuis le menu burger soit par la page d’accueil.

Pour la partie formulaire, le but est lĂ  aussi d’aller Ă  l’essentiel en proposant que des champs que nous avons vraiment besoin avec un champs qui permet d’écrire en quelque mots la demande.

Ensuite le user sera renvoyĂ© s’il le veut vers l’onglet “Mon espace” oĂč il pourra consulter ses demandes en attentes. Il sera aussi bien entendu possible de recevoir un mail.

Refonte du site  Opquast

TroisiĂšme parcours : Consulter la checklists

La checklists est accessible via la page d’accueil, l’onglet “Nos outils” et le raccourcis “les bonnes pratiques” prĂ©sent dans le menu. 

Refonte du site  Opquast

La présentation de ces checklists ont été changés par nos soins. Effectivement, nous avons essayés de rendre plus accessible les rubriques des différentes checklists.

L’avantage de ce genre de vue est que le user restera tout le temps sur la mĂȘme page, seul le contenu changera en fonction de ses actions. Il pourra changer de checklists et de rubriques beaucoup plus rapidement car ils sont tous disponibles et cliquables sur la page.

Le user aura aussi la possibilité de passer de critÚre en critÚre ou de simplement en charger un de plus.

Nous avons mis en place aussi un bouton qui permet d’acheter le livre : QualitĂ© du web, ce qui le met en avant sans pour autant mettre une banniĂšre pub qui est plus intrusive.

QuatriĂšme parcours : Acheter un livre ou un outil de reporting

Les outils et les lives sont disponibles depuis l’onglet “Nos outils”. Une fois sur cette page, toutes les informations concernant ces outils sont prĂ©sentes et des boutons permettent Ă  l’utilisateur de rĂ©aliser un achat. 

Refonte du site  Opquast

De plus il y a la possibilitĂ© de directement choisir quel outil ou livre l’utilisateur a besoin. Ensuite sur le formulaire, il a la possibilitĂ© de changer d’avis pour les outils et de choisir par exemple tous les livres pour le formulaire d’achat de livres.

On lui demandera de crĂ©er un compte si l’utilisateur choisit d’acheter un outil ou le livre en version numĂ©rique, puisqu’il pourra les retrouver ensuite dans “Mon espace”.

Dans le cas oĂč l’utilisateur veut un livre en version papier, on lui demandera de rentrer son nom, prĂ©nom et adresse de livraison ou un lien vers Amazone. 

Mon espace

Comme on a pu le voir, la page “Mon espace” est l’ülot centrale du site puisque tout est reliĂ© Ă  lui. Chaque finalitĂ© de parcours nous amĂšne vers lui.

Comme mentionnĂ© dans la partie prĂ©cĂ©dente, ce lieu sera l’espace de travail de l’utilisateur, il va passer du temps dessus donc il est important de lui proposer une interface ergonomique et agrĂ©able visuellement. Il aura accĂšs Ă  ses outils, ses demandes, ses favoris et son camp d’entraĂźnement pour passer la certification.

La synthĂšse de tous ses entraĂźnements passĂ©s lui seront prĂ©sentĂ©s de maniĂšre intuitives avec l’ajout d’un aspect “gaming” puisqu’il aura la possibilitĂ© de consulter un classement pour voir oĂč il se situe par rapport Ă  un test bien prĂ©cis. On peut alors aussi imaginer dans le cas oĂč une Ă©cole dĂ©cide de faire passer la certification Ă  ses Ă©lĂšves une sorte de compĂ©tition interne qui augmentera la motivation des participants.

Des cours en ligne seront aussi disponibles pour la personne, le livre numĂ©rique sera tĂ©lĂ©chargeable ainsi que le glossaire pour mettre l’utilisateur dans les meilleures conditions possibles et le motiver Ă  revenir le plus souvent possible pour amĂ©liorer son niveau.

Refonte du site  Opquast
Refonte du site  Opquast

Dans le cas oĂč l’utilisateur se rend sur l’onglet “mon espace” et n’a pas de compte ou n’est pas connectĂ©, un bouton “crĂ©er compte” et “se connecter” lui sera alors proposĂ©. 

Refonte du site  Opquast

Footer

Dans celui-ci, nous avons essayĂ© d’épurer au maximum le contenus prĂ©sents pour permettre Ă  l’utilisateur de se rendre plus facilement aux onglets voulus et de mieux comprendre la structure du site. La possibilitĂ© de rejoindre les rĂ©seaux sociaux ou de s’abonner Ă  la newsletter est possible grĂące Ă  la partie de droite.

Webdesign et UI Design
Refonte du site  Opquast

Tous les choix graphiques et la réalisation des illustrations ont été assuré par ma collÚgue Webdesigneuse. Je me suis donc occupé de quasiment toute la partie UI.

Ne pouvant pas vous partager le prototype fonctionnel sur cette page, je vous invite Ă  copier/coller ce lien dnas votre bar URL : https://invis.io/DXQLVF0FVSP