Lejeanpascher.com en 1024x768

And ze winner is… Je ne sais pas si c’est vraiment le gagnant, mais comme il a été le plus rapide à me répondre et qu’il me semblait qu’il y avait de la matière, c’est donc bien lejeanpascher.com que j’ai choisir pour première “victime” de cette rubrique. Que ceux qui n’ont pas été choisis ne pleurent pas. Ils peuvent encore m’envoyer leur candidature par email. ET cette fois, je serai transparent. Ce sera le 10ème à m’envoyer un email qui sera critiqué.

Impression générale

Alors, comme nous sommes dans la période des soldes, il se peut que l’impression générale soit légèrement biaisée. Je dirais pourtant que le site est “propre”, mais malheureusement pas suffisamment intégré et homogène. Il y manque clairement le travail d’un webdesigner qui y aurait donné une touche professionnel propre à rassurer l’internaute.

Trop d’éléments disparates.

Il est important d’avoir une cohésion graphique dans un site. C’est vrai que tout le monde n’a pas la main “photoshopienne” ou n’a pas de graphiste sous la main, mais pour donner un semblant de professionnalisme, il faut éviter de donner à son visiteur l’impression de patchwork d’éléments glanés ici et là sur le web. C’est un peu trop le cas ici. Par exemple, avec la vignette d’aide qui semble (désolé de le dire) avoir été directement piquée après une recherche dans Google Image.

Pareil, pour “La livraison offerte” qui, malgré une recherche sur la typo (cursive pour dynamiser) semble avoir été écrite sur un post-il à la va vite sans soucis de cohérence avec le design.

Identification du site

Le logo

Evidemment un logo ne reflète pas forcément une entreprise. Mais ici le choix de la Lemonade comme typo de logo est plutôt que qualitatif et peu identifiant tant sa banalité est grande (bien que j’ai vu après que c’était aussi celui qui était utilisé sur les enseignes de magasin). Mais plus grave, qu’est-ce que l’espèce de chaise à bascule noire à côté qui sert, j’ai fini par le comprendre, à représenter une poche de jean ?

1. L’image n’est pas correctement détourée (attention à la transparence avec les gifs)
2. Elle n’est pas compréhensible rapidement, ce qui donne plutôt l’impression d’une erreur que d’un vrai signe signifiant.

Il existe des solutions pas chères pour se faire faire un logo par un graphiste professionnel. Ce n’est pas un mauvais investissement.

Les éléments importants sont-ils au-dessus de la ligne de flottaison ?

Oui, si l’on s’en tient au logo, au menu de navigation et à une certaine visibilité sur l’offre, on peut dire que les éléments importants sont audessus de la ligne de flottaison. Pour le reste, le nom du site et les visuels font rapidement comprendre qu’on n’est pas sur un site de brosses à dent et donc bien sur un site de jeans.

Design

On peut le dire assez simplement, il n’y a pas vraiment de design sur ce site, ce qui lui confère une touche d’amateurisme certaine, mais n’est pas forcément un drame dans le cas d’un site discount où un look un peu “bon marché” renforce le client dans l’idée qu’il va pouvoir faire de vraies affaires.

Mon conseil : passer un coup de Photoshop sur le design du site pour travailler le côté discount et donner une touche de rassurance liée à la perception du site

Note : 5/10

Architecture d’information/navigation

Un triple menu de navigation.

Pourquoi 3 menus de navigation ? La navigation principale d’un site possède deux fonctions : l’une de recherche et l’autre de repérage. La tripler (en horizontal, en vertical et dans le coeur de la page en bas) comme c’est le cas ici n’apporte rien à l’internaute et fait perdre de la place sur la page qui pourrait être plus judicieusement utilisée autrement (placer des têtes de gondole, par exemple).

La recherche : le moteur de recherche est un élément important de navigation. Certains internautes l’utilisent directement, d’autres l’utilisent par dépit dès qu’ils ne trouvent pas ce qu’ils cherchent en utilisant le menu principal. Attention à bien la mettre en avant. Ici, le champ de recherche est un peu petit et pas assez centré. Regardez comme elle est positionnée sur les grands sites de ecommerce. Attention, toutefois, si votre moteur de recherche n’est pas très efficace, alors oui, ne mettez pas trop la recherche en avant, car l’effet déceptif pourrait être fort.

Mon conseil : pourquoi ne pas garder la navigation verticale ? L’avantage, c’est qu’elle permettra également d’indiquer à l’internaute l’endroit où il se trouve en mettant une petite flèche devant la section en cours.

Note : 6/10

Ergonomie

