Cahier des charges

Site web salon de coiffure “Futur Création”

Alexandre Rocca et Julien Da costa

~ Sommaire ~

1. Objectifs stratégiques
A/ Résumé
B/ public cible
C/ vision générale du contenu

2. Focus
A/ Charte graphique
B/ Fonctionnalité
C/ Remarques complémentaires

3. Prototype de structure
A/ Brève description méthodologique
B/ résultat et analyse
C/ Proposition de prototype

1. Objectifs stratégiques :
Résumé :
Créer un site “vitrine” ayant pour but d’informer le client et de promouvoir le salon de coiffure,
ainsi que certaines de ces activités annexes.

Public Cible :
 Le salon de coiffure est destiné à tout client sans distinction. Cependant (voir annexe
3), les femmes sont les cibles privilégiées, elles sont plus nombreuses à utiliser ce service,
elles demandent des techniques de coiffure souvent plus complexes et sont les seules à utiliser
certains services annexes (ex : Onglerie).

Vision générale du contenu :

Le site contiendra toutes les informations permettant de situer et de contacter le salon

(Nom, adresse, téléphone). De plus il devra intégrer les horaires d’ouverture du salon ainsi que
toutes le type et le prix de toutes prestations de coiffures organisées de façon thématique selon
le genre. Certaines prestations (définies par la commanditaire) devront être illustrées d’une
photo et la réduction étudiante être mise en valeur.
Des informations concernant l’espace onglerie et la vente de produits de beauté devront être
disponibles sur le site, ainsi qu’un lien vers le services tatouage.
Enfin le site disposera d’un espace où l’historique du salon et une présentation du parcours de
la propriétaire apparaîtront. Des journées à thèmes sont en réflexion, si cette idée voit le jour,
elle devra être intégrée au site. Pour plus de détails concernant la demande du commanditaire
se référer au document en annexe 1.

2. Focus

Charte graphique :

D’après notre analyse de l’activité (annexe 3) il est important pour le “futur” client de
pouvoir visualiser le salon et se faire une idée de l’ambiance, de l’atmosphère y régnant. En
conséquence le site intégrera de nombreuses images du salon, et la gamme de couleur utilisée
sera en accord avec les tons chaleureux du salon (orange/jaune), ce qui était aussi souhaité par
notre commanditaire. L’idéal serait de refléter l’ambiance accueillante et “maison” du salon tout
en gardant une certaine sobriété propre à un espace de détente.

Fonctionnalité :

Étant donné le caractère multiculturel de Genève, il serait bon que le site soit disponible
en français et en anglais. De plus la commanditaire et d’origine italienne de même que nombre
de ces clients, une version en italien est donc envisageable.
D’après notre analyse de l’activité, le bouche à oreille est un élément majeur du choix
d’un salon. Les fonctionnalités favorisant le partage sont à valoriser. Les fonctionnalité de
partage via email, sms, twitter, facebook sont disponibles sur les sites concurrents (annexe 2).
De même proposer une version imprimable de la page peut être intéressant.
Situer et contacter le salon de coiffure est primordial, d’après notre analyse
concurrentiel (annexe 2) la proposition d’une carte interactive google map semble être
pertinente et permet à l’utilisateur d’accéder à différentes vues et de créer son itinéraire
directement sur le site. De même nous avons pu observer un site proposant une fonction de
rappel par mail ou téléphone lorsque l’utilisateur entre ses coordonnées.
Un diaporama photo permettra de ne pas surcharger d’images les pages tout en
proposant à l’utilisateur le souhaitant un nombre conséquent de vues du salon.

Remarques complémentaires :

La relation coiffeur-client est importante pour l’utilisateur/utilisatrice car permet

d’instaurer une relation de confiance et facilite la communication. Le site devra favoriser ce
lien en présentant l’équipe de coiffure et valoriser la régularité. “Le turn-over de l’équipe de
coiffure était déstabilisant et entraînait une coupe de cheveux à chaque fois différentes et ne
correspondant pas toujours à ses attentes”(annexe 3). Nous avons observé que certains site
n’hésitent pas à mettre en avant dès la première page l’équipe de coiffure (Par exemple le site
Rhizhone - Annexe 2). Ci mettre cette information en page d’acceuil, est loin d’être la norme
pour tous, cela dénote une certaine importance de l’information et la nécessité de la voir figurer
quelque part sur le site.
Visualiser des exemples de coiffures réalisées sur des clients, peut motiver et/ou
décider la personne à choisir ce salon. Les images étant des cliente et non des modèles,
l’utilisateur peut alors s’identifier avec plus de facilité.

