UX Design_ Addc

1. Résumé de la demande

Dans le cadre du cours d’ux Design, en B2g1, nous avons formé le groupe 6 composé de :

Clément Dumonceaux, Bryan Jannequin, Christian Yossatiani et Adeline Hercot.

On nous a donné un site à analyser, celui qui nous a été donné est :”ADDC (au détour du chemin: www.addc.be). Le site est mal organisé et mal designé c’est pour cela qu’on à du établir une analyse.

Addc, qu’est ce réellement?

C’est un magasin belge d’ameublement et de décoration.

L’analyse est basée sur les forces, les faiblesses, la concurrence, le public ciblé, les objectifs du site, les parcours d’utilisateurs, réaliser l’arborescence et le wireframe du site.

ils ont à disposition un site internet et une page Facebook.

2. La concurrence, quelle est -elle?

Analyse de la concurrence et Liens :

Site ton design / Fermliving / hay / quator

Analyse:

  • Site au design travaillé et épuré, respectant le thème scandinave.
  • Choix de couleurs claires (fond blanc)
  • Focus sur les produits et ambiances
  • Galerie d’ambiances
  • classification des produits
  • beaucoup de photos
  • insiste plus sur les valeurs.
  • “Nos marques” sous forme de logo
  • les nouvelles collections mises en avant

comment se situe le site par rapport a la concurrence?

Le site se place comme un concurrent indirect, étant donné que la majorité des sites dans le genre font du E-commerce. De plus, ADDC vend sur un secteur tarifaire moins abordable, et vend également des jouets et des produits de bouche (épicerie fine). De par le fait que ADDC communique principalement sur les réseaux sociaux et ne vend pas en ligne, son site est bien moins actif et ergonomique.

3. Forces et faiblesses

+

  • Original
  • Design épuré
  • Rapide à charger
  • Difficile de se perdre, car pas beaucoup de pages

-

  • Sur un écran 27 pouces, la moitié de l’espace de la page est vide.
  • Pas de responsive, c’est très handicapant sur mobile.
  • Menu mal placé et non ergonomique.
  • Sur la page “les marques”, celles-ci sont mises sous forme de liste indigeste et difficilement lisible.
  • Sur la page “à propos de nous”, la fenêtre nous contacter se superpose à la page principale et la rend illisible.
  • Les images sont trop petites et il est nécessaire de cliquer dessus pour les afficher dans une taille acceptable.
  • Problème de hiérarchisation des informations ; trop de tailles de font différentes et mal placées.
  • Aucune animation autre qu’un changement de couleur au survol de la souris.
  • seul la fenêtre “nous contacter” est déplaçable.
  • Sensation “work in progress”
  • Problème de navigation.
  • contenu trop tassé, peux lisible (taille de font, interlignage,…)
  • les boutons ne se démarquent pas suffisamment du contenu.

Conseil et amélioration à apporter:

  • augmenter l’ergonomie globale du site
  • proposer des visuels plus grands et plus attractifs, de meilleures couleurs.
  • occuper une plus grande partie de la page
  • faire une version “responsive”
  • Si importance des liens vers les réseaux sociaux, rendre plus visibles
  • Modifier la typographie (taille, police, interligne,…)
  • Afficher les marques sous forme d’icônes (redirigeant possiblement vers les sites des marques) et plus sous forme de liste.
  • Proposer une zone “News” plus claire et directement visible lorsqu’on rentre sur le site.

Objectifs du site:

Donner envie de visiter les magasins, faire connaître l’enseigne, les adresses, horaires d’ouverture, informer sur les marques en ventes.

4. Quel est le positionnement de la marque/site?

Informatif principalement. En effet, ADDC ne vendant pas en ligne, le site n’est là que pour informer des différentes promotions offertes par le site, ainsi que les horaires /possibilités de prendre un rendez-vous et indiquer les points de vente.

5. Les profils utilisateurs

types de personnas:

  • Public adulte aisé financièrement, soucieux d’investir/ de consommer des produits, locaux, “bio”, et éco-responsable, sensible au design scandinave.
  • Architecte d’intérieur qui cherche des conseils.
  • Jeune qui cherche à acheter une belle pièce.
  • Personne qui passe devant le magasin (smartphone)
  • Personne qui cherche à faire un cadeau (anniv, mariage..)
  • Amateurs du design intemporel
  • jeune adulte / amateur de bijoux

6. Les parcours utilisateur, dans quel contexte, dans quelle situation le site est-il utilisé par votre personna? Sur quel device? Que cherche t-il?

Une personne d’âge moyen (30/40 ans) se rend tous les midis à la sandwicherie. elle trouve une affiche avec l’adresse du site. Intriguée par l’annonce, elle utilise son smartphone dans la file d’attente pour se rendre sur le site et, étant donné qu’elle est amatrice de design Scandinave, elle finit par se rendre dans l’un des points de vente.

7. arborescence (plan du site), listing des contenu + explication de la démarche

Voici le listing des contenus:

  • home page
  • Ambiance et collection : où l’on pourrait rejoindre les articles de facebook et le site, en catégorisant les articles.
  • A propos de nous : explication du magasin, ce qu’ils font,…
  • Actu: on mettrait en avant les événements, les congés, les expositions auxquels le magasin participe,…
  • Marques: liste de marque et liens utiles
  • les services: rubrique où l’on pourrait faire une liste pour mariage, naissance et anniversaire.
  • infos/contact: toutes les infos àpropos du magasin, contact, horaire, lieu des magasins,..
  • et le footer qui reprendrait les infos principales ainsi que la prise de contact.

8. Wireframe de la home page

Pour le wireframe, nous avons mis en avant, sur la première page, les points importants ;

Une visibilité directe sur les marques afin de voir rapidement les différents partenaires, un accès aux nouvelles pour donner plus de “vivant” au site; et pour finir une grande partie destinée au footer, qui montre les différents magasins/horaires d’ouverture/ possibilités de rendez-vous ainsi que les liens vers les réseaux sociaux. Le menu vertical est remplacé par un header afin de faciliter la navigation.

Like what you read? Give Adeline Hercot a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.