Projet pro : Système de prise de RDV en salon de coiffure

Prise-de-rdv-screen-1

Aperçu du projet

Cette application fait partie d'un logiciel métier plus vaste, regroupant des interfaces de gestion et de facturation à destination des salons de coiffure. Cet add-on permet aux coiffeurs de créer des rdv depuis leur caisse pour leurs clients finaux, rdv qui s'afficheront dans l'agenda du salon.

La principale problématique de cet add-on est de concilier une utilisation simple et concise avec les contraintes relatives au métier ou à la technique. Ces contraintes ne doivent pas retomber sur l'utilisateur et rendre le parcours fastidieux, le tout en permettant la personnalisation nécessaire et demandée des rdv (client de passage, client fidèle, lien entre prestations/coiffeurs/créneaux horaire, gestion des temps de réalisation, chevauchement ou non des rdv ...).

Prise-de-rdv-screen-2

Le parcours global accompagne l'utilisateur dans cinq étapes : la recherche du client, le choix de ses prestations, le choix de son coiffeur (facultatif), le choix de son créneau et enfin la saisie de ses informations complémentaires au besoin.

User flow

Définition du fonctionnel avec les Product Owner en nous appuyant sur les retours, positifs comme négatifs, de la première version utilisée par les salons pilotes.

Une première version schématique du parcours utilisateur a vu le jour, afin de juger de l'ampleur du projet (estimation du temps, du budget, des ressources et compétences necessaires) sans oublier la tâche au centre de ce parcours qui est effectuée par le coiffeur : prendre un rdv.

A l'aide de Zeplin et des maquettes hight-fidelity, cette première version a évoluée en un document de référence à disposition de l'équipe fonctionnelle, des développeurs et des testeurs.

Prise-de-rdv-user-flow

Quelques éléments de la style guide

La style guide et quelques spécifications fronts permettent à l'équipe technique de gagner du temps, de construire un projet homogène mais aussi de garder les bases visuelles et ergonomiques à portée de main pour des évolutions futures.

Prise-de-rdv-ui

Thèmes colorés

La caisse, et donc le processus de prise de rdv, est déclinable en plusieurs couleurs, paramétrables directement par le client afin de coller au mieux à l'identité de son salon de coiffure ou de sa marque.

Problématiques responsives

Le matériel le plus largement utilisé par les salons de coiffure est une tablette tactile d'une largeur utile de 1024px sur laquelle un clavier peut être branché, cependant une partie des clients préfère utiliser un ordinateur classique. La majorité souhaitant également pouvoir utiliser leur smartphone pour plus de mobilité en salon.

De ce fait cette fonctionnalité de prise de rdv se doit d'être parfaitement fonctionnel sur mobile et tablette tactile cible, mais également pleinement utilisable sur des tablettes ou ordinateurs plus classiques.

Prise-de-rdv-responsive

En bref, les livrables :

  • Style guide & comportement des éléments UI

  • User flow (Zeplin)

  • Premier prototypes mobiles + scénarios de test --> tester le parcours utilisateur et l'impact visuel

  • Deuxième prototype mobiles & desktop hight-fidelity + scénarios détaillé pas à pas --> à destination de l'équipe commercial

  • Maquettes finales --> alimentation des User Stories

Marie Lenfant
Welcome to my design portfolio on Dribbble
Get in touch

More by Marie Lenfant

View profile