Revenir aux actus

 

 

Comment créer un site ecommerce efficace ?
Tendances web et e-commerce : Ergonomie, UX Design, Expérience utilisateur

Les meilleurs sites e-commerce sont généralement ceux qui présentent une ergonomie cohérente et bien construite. L'objectif d'un site internet est d'apporter rapidement l'information recherchée à vos internautes par la navigation et l'expérience utilisateur, favorisant ainsi les ventes en ligne. Pour illustrer des bonnes pratiques en ergonomie et UX Design, nous allons nous appuyer sur un cas client : le site web marchand www.machines-3d.com réalisé avec le CMS Shop Application. Machines-3d est un site e-commerce spécialisé dans la vente de matériels d'impression 3D.

 

 

 

 

 

 

Créer une fiche produit de qualité et soignée

sur votre site e-commerce

 

Les principaux éléments pour une fiche produit pertinente sont présents au-dessus de la ligne de flottaison de votre site e-commerce : Titre du produit, les avis clients, la qualité des images, le prix, le bouton d'ajout au panier, éléments de réassurance...
 

C'est quoi la ligne de flottaison ?

La ligne de flottaison est une ligne virtuelle en dessous de laquelle le contenu du site internet n'apparaît plus à l'écran. Le contenu situé sous la ligne de flottaison n'est visible que si nous utilisons la barre de défilement, le scroll ou la molette de votre souris.

 

 

 

 

Un titre de produit clair et précis   

Le titre du produit ou article doit être pertinent, bien visible et inclure des mots-clés susceptibles d'être tapés par les internautes dans les moteurs de recherche.

 

L'affichage des avis clients 

Aujourd'hui, la grande majorité des internautes consultent les avis clients avant l'acte d'achat pour être rassurés sur la qualité du produit et/ou des services (SAV, méthodes de livraison, frais de port...). Vous pouvez faire afficher les avis clients au niveau du produit via de nombreuses solutions externes qui existent sur le marché. Nous recommandons la solution [+] Trusted Shops spécialisée en récolte et gestion d'avis client, partenaire de notre CMS Shop Application.

 

 

Exemple du site e-commerce Pharmashopi affichant les avis clients avec Trusted Shops
www.pharmashopi.com est spécialisé dans la vente de médicaments, Pharmacie et Parapharmacie en ligne

 

 

 

Le prix mis en valeur  

L'internaute doit savoir immédiatement en arrivant sur la page de votre site e-commerce si le produit à vendre est dans son budget ou non. Le prix du produit doit être bien visible. Le prix est primordial, il est l'un des principaux facteurs lors de la décidion d'achat. Votre prix doit être cohérent avec le marché et suffisament attractif par rapport à celui de vos concurrents.

 

Disponibilité du stock : disponible sous combien de temps (Nombre de semaines/jours), en cours de réapprovisionnement...

L'internaute comprend tout de suite si le produit est disponible ou non. Il est intéressant d'apporter des précisions sur la durée de disponibilité du produit, qu'il s'agisse de quelques jours, semaines ou mois. Cette information de durée a de l'impact sur l'acte d'achat. Si le produit n'est plus disponible, il est judicieux de préciser que le produit est en cours de réaprrovisionnement et de proposer à vos internautes d'être prévenu par email quand le produit sera de nouveau disponible.

 

 

De belles et grandes images de vos produits à vendre  Plusieurs images et photos de qualité permettent à l'internaute d'avoir un aperçu détaillé et proche de la réalité du produit. N'hésitez pas à intégrer des photos avec différents angles de vue du produit.

 

 

Une vidéo de démonstration de votre produit Grâce à une courte vidéo sur les caractéristiques de votre produit à vendre, l'internaute pourra se faire une véritable idée de ce qu'il va commander en ligne.

 

 

Un bouton d'ajout au panier bien visible

Plus le bouton d'ajout au panier est visible, plus le taux de clics est élevé. Ce bouton d'ajout au panier doit être d'une couleur bien visible et en harmonie avec les couleurs de votre site e-commerce. 

 

Une zone de réassurance qui donne confiance

La zone de réassurance a pour but de rassurer l'internaute et l'inciter à passer commande en ligne. Cette zone permet de mettre en avant des services ou avantages de votre site e-commerce, comme proposer le choix entre plusieurs méthodes de paiement, le click & collect pour le retrait en magasin, le retour gratuit, etc...

 

 

 

 

Afficher clairement les méthodes de livraison et paiement

 

