Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

10 belles boutiques de vêtements réalisées avec Prestashop (2)

22 novembre 2009Commentaires (16)

logo.jpgSuite de l'article précédent, présentant les 5 autres boutiques.


6. Sixpack.fr

Encore un site blanc et gris, épuré, qui se rapproche assez de l'esprit de Smallable.

Sixpack-hp.png

J'aime :

  • La page d'accueil élégante et bien structurée.
  • Le menu vertical légèrement décalé du cadre, qui le rend bien visible, avec un système d'onglet intégré pour passer de la collection Homme à la collection Femme. Très ingénieux et ultra simple, pourtant, je n'avais jamais vu ce système ailleurs.
Sixpack-categorie.png
Sixpack-produit.png

 

7. Headict.com

Headict est une boutique en ligne de chapeaux, bonnets, cagoules et casquettes, fraîchement lancé, et qui a déja fait parler de lui grâce à son design très réussi. Voir l'interview de l'un des fondateurs sur Capitaine Commerce.

Headict.jpg

J'aime :

  • Le graphisme général avec notamment les illustrations décalées, style "renaissance", qui servent à présenter les produits.
  • Le bandeau large pour présenter les produits du moment.
  • Le système simple et efficace de tri des produits par couleur.
  • L'accès à la page de fan sur Facebook. Le produit de niche, presque décalé, est bien adapté à la création d'une communauté de clients, ou simplement de fans de chapeaux originaux.
  • Le système de navigation avec des pictogrammes pour bien comprendre les différences entre chaques catégories de produit.
  • Les fiches produits simplissimes, faisant la part belle au produit, avec des visuels de qualité et un zoom puissant en passant juste sa souris sur les vignettes des différentes vues. Le bouton d'achat est immanquable.
Image 1.png
  • Le panier et son contenu toujours bien visible, quelque soit l'endroit du site où le visiteur se trouve.
  • Le mini-footer fixe (en affichage permanent) qui permet d'avoir toujours sous les yeux les mods de paiementk, les délais et frais de livraison.
  • Le maxi footer, avec un exemple de navigation secondaire.

 

Améliorations possibles :

  • Lorsque j'ajoute un produit à mon panier, je bascule automatiquement sur la page récapitulative de ma commande, ce qui interrompt mon parcours d'achat. La construction de la page laisse penser que je dois obligatoirement valider ma commande et créer un compte, alors que le lien pour revenir à la page précédente et continuer mon shopping est bien là, mais trop discret.

 

8. Z-enfant.com

Voici le site de la célèbre marque de vêtements pour enfant Z. Un site plutôt agreable au premier abpord, mais qui souffrent de quelques défauts majeur de conception.

Z e-shop - La mode enfant 0-14 ans, qualité, diversité et créativité à prix tous doux!_1258924734779.png

J'aime :

  • Les pages d'accueil des rubriques.
  • Le très bon niveau de zoom au survol des visuels produits.
z-produit-zoom.png

Améliorations possibles :

  • il y a un énoooooorme problème sur ce site. Regardez la page produit ci-dessous et vous allez-vite comprendre.
z-produit.png

Vous trouvez que le produit est mis en valeur ? Moi, pas...

