Besoin du commanditaire

I-BRIEF d’un projet web :

• Présentation du projet (ou entreprise) :

• Shine on : un site qui offre des services de Nettoyage, de désinfection et
Nettoyage Vert (écologique) et dans toute la Tunisie pour diverses
prestations
• Objectifs : disposition des personnels compétents pour vous assurer la
qualité de service et la rapidité d’exécution
• Cible : ce projet s’adresse tous les genres et tous les âges qui n'ont pas le
temps pour L'intérêt leur maison
• Principaux concurrents : Sparkle & Shine

II- Analyse du contexte

1-Analyse de l’existant
a- Étude du site web existant

- Nom du site web : Sparkle & Shine

- Url du site : http://www.sparkle-shine.net/

- Objectif du site : services d'entretien ménager et de nettoyage

- Cible du site : public spécialisé: famille

- Type du site : Institutionnel

Analyse éditoriale (Efficacité) Non Peut être Oui

amélioré
Visibilité L’adresse et la localisation de l’entreprise sont facilement x
identifiables

le concept du site est rapidement identifiable x

Peut-on rentrer en contact avec les responsables du site de x

manière rapide

L’identité de l’auteur, de la société ou de l’organisation est x

indiquée
Valorisation Le contenu est hiérarchisé (titre alinéa paragraphe) x
du contenu
Le titre des pages permet d’identifier facilement le x
contenu du site
Analyse ergonomique
Navigation l’internaute n’est pas perdu dans le site x

Avez-vous remarqué des pages en construction x

Le bouton accueil est toujours présent = l’utilisateur n’est x

pas dépendant du bouton page précédente

Le menu est toujours présent x

Présence du plan du site (voir dans le footer) x

Profondeur du site - Le nombre de clics est limité (correct x

= 3) = l’information est trouvée rapidement

Le site est-il responsive ? S’adapte-t-il aux supports x

mobiles et tablettes ?

Présence d’un moteur de recherche x

Les résultats sont pertinents x

Les pubs/popup ne perturbent pas la navigation x

Lisibilité / Les illustrations sont-elles en rapport avec le texte x

Graphisme
Le site est agréable à l’œil x

Les contrastes textes/fonds sont-elles bonnes x

Les couleurs utilisées sont-elles harmonieuses et x

logiquement liées

Le site est homogène d’une page à l’autre (pas de rupture x

visuelle)

PARTICULARITE D’UN SITE DE E-COMMERCE

Les conditions de paiement (taux global du crédit, x

conditions, réserves et délais d’acceptation) sont indiquées

Le délai de livraison estimé est indiqué x

Exhaustivité de détails, de caractéristiques sur le produit x

La disponibilité des produits est indiquée x

 Conservation du panier (même sans inscription, même en x
quittant le site)

Les conditions de garantie / remboursement sont indiquées x

Un email est envoyé lorsque le produit indisponible x

revient en stock

Un email de confirmation de commande et de suivie de x

commande est envoyé
Les produits peuvent être classé par différents critère x
(prix, taille, marque, …)

Lors d’un achat il est possible de faire un retour en arrière x

facilement et rapidement

La disponibilité des produits est indiquée avant la x

validation définitive de la commande.

La modification de la quantité de chaque article, l'ajout et x

la suppression d'un ou plusieurs articles restent possibles
avant la validation définitive de la commande.

Le site accepte au moins deux moyens de paiement. x

Les produits indisponibles font l'objet d'une x

différenciation visuelle et textuelle.

Le délai de livraison estimé est indiqué avant la validation x

définitive de la commande.

2- Synthèse
• Problèmes identifiés ?
• Qu’est ce qui pourrait être amélioré ? Solutions envisagées ?
• Qu’est ce qui est bien fait ? ou ce que vous avez pu observer de meilleur dans vos
analyses
Pages Ce qui est bien fait Problèmes Solutions
identifiés envisagées
Page d’accueil Le site est agréable à Une seule page dans On doit faire page
l’œil le site d'accueil, services,
offerts
Page d’accueil Facile du navigation Il n’y a pas du On ajoute Menu,
Menu, Moteur de Moteur de
recherche recherche dans la
 page d'accueil
Page service Manque des La page service doit
interactions entre le inclure des boutons
site web et d’appel à l’action
l’internaute (CTA), du type : «
Essayez maintenant
», « Essai gratuit »,
« Réserver une
démo », « Acheter
maintenant », « En
savoir plus »

