Revenir aux actus

 

 

Comment créer un site ecommerce efficace ?
Tendances web et e-commerce : Ergonomie, Navigation, 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, 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 complète et épuré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.

 

L'affichage du stock : disponible, en cours de réapprovisionnement...

L'internaute comprend tout de suite si le produit est disponible ou non. 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

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 les méthodes de livraison et paiement en zone de réassurance

 

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 de votre site e-commerce. 
 

 

 

 

 

 

 

 

 

 

 

 

 

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 en ligne 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 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.

 

 

 

 

 

 

 

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.

 

 

 

 

 

 

Tenir compte de la ligne de flottaison

pour vos longues pages de rubriques ou de catégories

Sur le site e-commerce Machines-3D, la page de rubrique est très bien construite puisqu'elle fait apparaitre un maximum de produits au-dessus de la ligne de flottaison, ci-dessous 4 imprimantes 3D.

 

Le listing produit est clair et contient toutes les informations pertinentes pour mettre vos produits en avant : 

 

. 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;

 

 

La mise en place de pictogrammes permet de mettre en avant visuellement vos produits à vendre :
Promo, coup de coeur, nouveauté...

 

 

 

 

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 des produits en avant : "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". 

 

 

 

 

 

 

L'importance de l'ergonomie pour créer un site e-commerce performant

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 à utiliser pour inciter vos visiteurs à rester plus longtemps

. Réaliser un beau site e-commerce avec des éléments visuels efficaces pour pousser vos potentiels clients à l'achat

 

 

 

 

Vous souhaitez créer un site e commerce ?

Vendre ses produits sur internet ?

Découvrez la solution Shop Application avec la [+] création de site e-commerce 100% française et ultra complète par ses fonctionnalités e-commerce. En terme Design, vous pouvez choisir un design sur mesure ou parmi nos templates prééxistants [+] nos thèmes graphiques e-commerce. Contactez-nous ! . par téléphone : 02 98 05 29 25 . par mail : devis@shop-application.com