3. Prototype de structure du site :

Le prototype de structure du site a été défini à partir de la méthode du tri de carte.
Une méthodologie centrée utilisateur utilisée en ergonomie pour obtenir des informations sur
la structuration de contenu d’un site internet. Nous avons effectué le tri de carte avec deux
utilisatrices agées de 24 ans, adeptes d'internet et utilisant les services de salons de coiffures.

A/ Description méthodologique :

La méthode du tri de carte a pour but de faire ressortir aux chercheurs l’architecture de
l’information d’un site web tel qu’elle est attendue par les utilisateurs. En effet, ces informations
doivent, pour l’utilisateur, être pertinentes, accessibles et pour cela doivent être organisées
d’une manière claire et logique pour lui. Cette méthodologie tente de faire ressortir le schéma
mental de structuration d’informations des utilisateurs. Pour ce faire, la méthode consiste à
présenter tout le contenu d’un site web sous formes de cartes que l’utilisateur devra regrouper,
suivant les liens logiques qu’il perçoit. La procédure se déroule en quatre étapes :
1. Phase d’immersion
2. Phase de définition des contenus
3. Phase de groupement
4. Phase de labellisation des groupes.

Pour le détail descriptif de ces différentes étapes se référer à notre document en annexe 4.
 Nous avons réalisé 42 cartes contenant des photos, des textes, des adresses web
ou mail, la représentation d’un diaporama photo etc. Ces cartes ont été réalisées à l’aide de
contenus d’autres sites web et notamment ceux relevé lors de l’analyse concurrentielle.
La passation s’est déroulée en France avec l’un de nous communiquant et participant à
distance via vidéo et haut parleur. La passation s’est déroulée avec deux utilisatrices.
Pour plus d’information concernant le choix des utilisateurs et le déroulement de la passation se
référer à notre document en annexe 4.

B/ Résultat et Analyse :

résultats obtenue :
Nous constatons à travers les catégorisations des deux utilisatrices certaines différences mais
aussi beaucoup de points communs. Cela nous donne :

Points communs :
De manière général nos deux utilisatrices ont opéré des catégorisations très ressemblantes.
● On peut constater que les deux utilisatrices ont créé des catégories “Tarifs et
prestations” regroupant les mêmes cartes (différences simplement au niveau du
diaporama et de la carte où un des modèles porte un tatouage). Les utilisatrices veulent
pouvoir voir les prestations et le prix correspondant simultanément (pouvoir comparer,
être sur de ne pas se tromper etc.). Les utilisatrices n’ont fait aucune sous-catégories
concernant les prestations (pas de séparation par type de coupe, par longueur de
cheveux, par genre etc.). Les utilisatrices nous ont dit qu’il n’est pas forcément pertinent
de le faire car ensuite il faut connaître la terminologie des catégorisations.
● On constate chez les deux utilisatrices une volonté de séparer les prestations de coiffure
des produits de coiffure, voir de certains services annexes (tatouage, onglerie). Même si
elles réalisent la manoeuvre de façon différente (voir différence).
● Les utilisatrices sont très attentives à ce que les informations de contact, d’horaire et
de situation géographique se retrouvent en un seul et même endroit. Ainsi les cartes
de plan, d’adresse, numéro de téléphone, horaire d’ouverture, fermeture jours férié etc.
doivent être facilement accessible et ne pas avoir à les chercher sur différentes pages
du site.
 ● La demande de stage, l’offre d’emploi sont sans aucune hésitation, pour les sujets, des
cartes relatives au secteur de l’emploi du salon et doivent être dans une catégorie à
part.
● On remarque enfin que les utilisatrices ont une vision assez claire de ce qu’elles
comptent trouver dans une présentation de salon. Les catégories “accueil” et “notre
entreprise” sont identiques et regroupe un historique, une présentation du parcours de
la patronne, l’équipe de coiffure, photo du salon etc. Par “accueil” l’utilisatrice ne parlait
de la “page d’accueil “ terminologie utilisée dans le domaine du web mais “l’accueil” d’un
salon, dans le sens de recevoir les gens, de se présenter.

