Catégories
Bonnes pratiques

Graphisme : l’étude de cas du site Neosquat.com

A travers cette étude de cas du site NeoSquat.com et les différentes questions que Jérôme m’a posées, nous allons analyser les aspects graphiques et la mise en place de l’identité visuelle du site e-commerce. J’apporte également mes conseils pour renforcer l’expérience utilisateur des consommateurs de NeoSquat.

Quelle impression te donne le site lors de ta première venue ?

La première impression que le site e-commerce NeoSquat me donne est un sentiment chaleureux et accueillant avec son image de fond qui représente l’intérieur d’un appartement ou d’une maison.

Sa couleur dominante qui est orange NeoSquat souhaite transmettre ses principes qui sont l’optimisme, la créativité, la communication et la sécurité.

Bien plus qu’un simple service, NeoSquat propose un large choix à travers ses différents onglets, menus, slides afin d’accompagner l’expérience utilisateur du futur consommateur du site.

Quelles améliorations ferais-tu sur ce premier point si tu étais le graphiste de cette entreprise ?

Afin de conseiller NeoSquat dans l’évolution de leur expérience utilisateur, voici les points qui selon moi devraient être améliorés et renforcés.

1er point : Proposer un site responsive ou une version mobile du site NeoSquat

Il serait intéressant que le site soit en responsive design ou que NeoSquat propose une version mobile du site. Pourquoi ?

Lorsqu’on emménage dans un appartement, il arrive souvent que l’on n’ait pas de connexion Internet à disposition. Dans ce cas, la personne va utiliser son Smartphone pour rechercher des meubles.

À ce jour, on compte 25 millions d’utilisateurs français de Smartphones et Tablettes. Seuls 35% de ces utilisateurs sont actuellement satisfaits quand un site e-commerce est adapté pour ces canaux.

NeoSquat-header

2e point : Pourquoi deux appels à l’action « Call to action » au même endroit portent à confusion ?

Ce deuxième point se situe en haut du site à côté du logo. L’encart « Une question + recherche » nous indique deux appels à l’action. Soit je cherche à contacter l’équipe de NeoSquat ou bien je cherche à effectuer une recherche sur le site.

Si je souhaite effectuer la première action, c’est-à-dire à contacter l’équipe, je ne peux pas utiliser le formulaire de contact, car le lien proposé est celui de l’accueil du site.
Et le formulaire de recherche juste en dessous porte à confusion, car au premier regard on imagine un champ de formulaire pour y laisser une adresse mail pour être contacté.

Je conseille à NeoSquat de séparer ces deux appels à l’action. Je mettrai en évidence l’appel à l’action pour contacter l’équipe et je positionnerai le champ de formulaire et le bouton recherche à un autre endroit comme dans le menu ou a coté de la sélection NeoSquat, location de meubles.

Call to action inbound marketing from Coconotek

3e point : Optez pour une navigation plus épurée pour améliorer l’expérience utilisateur

Troisième point à améliorer est la disposition de la navigation. Actuellement, le premier menu est sur deux lignes et il y a un déséquilibre sur le positionnement du texte dans le second menu sur fond gris.

La réflexion que je me fais en regardant les éléments du menu, je me dis que les éléments du second menu sur fond gris pourraient aussi bien trouver leur place dans le bas du site « footer » afin d’alléger la navigation du menu principal qui est composé d’onglets et sous-menus.

Ergonomie web, première approche from Digital Infocom

4e point : Harmoniser la couleur du site NeoSquat

Lorsqu’on regarde le site dans son ensemble, on s’aperçoit que les couleurs qui composent le logo « l’identité visuelle » de NeoSquat ne sont pas respectées dans les éléments graphiques du site.

Cela se remarque sur les visuels du slide, sur les fonds des titres « séjour, chambres & literie, électroménagers, etc. ». D’un côté, le logo est réalisé en Flat Design et de l’autre les éléments graphiques représentent un orange plus flashy qui donne une impression de discount qui n’est peut être pas associé à l’image de l’entreprise.

5e point : Mettre en avant sa notoriété pour rassurer le consommateur

NeoSquat dispose d’un atout qui ne met pas forcément en évidence c’est sa notoriété. Sur l’un des slides et dans l’onglet « il parlent de nous » on aperçoit clairement que NeoSquat a bénéficié d’une visibilité importante par rapport aux médias qui ont annoncé, parlé, diffusé les services proposés par NeoSquat.

Cette notoriété, devrait occuper une place plus importante sur la page d’accueil sur site. Cela renforcerait l’identité visuelle sur la sécurité (couleur orange) pour le futur consommateur. Les logos de ces médias auraient très bien leur place entre la liste des produits et le bas du site.

Media NeoSquat

Quels sont les aspects graphiques du site réussis selon toi ?

Premièrement, les aspects graphiques réussis du site sont les 3 visuels séjour, chambre & literie et électroménager qui attirent l’œil très rapidement sur ces 3 éléments.

En second lieu, je dirais le bas du site « footer » même si c’est l’endroit le moins important d’un site internet, mais celui-ci est sombre, épuré et les informations sont facilement identifiables.

Puis le logo est en adéquation avec la cible du site. C’est-à-dire jeune, dynamique, optimiste et créativité.

Pour finir sur les aspects graphiques, l’image de fond est un élément fort du site, qui annonce rapidement à l’utilisateur où il se trouve et aide à renforcer la charte graphique de startup.

NeoSquat

Quels sont les enseignements que tu retiens de cette analyse et qui pourraient être utiles aux entrepreneurs qui nous lisent ?

L’enseignement que l’on peut retenir du site NeoSquat est l’accent mis sur son identité visuelle renforcée par les éléments graphiques. NeoSquat est plus qu’un simple prestataire de service grâce à son choix de proposer un service e-commerce à ces consommateurs.

À travers cet article, je propose différentes suggestions afin d’accompagner NeoSquat dans l’évolution et l’acquisition d’une expérience d’utilisateur renforcer notamment en mettant l’accent sur sa notoriété, sur le choix de proposer une version mobile ou un site e-commerce responsive et pour finir d’optimiser ces appels à l’action pour un meilleur taux de conversion et ainsi apporter une plus grande expérience utilisateur à leurs consommateurs.

Par Jérôme HOARAU

Jérôme Hoarau est conférencier en soft skills (Jerome-Hoarau.com) et est co-organisateur du championnat de France officiel de Lecture Rapide et de Mind Mapping. Il a obtenu plusieurs titres de sport du cerveau tels que :
- Champion du monde de Mind Mapping 2018
- Champion du Royaume-Uni de Mind Mapping 2019
- Vice-champion du Royaume-Uni en Lecture Rapide 2019
Il est le co-auteur des livres "Les Gentils aussi méritent de réussir" (Alisio) et de "Soft Skills (Dunod). Il a également co-fondé le site PassiondApprendre.com.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

code

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.