3- Etude des tendances web

Tendance n°1 : L’inclusivité

C’est-à-dire ?

En effet, l’inclusivité d’un design ne semble pas vouloir signifier grand chose. Par ailleurs, il
est souvent davantage utilisé comme un terme marketing que comme une vraie volonté.

Cependant, si vous mettez l’inclusivité au cœur de votre design, vous la mettez aussi au cœur
de votre approche de communication avec les utilisateurs…
Tendance n°2 : Back to the future

Le propre de la tendance, c’est de toujours s’inspirer des autres époques…

… Même celles qui n’existent pas encore.

En effet, en termes de couleur, 2022 est flashy et futuriste. Exit les couleurs pâles et douces
des années précédentes qui, aujourd’hui, donnent des designs plats et uniformes.

Très inspirée des années 80, cette tendance de webdesign se caractérise par de grandes
formes aléatoires très colorées qui donnent tout de suite du dynamisme à votre page web.
Tendance n°3 : L’art déco de retour

Après un détour par le futur, retournons au passé avec une tendance ancrée dans 2022 qui
n’est pas sans rappeler les envies vintages des années précédentes : l’art déco. Cette période
du design des années 1920 revient plus d’un siècle après pour envahir nos écrans et devenir
LA tendance graphique de cette année.

Mais alors, un design art déco, c’est quoi ?

Le style Art Déco se caractérise notamment par sa grande créativité, tout en conservant un
côté industriel et minimaliste. Il est composé de couleurs affirmées et de formes
géométriques légères et élégantes, ce qui en fait le parfait allié d’un site internet moderne.
Tendance n°4 : Toujours plus grand

En 2022, quel que soit votre signe astrologique, voyez les choses en grand. En très grand.

La tendance de 2022 en termes de design de polices notamment veut que les textes prennent
un très large espace de la page web.

Vous l’avez sûrement déjà remarqué en consultant des sites web modernes : les polices des
pages d’accueil sont très imposantes. Uniquement grâce à la typographie, les designers web
de 2022 habillent leur page web.
Tendance n°5 : Un webdesign cousu-main

En 2022 comme les autres années, le design fait-main et irrégulier séduit particulièrement

les utilisateurs. Il donne un aspect humain et chaleureux à un site internet qui parle
directement à l’émotion de l’utilisateur.

✏️Ces designs moins réguliers et géométriques peuvent notamment se manifester dans

l’utilisation du patchwork, une bonne méthode pour donner des bribes de l’univers de votre
site internet à l’utilisateur tout en évitant de surcharger votre page web.
Tendance n°6 : Un webdesign pour application

En 2022, pensez un webdesign mobile friendly, et surtout application friendly.

L’utilisation d’application fait définitivement partie des habitudes de consommation sur le

web des utilisateurs. Et, le design d’une application n’est pas du tout le même que le design
d’un site internet.

Pour une application, le design doit être intuitif, interactif, et proposer des fonctionnalités
nouvelles qui justifient le téléchargement de l’application plutôt que le recours à un site
internet. 

Pour un webdesign d’application réellement efficace, vous devez principalement penser à

l’expérience utilisateur. Elle doit être fluide et unique pour obtenir un design parfaitement
dans la tendance 2022.
Tendance n°7 : Pensez dans le cadre

Parmi les tendances fortes du webdesign en 2022, vous retrouverez l’encadrement des

éléments. En effet, plusieurs sites internet s’y mettent, et si cette tendance peut dérouter au
premier abord, il y a tout à parier qu’elle sera prédominante dans les designs modernes.

Cette tendance de l’encadrement, qui consiste à encadrer tous les éléments de la page web,
s’inscrit dans une tendance de webdesign plus large : le brutalisme. En réalité, plusieurs des
tendances que nous avons déjà évoquées sont reliées à ce mouvement dans le webdesign.
II-Besoin de l’utilisateur
1- Questionnaire 
https://docs.google.com/forms/d/
1fgz6fT6o2VoPHXQ64hNSkdw5tnu95IMlBepsFUWb5KM/edit#responses
2-Présentation des résultats

a- statistique descriptive :
3-Persona :
B-DESIGN D’ALTERBATIVES
1- Le parcours d’utilisateur (User journey map) :
1- Le diagramme des flux (FLOW CHART) :