Différences :
● Chez l’une des utilisatrices, la catégorie “livre d’or” a été constitué alors que pour l’autre,
la carte “livre d’or” n’avait aucun sens et/ou aucune utilité.
● La “journée à thème” semble aussi être une carte intéressante. L’une l’a supprimée,
l’autre l’a mise dans le groupe contact horaire. La suppression de cette carte peut être
expliqué par le fait que les journées à thèmes sont une spécificité propre au salon de
coiffure sur lequel nous travaillons et donc pouvant être inconnu aux utilisatrices cliente
d’autre salon de coiffure.
● Dans la catégorie de “contact” (chez le sujet S.), il y a la carte “info/news”, carte qui nous
semble être une référence à l’actualité pour les sujets. Il est intéressant de voir que le
sujet N. a mis la carte “info/news” dans une catégorie “emploi” (catégorie existante chez
le sujet S.).
● La catégorie “lien” n’existe pas chez le sujet N. car les cartes de cette catégories sont
réparties dans d’autres catégories chez N. Pour le sujet S. il semble que cela soit une
catégorie dirigée vers quelque chose d’extérieur au site.
● La carte “diaporama” a la même fonction mais est utilisée pour des usages différents.
Les utilisatrices voient l’utilisation d’un diaporama soit pour la présentation d’un salon
soit pour un aperçu des prestations possibles.

C/ Proposition du prototype
Nous avons pris comme base la structure commune aux catégorisations des deux
utilisatrices. Sur cette base nous avons développé la structure du site en tenant compte des
informations obtenues aux cours de l’analyse de l’activité et de l‘analyse concurrentielle.

Plan :

Page d’accueil :

Devra rester sobre et poser l’ambiance du salon, nous avons déjà discuté du fait que
l’ambiance du site reflète l’ambiance du salon de coiffure pour l’utilisatrice. Pour respecter la
volonté de notre commanditaire nous devrons respecter une ambiance chaleureuse et “maison”
tout en restant dans une certaine sobriété et élégance propre à l’esthétisme d’un salon de
coiffure. La page d’accueil doit aussi être claire et mener rapidement à l’information que
cherche l’utilisateur.
Nous avons donc choisis de faire une page d’accueil contenant :
 ● Un en-tête contenant le logo du salon, le nom dom du salon avec en petit en-dessous
le numéro de téléphone et l’adresse, le choix de la langue, et les icônes de partages et
d’impression. Cet entête ne changera pas et sera le même sur chaque page.
● un diaporama sous forme de bannière contenant des photos mettant en valeurs le salon.
● Des teintes dans les tons jaune/orangé (couleurs du salon et couleurs chaleureuses)
sûrement associées au blanc pour être moins agressif.
● Une petite photo de la patronne associée à un texte introductif court (personnalisation,
accueil du client par la patronne).
● Un espace contenant de brève info/news ( date d’une éventuelle journée à thème,
un lien pointant vers la page emploi lorsqu’un nouvel emploi est offert, une nouvelle
prestation disponiable au salon, une réduction exceptionnelle etc)
● Un petit “footer”, contenant la date de mise à jour, et l’accès administrateur. Cet accès
permettra juste aux personnels du salon avec un log-in d’écrire dans l’espace info news,
livre d’or, et page emploi. Ce n’est pas un service d’administration puissant, la gérante
est peu à l’aise avec les technologies informatiques. Juste un accès dans 3 “texte-box”
permettant de modifier les informations amenées à changer fréquemment.

Pour nous contacter ou nous rejoindre (page 1) :

Page primordiale indiquer dès le premier onglet. Cette page englobe les horaires
(incluant les jours de fermetures suivant des jours férié et/ou congé), les numéros de téléphone
et fax, email. De plus, un plan d’accès avec les services de proximité (Supermarché guichet de
banque pour retirer argent etc) et les moyens d’accès. Si nous avons réfléchis à un service de
réservation en ligne, l’idée n’a pas été retenue. Les utilisateurs sont habitués à utiliser mail et
téléphone, et la mise à jours en temps réel d’un tableau avec les horaires encore disponible
nécessite un travail humain systématique et quotidien.

Présentation (Page 2) :
Cette page est construite selon les catégorie “accueil” et “notre entreprise” de nos
utilisatrice. Il s’agit ici de mettre en valeur l’historique du salon ainsi que de présenter de
manière rapide le personnel et de manière plus approfondie la gérante. Le contenu textuel sera
axé sur leurs expériences professionnelles. Quelques images viendront “habiller” ce contenu
afin de rendre la navigation plus agréable.

