Si vous vous intéressez à l'e-commerce, vous connaissez sûrement la solution de boutique en ligne Prestashop. De plus en plus d'agences web se spécialisent dans l'intégration à faible coût de cette solution open source en se basant sur des templates graphiques pré-existants. Le problème avec ce genre d'offre "clé en main", c'est que tout les sites ont tendance à se ressembler.

Voici donc 10 exemples de boutiques de vêtements et accessoires de mode au design particulièrement soigné, tournant sous Prestashop et intégrant les bonnes pratiques du e-merchandising.

L'article est publié en 2 parties car il contient beaucoups de visuels qui alourdissent le chargement de la page.

1. Delaveine.com

Le site de la marque de prêt-à-porter discount propose un site sobre, sans fioritures graphiques, mais il intègre à chaque étape de la navigation de nombreuses petites fonctionnalités pour optimiser l'expérience client. Le résultat est plutôt réussi.

J'aime :

• Les accueils de rubrique avec un système de bandeau large pour donner un aperçu de la tendance, et des articles phares du moment. Chaque article est cliquable et renvoi le visiteur vers la page de chaque produit associée.

• La navigation dans les catégories d'articles (Blousons, Vestes, Chemises, Gilets, ..) via un système de frise horizontale.

• L'affichage des quantités disponibles restantes pour chaque produit.

• Les grandes pages produits avec les informations essentielles bien visibles. Le prix bien en évidence, et le gros bouton d'ajout au panier toujours au dessus de la ligne de flotaison.

• Le guide des tailles pour être sûr de ne pas se tromper dasn sa commande (et limiter les retours de marchandise... pensez-y !)

Améliorations possibles :

• Le zoom produit n'apporte pas grand chose car le niveau de détail n'est pas beaucoup mieux que les photos standards.

2. Smallable.com

Smallable se défini comme un concept-store mode et design pour les enfants. Je ne vois pas trop en quoi le site est "concept" mais il est très élégant. On retrouve là une tendance forte du webdesign actuel, à savoir un design très épuré, sur un fond blanc intégral.

Tout se joue sur quelques détails graphiques pour créer l'univers enfantin (le logo en typo manuscrite, et les gribouillis sur les rubriques sélectionnées ), et sur les tailles de police pour indiquer les démarquations entre les différentes zones de contenus.

Surtout, cette sobriété ambiente, permet de faire ressortir fortement les visuels des produits sur toutes les pages. En fait, hormis la barre de navigation, ce sont les visuels qui structurent tout le contenu du site ! Simple mais efficace.

J'aime :

• Le design global très épuré mais efficace.

• Les systèmes de tri sur les accueils de rubrique.

• Les totals looks proposés sur les fiches produits pour faire augmenter le panier d'achat.

Améliorations possibles :

• Il y a beaucoup de produits qui ne sont plus en stock mais qui restent malgré tout affichés dans la boutique, créant un sentiment de frustration quand on fait fausse route plusieurs fois de suite...  Rançon du succès ? De plus, la mention indiquant la non-disponibilité est très peu visible sur la fiche produit, alors que c'est une information primordiale dans ce cas de figure.

• Le zoom produit n'apporte pas grand chose car le niveau de détail n'est pas beaucoup mieux que les photos standards.

• Le bouton d'ajout au panier mériterai un traitement graphique plus punchy qu'un simple aplat gris, pour trancher un peux plus avec le reste du contenu et améliorer sa visibilité. Mais il reste au dessus de la ligne de flotaison, ce qui est l'essentiel.

3. Americanvintage-store.com

Encore plus épuré que Smallable, c'est possible ! Un logo, un menu déroulant, des visuels de produits, et c'est tout. Peut-on parler de webdesign pour ce site, tant il est dénué de graphisme ? Et pourtant, c'est simplement beau, et la navigation y est intuitive.

J'aime :

• Le design épuré

• Le moteur de recherche bien visible.

• Le visiteurs n'est pas noyé par une masse d'information. On reste concentré sur sa démarche d'achat de bout en bout.

• Les fiche produit avec grand visuel qui ressortent bien puisque aucune autre couleur, ou image dans la page ne vient lutter avec le visuel du produit.

• Le choix des couleurs qui appellent automatiquement la photo du vêtement correspondant.

• Lorsque j'ajoute un produit dans mon panier, un effet visuel oriente l'oeil vers le panier.

4. Sexy-leg.com

Voici un site dédié à la vente de lingerie sexy, histoire de capter votre attention jusqu'au bout de l'article ;-)

J'aime :

• Le panier et son contenu toujours bien visible, quelque soit l'endroit du site où le visiteur se trouve.

• Le footer (bas de page) graphiquement réussi. C'est généralement une zone complètement délaissée en terme de graphisme, alors qu'elle contient des informations importantes pour rassurer le visiteur, comme les conditions de livraison, les moyens de paiement, mais de plus en plus, d'autres types d'information comme une double navigation, ou, comme ici, un accès direct vers les produits les plus vendus. Enfin, le footer peut jouer un rôle dans votre référencement naturel selon les informations (textes et liens) qui y figurent.

• Sur chaque fiche produit, la possibilité de poser une question via un formulaire. Par contre, le site ne s'engage pas sur un délai de réponse.

Améliorations possibles :

• Le bouton d'achat qui est situé sous la ligne de flotaison et obligeant à scroller dans la page pour pouvoir ajouter un produit à son panier.

• Le fait qu'il n'y ai la plupart du temps qu'une seule vue sur chaque produit, de petite taille. Surtout pour de la lingerie, le derrière est aussi important que le devant ...  ;-) Le zoom photo est aussi souvent de faible puissance.

5. Archiduchesse.com

Les chaussettes de l'archiduchesse, vous connaissez ? OK, c'est moins sexy que la boutique précédente pour habiller ses jambes, mais le site est plus original dans sa manière de présenter les produits.

J'aime :

• La longue page d'accueil qui présente immédiatement l'ensemble des produits disponibles. Ce parti-pris n'est possible qu'avec une boutique mono-produit qui ne nécessite pas de système de navigation avec plusieurs niveaux dans les catégories de produits.

• Le panier en forme d'étiquette.

• La ma-gni-fique page produit avec des grands visuels et l'impression que le texte vient en sur-impression par dessus la photo.

• Lorsque vous ajoutez un article à votre panier, une petite animation avec un macaron +1 vous indique que la commande est effective.

Lire la suite de l'article 10 boutiques de vêtements et accessoires de mode réalisées avec la solution e-commerce Prestashop (2).

Si vous connaissez d'autres sites sous Prestashop qui méritent le détour, n'hésitez pas à laisser le lien dans les commetaires. J'irai faire un tour, et ferai un second article dessus si cela se justifie.

A lire aussi sur le même sujet :

• Mieux présenter ses produits et booster ses ventes grâce à un carrousel ? L'exemple de la boutique Levi's
• 3 bonnes raisons d'intégrer un bandeau large dans votre site internet, et quelques exemples
• Les différentes échelles de temps sur internet dans l’expérience utilisateur