Sur le menu de navigation horizontale : éviter les barres de séparation entre les menus. Ca n’apporte rien sur le plan esthétique et ça a tendance à ralentir la lecture (oui, comme des haies dans une course de saut). Même remarque sur l’utilisation d’une typo grasse. Dans les menus, il vaut mieux utiliser une graisse de casse normale. Le gras ralentit également la lecture.

Affordance des liens : attention. Certaines images sont cliquables, d’autres ne le sont pas. Dans tous les cas, il faut respecter des règles cohérentes de lien et signaler clairement à l’internaute ce qui l’est ou ne l’est pas. Ici, les images des produits mis en avant sont cliquables alors que celles des catégories plus bas dans la page ne le sont pas. Attention également à utiliser une règle de style qui différencie bien les liens des textes : ici, tous les liens sont noirs non soulignés comme les textes.

Merchandising

Carrousel

Le carrousel est à la mode depuis quelques mois. Ici, il manque quelques éléments qui pourraient le rendre plus efficace :

• Un mini système de pagination qui permettrait de passer d’une image à l’autre.
• Des call-to-action plus visibles (des gros boutons) qui incitent plus l’internaute à l’action

Photos

Nous savons tous que la prise de vue peut représenter un budget important, mais il est aussi important de bien présenter ses produits. Ce n’est pas parce qu’on est discount qu’on doit faire un sacrifice sur le sujet. Ici, les photos, tout du moins sur la page d’accueil, ne sont pas très qualitatives ni très homogènes. Si possible, essayez de présenter vos produits tous de la même façon : portés, en vide habité, sur mannequin, à plat repassé, à plat froissé, etc… A vous de trouver la meilleure solution. Mais évitez les détourages au lasso magnétique (les spécialistes de Photoshop comprendront) sur des positions bizarres, comme c’est le cas ici.

Si vous avez les moyens, mais c’est rare, tentez les photos d’ambiance dans lesquelles les internautes se projettent plus facilement (en principe).

Promos et nouveautés

Placées sous le carrousel, elle mériteraient d’être amplifiées. On est sur un site de discount après tout. Il faudrait utiliser des graphismes plus frappant, plus flashy qui soulignent réellement la bonne affaire. Ici, seul un prix est barré, ce qui est un peu faible pour parler de bonne affaire.

Mon conseil : donner un aspect plus discount au site en utilisant un langage graphique à la cDiscount.

Note : 6/10

Rassurance

Le design est un point important de la rassurance. Bien sûr, ici, on a affaire à un site de Discount et, par tradition, les sites de discount ont toujours des chartes graphiques peu élaborés qui montrent qu’on est bien dans le domaine des affaires et de l’économie. N’empêche, un minimum de professionalisme est nécessaire. Ici, les éléments un peu trop disparates, un graphisme réduit au minimum, ne plaident pas en faveur du site. N’oublions pas que la confiance pour un site sans notoriété est extrêmement importante. L’internaute se posera ici beaucoup plus de questions que s’il vient sur un 3 Suisses à qui il pardonnera aisément les erreurs, les bugs ou les approximations.

Il y a bien des éléments de rassurance, mais sur un écran 1024×768, ils ne sont pas immédiatement visible. C’est dommage, d’autant plus que le jeanpascher.com a des arguments à revendre : des magasins dont on pourrait pourquoi pas remonter les photos en haut de page de manière à ancrer plus le site dans la réalité, une bonne note de la part de FIANET, des moyens de paiement connus. On a traditionnellement l’habitude de les mettre en bas de page (ce qui est bien), mais dans la page d’accueil, on peut prendre les éléments de rassurance les plus forts et les mettre en avant dans le haut de la page.

Même remarque, même si elle est moins importante : le fait de souligner que la livraison soit gratuite en point relais à partir de 35€ est une bonne chose. Pourquoi dès lors ne pas afficher le logo de Kiala ou Mondial Relay qui ont aussi une certaine notoriété et renforce le sérieux du service de la boutique.

N° de téléphone : l’emploi du numéro vert et l’affichage des horaires sont une bonne chose. Indiquer le coût de la communication peut aussi être utile sachant que tout le monde ne connaît peut-être pas la tarification du n° vert (ce qui est d’ailleurs mon cas, malgré la couleur de mes collants).

Note : 7/10

Conclusion

Le jeanpascher.com mériterait un bon lifting graphique et devrait affirmer plus son côté discount. Le design actuel ne traduit pas assez le concept du site. Ok, c’est pas cher, mais l’interface donne aussi l’impression que le site a été fait avec 3 francs six sous, ce qui ne rassure pas sur le service.

Note finale : 6/10

PS : comme il s’agit d’un premier article de la série et que la méthode d’analyse peut encore être largement améliorée, n’hésitez pas à y aller de vos propres remarques et critiques qui me permettront à mon tour de m’améliorer