Les informations liées aux méthodes de paiement et livraison sont déterminantes pour concrétiser l'achat en ligne. Il est recommandé d'intégrer ces précieuses informations dans la zone de réassurance qui est présente sur toutes les pages du processus de commande. La zone de réassurance a pour objectif de donner confiance à l'internaute et de le convaincre de valider sa commande. Dans la zone de réassurance, nous pouvons y retrouver des informations liées aux :   Méthodes de livraison Livraison express, Livraison offerte, délai de livraison, Click and Collect, Frais de port gratuits à partir d'un certains montant, retour gratuit...   Méthodes de paiement Plusieurs méthodes de paiement au choix, Carte bancaire, PayPal, Paiement sécurisé, remboursement...   Services spécifiques Service après-vente, SAV disponible, Contact, Coordonnées, Hotline, Garantie...   Services pour un savoir-faire Mode de fabrication, Savoir-faire artisanal...
		Zone de réassurance sur une fiche produit

 

Où placer la zone de réassurance sur votre site e-commerce ?

Pour que la zone de réassurance soit clairement visibile, il est judicieux de la placer au-dessus de la ligne de flottaison. Nous pouvons par exemple la situer juste en dessous du diaporama de page d'accueil, comme ci-dessous.

 

 

 

 

Il est également possible d'intégrer votre zone de réassurance
dans le pied de page ou footer de votre site e-commerce, comme illustré avec ces exemples ci-dessous.
 

 

 

 

 

 

 

 

 

 

 

 

 

Proposer le Click&Collect : Service de livraison devenu incontournable

 

En raison du contexte de confinement, le Click and Collect est devenu un service local rapidement incontournable pour les e-commerçants. Le Click&Collect pourra s'installer facilement sur votre site e-commerce ou boutique en ligne.

 

C'est quoi le Click and Collect ?

Le Click&Collect permet de passer commande en ligne, puis de venir la retirer en magasins ou points de vente. Pour la livraison, les clients peuvent sélectionner leur magasin préféré, puis choisir l'horaire de retrait de leur commande.

 

Shop Application a développé en 2020 la fonctionnalité Click&Collect qui est l'une des plus complètes du marché. Pour plus de renseignements, allez sur [+] notre module Click&Collect complet ou [+] module Drive simple

 

Quels sont les avantages du Click&Collect ?

. Faire des économies sur les frais de livraison
. Gagner du temps pour la préparation des commandes et colis
. Se démarquer par rapport à la concurrence 
. Attirer de nouveaux clients (e-commerce et magasin)
. Générer du trafic en magasin et le faire connaître
. Proposer un service local adapté au contexte du confinement
. Diminuer les temps de livraison

 

Comment communiquer sur le Click&Collect avec votre site e-commerce ?

Vous pouvez prévenir vos internautes que vous proposez le Click&Collect en le rendant visible par un pictogramme placé en zone de réassurance.

 

 

Exemple du site e-commerce La Chocolaterie proposant le Click and Collect pour toutes commandes en ligne
www.la-chocolaterie.fr est spécialisé dans la vente de chocolats, coffrets et confiseries

 

 

 

 

 

Faciliter l'accès au panier pour plus de commandes en ligne

 

Le panier est bien mis en évidence dans le header du site e-commerce de Machines 3D. L'internaute a accès à un récapitulatif de son panier simplement au passage de la souris. L'internaute sait immédiatement le nombre de produits qu'il a ajouté au panier, la quantité et le prix total. Le bouton d'action "Commander" lui permet d'accéder en un clic au processus d'achat. 

 

 

Les pictos "Mon Compte" et "Mon Panier"  sont harmonisés avec la charte graphique du site.

 

 

 

 

 

Générer un processus de commande simple

Lors du processus de commande en ligne, l'internaute sera amené sur une page récapitulative de commande avec votre site e-commerce pour qu'il puisse supprimer un produit, modifier la quantité, recalculer son panier... L'internaute a ainsi la possibilité mettre à jour sa commande simplement et rapidement, avant de commencer le processus d'achat en ligne. 
 

 

 

 

 

 

 

Prendre le temps de construire l'arborescence et le menu principal 

de votre site internet e-commerce

Il est important d'apporter une vraie réflexion sur la construction de l'arborescence et du menu principal dès le début de [+] votre projet de création de site e-commerce. Le menu doit faciliter la navigation de vos visiteurs. Sur le site e-commerce de Machines-3D, le menu est découpé de manière logique : plusieurs pages de rubriques, puis sous-rubriques illustrées, accessibles au passage de la souris. Un effet au survol permet de guider les visiteurs dans leur navigation. Le point fort de ce menu est de permettre au visiteur d'accéder aux produits qu'il recherche en seulement quelques clics.

 

 

 

 

 

 

 