Nos prestations et tarifs (Page 3) :

Comme définie par nos utilisatrices, les prestations de coiffure seront séparées des
autres prestations, et les prix seront au même endroit. Cette section fera apparaître les 50
prestations de coiffures regroupées par type de prestation (chignon, permanente, crête, coupe
afro etc.) selon la catégorisation effectuée par notre commanditaire (nous ne sommes pas
assez spécialisé en coiffure pour pouvoir les classer). Pour que la page ne soit pas surchagée
d’information, elle fonctionnera sous la forme de menus déroulants.
Au final la page contiendra.
● Les noms de catégories faisant défiler des noms de coiffure au survol de la souris.
Chaque nom de coiffure sera suivi de l’indication (coupe courte), (coupe mi-courte),
(coupe longue). Certaines coupes possèdent les trois indications et ont donc trois pris
différents, voir point suivant.
 ● La manière dont est définie les prix. Trois prix, selon coupe courte, coupe mi-longue,
coupe longue.
● Un encadré contenant les différents moyens de payements accepté par le salon.
● Une mise en valeur de la réduction étudiante.

Nos services supplémentaires (Page 4) :

Dans cette section, nous retrouverons, en nous basant sur les résultats de nos
utilisatrices, l’ensemble de prestations autres que la coiffure.
● Les informations sur le service onglerie (agrémenté d’un mini diaporama incluant
quelques réalisations)
● les produits de coiffure (avec photo aperçu des produits) mis en vente et disponibles
uniquement sur place.
● Les liens vers des services partenaire, comme le site de l’offre de tatouage associée.
La description des produits de coiffure et du service onglerie représentent une importante
somme d’informations que l’on peut difficilement afficher sur une seul page. La page “nos
services supplémentaire” ne sera donc qu’une page regroupant de manière “attractive” (mise en
valeur, grande photo) les liens vers les pages consacrés à chaque services respectif.
La page onglerie contiendra les photos de réalisation, la liste des prestations d’ongleries et le
prix associé. La page “produit” ne contiendra pas des centaines de produits différents, c’est
un petit salon. Il n’y a donc pas lieu de réfléchir à un service de recherche et de comparaison
performant. II s’agit ici de présenter à l’utilisateur les quelques gammes présentent aux salon.
Une icône “en savoir plus” sera disponible sous chaque gamme, offrant le détail des produits de
cette gammes disponible au salon et à quel prix.

Emploi et Stages (page5)

Cette page contiendra :
Un petit texte concernant la politique d’emploi du salon.
● Indiquant par exemple que le salon accueil volontiers des stagiaires (si place il y a)
● Les éventuelles annonces détaillées d’offre d’emploi
● Un espace texte pour répondre rapidement à l’annonce en envoyant un mail à notre
commanditaire.

Livre d’or (page 6)

Petite page où des commentaires peuvent être rentrés directement depuis le site au
travers d’une “textebox” (avec validation de la gérante du magasin). La forme graphique serait
d’un type de post-it sur un mur avec les commentaires rentrés depuis le site ainsi que les
commentaires que la gérante a rentré elle-même se trouvant sur papier dans le salon. La page
mettra aussi en valeur les liens vers facebook, Twitter etc.
 ~ Annexes ~
Annexe 1 :
Document pdf - Entretien commanditaire
lien ->http://tecfaetu.unige.ch/etu-maltt/R2D2/dacostj7/ERGO/analysedemande.pdf

Annexe 2 :
Document pdf - Analyse concurrentielle
lien -> http://tecfaetu.unige.ch/etu-maltt/R2D2/dacostj7/ERGO/
analyseconcurrentielle.pdf

Annexe 3 :
Document pdf - Analyse de l’activité
lien ->
http://tecfaetu.unige.ch/etu-maltt/R2D2/dacostj7/ERGO/analysedelactivite.pdf

Annexe 4 :
Document pdf - Déroulement du tri de carte
lien ->
http://tecfaetu.unige.ch/etu-maltt/R2D2/dacostj7/ERGO/methodetridecarte.pdf

Annexe 5 :
Document pdf - Les 42 cartes utilisées
lien ->

Annexe 6 :
-> http://share.axure.com/8XCCLY/