C'est le parfait exemple du principal défaut des sites sur un fond sombre : les visuels ressortent mal, voire pas du tout, si les prises de vue n'ont pas été toutes réalisées en prenant en compte cette particularité du design. Voila pourquoi, il existe peu de site d'e-commerce sur un fond noir. Cette couleur est très difficile à travailler, et a plus d'inconvénients que d'avantages pour le webdesign. Et malheuresement pour la marque Z, elle propose beaucoup de produits de couleur sombre...

  • Autre gros défaut, aucun prix, ni bouton d'achat n'apparait par défaut sur la fiche produit. J'achète comment alors ???? Et bien, il faut d'abord sélectionner une taille, pour faire apparaitre le prix et le bouton "Ajouter à mon panier" (en plus de n'être qu'un petit lien trop discret, il est la plupart du temps sous la ligne de flotaison, donc rarement visible au premier coup d'oeil). Pas très malin pour un visiteur qui arrive directement sur la fiche produit en passant par un moteur de recherche...

 

9. Arthusandco.com

Une boutique de vêtements pour bébés, avec un design simple et enfantin.

Arthus & Co. - Vêtements pour bébé_1258926811940.png

10. Melijoe.com

De nouveau, un site qui se déclare être un concept-store (décidement faudra qu'on m'explique le concept du concept-store en e-commerce...) avec une pré-page d'accueil très graphique qui met tout de suite dans l'ambiance de la marque. D'habitude, je ne suis pas pour ces pages qui font faire un clic inutile avant d'arriver sur la vraie page d'accueil, mais là, c'est réussi et je peux accéder directement aux rubriques qui m'intéressent.

MELIJOE - Mode Enfant:Junior, Vêtements Enfant de 0 a 16 ans_1258927358260.png

Voici donc la seconde page d'accueil, qui revient à un design plus sobre, uniquemement blanc et gris, en jouant sur la typographie et la taille des titres pour séparer les blocs de contenu.

On y retrouve le désormais traditionnel bandeau large pour la promotion avec l'utilisation de couleurs flashy pour bien faire ressortir les arguments massus.

Vêtement Junior Garcon sur MELIJOE_1258927373975.png
La page produit est classique. A noter tout de même le système d'onglet interne sur Détail / Composition qui permet de donner plus d'information sur le produit sans trop rallonger la page. Du coup, le bouton "Ajouter à mon panier" reste bien visible, sans scroller.
Image 2.png

Lire la première partie de l'article 10 belles boutiques de vêtements et accessoires de mode réalisées avec la solution e-commerce Prestashop (1).

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

A noter que quasiment toutes les boutiques présentée ont un blog dédié. Le blog est devenu un outil incontournable de la relation client, mais aussi pour aider au meilleur référencement dans les moteurs de recherche. Je reviendrai en détail sur ce point dans un prochain article.

 

A lire aussi sur le même sujet :

23:44 Publié dans Analyse de sites, Ergonomie et webdesign | Lien permanent | Commentaires (16) | | | |  Imprimer

Commentaires

Encore mieux cette 2ème partie de l'article...
Merci encore me voici encore "cité" pour la réalisation du thème de Sixpack que j'ai réalisé en association avec lunettesnoires.net et sebousan.com.
Encore plus heureux de voir que mes boutiques n'ont pas d'encart "Améliorations possibles". La classe...

Je t'apporte tout mon support et bonne continuation dans tes rédactions.

Joel Gaujard    23 novembre 2009 Répondre à ce commentaire

Voici un site que j'ai découvert et que j'aime beaucoup il est sobre et très fonctionnelle a mon sens.
Bien cordialement

lemoine    27 février 2011

@Joël : Sixpack et American Vintage commis par la même personne, je me disais aussi... ils se ressemblent beaucoup ces 2 là ! Beau travail.

Ludovic    23 novembre 2009 Répondre à ce commentaire

Très bel article. Comme d'habitude! Je n'imaginais que l'on pouvait atteindre de tels rendus esthétique avec le CMS E-commerce PrestaShop! De plus, les analyses qui jalonnent chaque exemple sont très pertinentes.

Matthieu - Blog Business / Webmarketing / Management    25 novembre 2009 Répondre à ce commentaire

@matthieu : merci. C'est justement ce que j'ai envie de démontrer à toutes les personnes qui lancent leur boutique en ligne, quelque soit le choix de la solution technique.
Les templates prédéfinis, c'est bien... mais se payer un vrai beau design, avec une conception adaptée à la pratique de l'e-commerce, c'est vachement mieux ! Cela fait la différence entre les sites qui inspirent confiance et donnent envie de revenir, et les autres qui se ressemblent tous et font amateur.
Et l'investissement financier peut rester très raisonnable.

Ludovic    25 novembre 2009 Répondre à ce commentaire

@Ludovic: Je partage tout à fait cet avis! ;-)

Matthieu - Blog Business / Webmarketing / Management    25 novembre 2009 Répondre à ce commentaire

Merci pour cet article très détaillé !
Votre amélioration est judicieuse, nous allons agrandir le bouton "continuer mes achats"

Antonin    28 novembre 2009 Répondre à ce commentaire

Bonjour Antonin,
De rien. C'est un plaisir de voir que les principaux concernés sont d'accord avec moi ;-)

Ludovic    28 novembre 2009 Répondre à ce commentaire

Pour les béotiens, pouvez-vous donner une idée de ce que représente "un investissement financier raisonnable" pour ce type de design élaboré et pensé pour le ecommerce ?

Parle-t-on de 1000, 2000 ou 5000 euros ??
Merci

florian    18 décembre 2009 Répondre à ce commentaire

@Florian : Le prix dépend de plusieurs choses :
- le nombre de templates différents, qui peut parfois multiplier le travail par 2 ou 3 (et donc le prix aussi)
- agence ou webdesigner freelance ? Le cout jour/homme peut aller de 300 euros à plus 900 euros...
- le niveau de préparation du projet en amont (= qualité du wireframe). Un wireframe bien réalisé permet de gagner beaucoup de temps sur la phase de création artistique. Lire à ce sujet http://www.ludovicpassamonti.com/archive/2009/09/08/conseil-creation-interface-wireframe-site-internet-rouen.html.

Mais globalement, j'estime raisonnable pour une boutique sous Prestashop de dépenser 1000-2000 euros avec un bon Webdesigner à 500 euros/jour.

Ludovic    18 décembre 2009 Répondre à ce commentaire

si vous voulez avoir une idée de prix pour une boutique prestashop partez sur 1500 € la prestation de design, 3000€ environs la boutique clés en main et 4500€ environs avec des modules complémentaires et l'insertion des produits.

Après se sont mes tarifs en tant qu'indépendants ils seront surement plus élevés dans une société de communication classique!

Plus d'informations sur mon site : http://www.graphee.com

barriere    28 janvier 2010 Répondre à ce commentaire

C’est pas donnée est surtout faut encore du stock. Mais oui c’est un investissement qui peux rapporter gros. Faut dire que les template sont bien réussi.

Julien    17 novembre 2010 Répondre à ce commentaire

Une boutique prestashop pas mal non plus : http://www.small-garden.fr/

nicolon    21 novembre 2010 Répondre à ce commentaire

Une autre belle boutique qui a l'air de tourner aussi sous prestashop mais avec une navigation horizontal sur certaines pages.
http://www.bag-onlineshop.com/

Débo    25 novembre 2010 Répondre à ce commentaire

Je déterre un vieux post car j'étais à la recherche de sites e-commerce sur fond noir pour voir ce que ça peut donner, et il faut remarquer que Z-enfant.com a totalement viré de bord et est reparti sur un fond blanc.
Maintenant vu la branche et la cible, c'est pas vraiment étonnant ... à moins d'avoir des gosses gothiques mdr.

Traiteur Lille    02 août 2011 Répondre à ce commentaire

Les commentaires sont fermés.