Affinity-web`Blog

Internet regorge aujourd'hui de sites de vente en ligne. Avec 30 millions d'internautes en France, le commerce en ligne est devenu non négligeable. Cet article s'intéresse au site web de 13 boutiques, et plus précisément leur Home, c'est à dire leur page d'accueil.

Les boutiques sont présentées par ordre alphabétique décroissant, voici les critères de comparaison :

• Qualité du Webdesign
• Lisibilité (~ accès au contenu du site)

Attention, je n'évalue ces boutiques que sur les points cités au dessus. Cet article n'a pas pour but de comparer les boutiques en fonction des critères d'achats (temps de livraison, communication clientèle, volume d'articles dans le catalogue...).

Découvrez mon classement personnel de ces boutiques à la fin de cet article.

Attention l'extension Firefox que j'utilise pour faire les screenshots, ne fait pas apparaître les blocks en flash sur les screens.

1 - PriceMinister

Le webdesign :

Les couleurs utilisées sont le bleu et le orange sur un fond blanc. Le fond blanc est commun à tous les sites présentés dans cet article, il rend la visite de magasins en ligne plus clair et agréable.

Je ne suis pas fan du orange et bleu de PriceMinister, ils sont typiques des couleurs utilisées dans le web il y a quelques années et aujourd'hui démodées.

Le webdesign est très sobre, une navigation et zone de recherche horizontale, des blocks rectangulaires. Rien d'extraordinaire du coté du webdesign, ce n'est clairement pas le point fort du site. Néanmoins, le design est extensible et utilise toute la largeur de mon écran ce qui est très agréable.

La lisibilité :

La présence du menu horizontale et de la liste des catégories sur la gauche permet de se retrouver facilement. C'est encore plus vrai avec les blocks des catégories de produits au milieu. Le site est clair il est facile de voir l'espace membre, les bandeaux de promotions et pubs sont visibles et ne perturbent pas.

La navigation est agréable sur la Home (malgré le webdesign assez moche), mais les produits auraient pu être mieux mis en valeur avec d'avantage de photos.

2 - Pixmania

Le webdesign :

Pixmania est l'une des pages d'accueil de cet article que je préfère. Les couleurs utilisées sont principalement le violet et le vert avec une couleur par catégorie sur les onglets du menu. Les formes sont arrondies et sobres, les bandeaux promotionnels sont très bien intégrés et mis en valeur.

Rien a redire côté design, c'est sobre et efficace.

La lisibilité :

En plus d'avoir un joli webdesign, la lisibilité n'a pas été laissée de côté. Toutes les catégories sont mises en avant dans des onglets sur la barre verticale et reprises dans le centre du site. Un produit est mis en valeur pour chaque catégorie.

L'espace membre et les informations de services sont facilement repérables sur la droite du site. Enfin on retrouve dans le bas un tableau du top des ventes.

3 - Matériel.net

Le webdesign :

Matériel.net a une Home noir et blanche, le menu n'est pas très beau. Des blocks légèrement colorés viennent réveiller l'ensemble sur la gauche. Les formes sont rectangulaires avec les bords supérieurs arrondis.

C'est une page qui ne surprend pas mais reste agréable.

La lisibilité :

Matériel.net reprend la même structure que Pixmania. Les catégories sont accessibles au centre, un produit est mis en valeur. La liste d'informations sur la droite est bien visible. Un bloc dans le bas présente les dernières nouveautés.

4 - LeroyMerlin

Le webdesign :

LeroyMerlin, bien connu de nos amis bricoleurs, dispose également d'un site marchand. Ses tons vert, orange, violet sont très bien assortis, le design fait la part belle aux bandeaux d'actualité. La navigation de l'espace vente du site se fait sur la gauche.

La lisibilité :

LeroyMerlin a réussi à créer un site marchand agréable, en réutilisant les blocks classiques (meilleurs ventes, en ce moment), tout en rajoutant un aspect conseils et en rappelant que LeroyMerlin est avant tout une chaîne de magasins.

Leur site est une belle vitrine en plus d'être un espace de vente.

5 - LDLC.com

Le webdesign :

LDLC.com s'illustre mais d'une autre manière que les derniers exemples. Il montre ce que selon moi de doit pas être une home de site marchand. Absence de convivialité, uniformité (du bleu, bleu, bleu), beaucoup trop de liens.

Ces éléments en font une home de mauvaise qualité, typiquement le genre de site qui me fait fermer la fenêtre aussitôt.

Un point positif néanmoins, le site utilise toute la largeur de ma fenêtre (1200), et comme je l'ai déja dit, j'adhère!!

La lisibilité :

Mauvais Webdesign, mauvaise lisibilité. Tout est en bleu, beaucoup trop de liens, même le menu du haut ne se voit pas.

Si j'étais eux je bosserai sur une nouvelle version!!

6 - La Redoute

Le webdesign :

La première chose qui surprend est la largeur du site, après avoir testé, ce site est optimisé pour du 800*600 ce qui peut être louable mais le rend tout petit sur 95% des écrans.

De plus la partie haute est vraiment trop remplie, et le menu pas joli. Heureusement le reste de la page est plutôt sympa, aidé par les bandeaux de produits et la place faite aux photos.

La lisibilité :

Une fois le choc de la page peu large passé, le site est plutôt clair, on s'y retrouve. De nombreux blocks viennent nous aider dans nos recherches : nouveautés, bonnes affaires, espace marques..

Avec quelques efforts et un design plus travaillé La Redoute aura tout bon!!

7 - Grosbill

Le webdesign :

Les couleurs de Grosbill sont le orange et le noir (sur fond blanc comme tous les sites de cet article), cela donne une charte graphique propre, facilement identifiable et non banale. Néanmoins la réalisation doit dater un peu, les onglets des catégories sont moches et c'est à peu près tout ce que l'on trouve en matière de graphisme.

Le bloc vidéo ajouté récemment n'est pas bien intégré mais est très bien fait.

La lisibilité :

La page est claire, les promos bien mises en avant, le menu bien visible, de ce côté là il n'y a rien à critiquer.

J'avoue avoir un faible pour la vidéo, c'est vraiment une bonne idée pour donner confiance aux clients et les aider dans leurs recherches!!

8 - Fnac

Le webdesign :

Peut être le magasin en ligne le plus connu, la Fédération Nationale d'Achat des Cadres (et oui, véridique!!) a un webdesign classique. Le menu est sympa le reste est plutôt moyen. Les couleurs font la part belle à l'identité de la fnac, le marron et noir. Un rouge et un jaune criards sont également utilisés au centre, l'ensemble n'est pas exceptionnel mais dans la moyenne de ce qu'on trouve sur Internet.

La lisibilité :

Le contenu est bien placé, pas mal d'infos sur les produits au centre, les meilleures ventes sur la droite, un menu bien visible. tout roule de ce côté là.

9 - Cdiscount

Le webdesign :

Le webdesign de Cdiscount surprend à plus d'un titre, je suppose que cette version n'est que temporaire pour leur braderie mais Cdiscount a toujours un site un peu fête forraine. Il a l'avantage d'être très facilement mémorisable et d'être unique.

Le menu en onglet est moche, le reste plutôt rafraîchissant même si cela me rappelle trop certaines publicités papiers pour être crédible.

La lisibilité :

Les produits sont mis en avant et de quelle manière!!! Selon les goûts cela peut servir ou desservir la lisibilité du contenu mais un effort est bien là.

Il est par contre plus dur de trouver les informations de services (paiement, contact..) que j'ai identifié sur d'autres sites.

10 - Castorama

Le webdesign :

Je ne sais pas qui a copié qui mais le site de castorama rappelle à plus d'un titre celui de LeroyMerlin : bannières et photos, menu sur la gauche (avec un joli rollover), onglet conseils au dessus, rappels de la présence de magasins physiques.

L'ensemble est harmonieux et joli. Rien à redire, le modèle de Home des sites de bricolage est sympa.

La lisibilité :

Les remarques de LeroyMerlin sont les mêmes ici : impeccable, bravo!

11 - Boostore

Le webdesign :

J'avoue avoir un faible pour ce design, il reste dans les standards mais certains points en font un site plus travaillé. Exit les simples aplats de couleurs des autres sites, ici le menu, les blocks ont des formes et du volume!!! On sent que ce site est récent et moderne.

La lisibilité :

La lisiblité n'est pas sans défaut, le centre est trop bordélique sous les bandeaux d'offres. Heureusement la liste de catégories à gauche, le menu et les services sur la droite relèvent le niveau.

12 - Amazon

Le webdesign :

Parlez de webdesign pour Amazon est un bien grand mot. Même si le site est mieux fait que LDLC.com il s'en rapproche.

Les photos des produits en vente sont les seuls éléments graphiques, mais étonnamment l'ensemble est agréable.

La lisibilité :

En ne mettant pas une tonne de liens, mais des produits Amazon sauve sa peau de plus le site garde en mémoire nos recherches et nous propose des produits se rapprochant. C'est une excellente idée!!

13 - Alapage

Le webdesign :

J'ai gardé le meilleur pour la fin, le site d'Alapage a changé récémment et je le trouve splendide. Le menu est le meilleur des sites de cet article. Le site reste ultra sobre et utilise avec harmonie plusieurs couleurs (violet, vert, bleu, orange) rendant l'ensemble magnifique.

On dit souvent que 2 couleurs suffisent sur un Webdesign mais ce site illustre qu'on peut en utiliser 4/5 sans problèmes.

Avec quelques effets de volume en plus, le site aurait été encore plus joli.

La lisibilité :

La lisibilité est l'une des meilleurs également, en attribuant une couleur par catégorie il est très facile de se repérer dès la Home. Les informations annexes n'ont pas été oubliées sur la droite ni les meilleures ventes.

Conclusion

On peut tirer les remarques suivantes de cette comparaison de sites de shopping :

• La largeur d'un site compte énormément. Il est bien plus agréable de naviguer sur un site extensible mais cela se fait au détriment du Webdesign qui dans ces exemples est toujours très pauvre. (PriceMinister, LDLC.com, Fnac, Amazon)
• La surabondance de contenu surtout sans images est à éviter. Ce n'est pas en présentant plus de produits qu'on en vendra plus. (LDLC.com)
• Bien séparer les catégories par des couleurs est une bonne idée pour les sites Marchands. (Alapage)
• Ajouter un block vidéo de présentation permet de crédibiliser son site et d'aider ses clients. (Grosbill)
• Enregistrer les recherches de ses clients permet de mieux cibler les produits à afficher. (Amazon)

Pour finir voici mon top3 des page d'Accueil de boutiques :

• 1 - Alapage
• 2 - Pixmania
• 3 - Boostore

Les derniers articles de la catégorie : Internet

• Digipresse en ligne
• Les communiqués de presse 2.0
• Google Chrome
• Blog = no man's land
• Brozengo RIP
• La guerre des blogs
• Apli Facebook : Slap your friends
• Twitter, pourquoi s'y mettre ?