Comment concevoir vos pages de catégories ou rubriques ?

 

Tenir compte de la ligne de flottaison 

Il est conseillé de faire apparaître un maximum de produits au dessus de la ligne de flottaison, comme dans l'exemple du site e-commerce Machines-3D où la page de rubrique est très bien construite avec 4 articles d'imprimantes 3D visibles.

 

 

 

 

 

Combien de produits sont à faire apparaître par page de catégorie ?

Si vous avez de nombreux produits et de longues pages de catégorie, nous vous conseillons de mettre en moyenne 50 produits par page. 

L'objectif est de donner accès à la fois aux nombreux produits en scrollant ainsi qu'aux éléments en bas de page (footer). C'est trouver un juste équilibre entre la réduction du nombre de page de catégorie et des pages de catgories pas trop lourdes à charger, notamment avec les images (Impact sur la notation PageSpeed Insights). 

 

Quels sont les éléments pour une page de catégorie idéale ?

La page de catégorie doit présenter un listing de produits mettant en avant les informations les plus pertinentes, à savoir : 

. Un titre de couleur sobre

. Une belle image produit 

. Une description courte

. Un prix bien mis en évidence

. Un bouton d'action bien visible et incitant au clic

. Des pictos "Coup de coeur" "Nouveau" ou "Promo". Voici d'autres exemples de pictos que vous pouvez utiliser pour personnaliser et mettre en valeur vos produits.

 

 

Mise en avant visuelle par les pictogrammes :
Promo, Coup de coeur, Nouveauté...

 

 

 

 

 

Faciliter la navigation avec un moteur de recherche multicritères

 

Avec un moteur de recherche de qualité, la recherche de l'internaute sera facilitée et plus ciblée. Celui-ci doit être accessible sur les pages de rubrique de votre site e-commerce. Les critères de sélection doivent être adaptés à votre secteur d'activité : ici, par exemple, on retrouve le prix mais aussi la compatibilité de la machine ou bien la technologie d'impression souhaitée.  Présentation en vidéo du moteur de recherche multi-critères qui s'adapte parfaitement bien à la version mobile des nos sites e-commerce.

 

 

 

 

 

Rendre visible des produits à vendre dès la page d'accueil
de votre site ecommerce

Mettre en avant vos articles à vendre avec les pages "Meilleures ventes" et "Nouveautés"

Sur la page d'accueil de votre site e-commerce, deux modules sont disponibles pour mettre en avant les produits "Meilleures Ventes" et "Nouveautés". L'internaute peut faire défiler le carrousel d'images avec l'effet de "drag and drop" et découvrir jusqu'à une vingtaine de produits : imprimantes, scanner, crayons 3D. Il peut également accèder rapidement à la fiche produit grâce au bouton d'action "Acheter". 

 

 

 

 

 

 

Réalisations de sites e-commerce réussis comme sources d'inspirations

Nous avons rédigé récemment un article présentant des exemples de sites e-commerce réussis avec le CMS Shop Application. Nous avons réalisé une sélection de sites de vente efficaces, générant un chiffre d'affaires conséquent, qui peut être une bonne source d'inspirations avant de créer votre propre site internet.

[+] Voir l'article des exemples réussis de sites e-commerce

 

 

 

 

Ergonomie et expérience utilisateur comme indicateur de performance

Un bon site e-commerce ne se limite pas simplement au visuel. Il est important d'accorder du temps en amont à l'ergonomie de votre site internet :

 

. Rendre vos contenus intéressants et donner rapidement à l'internaute l'information recherchée

. Construire un site internet facile à naviguer pour inciter vos visiteurs à rester plus longtemps

. Réaliser un beau site e-commerce avec des éléments visuels de qualité, l'apparence esthétique étant un élément déterminant lors de la décision d'achat
[+] Voir l'article sur l'importance des images pour un site internet attractif

 

 

 

 

Vous souhaitez créer un site e commerce ?

Vendre vos produits sur internet ?

Découvrez le CMS Shop Application 100% français avec la [+] création de site e-commerce avec des fonctionnalités e-commerce ultra complètes. En terme de Design, vous pouvez choisir un design sur mesure ou parmi nos templates prééxistants [+] nos thèmes graphiques e-commerce. Contactez-nous !