5 exemples de magasins en ligne basés sur Drupal pour inspirer votre entreprise
Dans un de mes derniers articles, j'ai fourni des exemples de sites web d'entreprise basés sur Drupal. Le premier se référait aux entreprises de l'secteur médical, le second – aux entreprises opérant dans le secteur industriel. J'ai présenté les fonctionnalités de Drupal, ainsi que les solutions dédiées que les organisations mentionnées dans cet article ont introduites sur leurs sites web. Dans ce texte, cependant, je souhaite présenter des sites web basés sur Drupal dans le secteur du commerce.
Hermes
L'entreprise propose des produits et accessoires de co-emballage. Par conséquent, elle représente une industrie où la concurrence est féroce – d'où l'importance pour une boutique en ligne de se démarquer. Ainsi, il y a quelques éléments accrocheurs qui rendent ce commerce vraiment frappant.
La première chose est la forme attrayante d'afficher les bannières et les photos sur la page d'accueil. Un effet de glissement a été utilisé ici – en faisant défiler la page, les éléments mentionnés "glissent" à leur place. L'effet est accrocheur et vous donne envie de rester sur le site du magasin.
La deuxième chose est certainement le moteur de recherche. En tapant un terme de recherche, des suggestions apparaissent. Ainsi, vous pouvez trouver le produit donné plus rapidement – vous voyez immédiatement si un tel produit est même disponible dans le magasin. Et s'il est disponible là-bas, après avoir appelé ce produit, vous êtes dirigé vers une page où d'autres options de filtrage sont proposées. C'est important parce que, en restant "sûr du produit", vous commencez à affiner la recherche en fonction des caractéristiques de ce produit. Tout cela signifie que vous êtes encouragé étape par étape à rechercher les marchandises que vous souhaitez trouver – vous ne renoncez pas, et nous ne quittons pas le site.
Un autre élément important est le menu. Il est situé dans le coin supérieur gauche. Après avoir cliqué dessus, une liste de catégories apparaît. Après avoir sélectionné le signe "+", la catégorie donnée se déploie – vous voyez les sous-catégories suivantes, et dans les étapes suivantes, vous accédez à la page avec ce produit précis.
En parlant du menu, il convient de mentionner la forme relativement frugale de présenter l'en-tête. En plus du moteur de recherche susmentionné, il existe également un raccourci pour se connecter au compte client et un panier d'achat. Tout cela rend l'ensemble lisible et facile à naviguer.
En parcourant le magasin Hermes basé sur Drupal, il est impossible de ne pas avoir l'impression qu'il a été très bien pensé et conçu avec le client à l'esprit. Donc, si vous envisagez de lancer votre commerce, cet exemple peut être une excellente source d'inspiration. Et en combinaison avec le consulting Drupal, vous pouvez acquérir des connaissances et des conseils sur la manière de faire rester votre client dans votre magasin le plus longtemps possible et choisir ce qu'il recherche.
JYSK
C'est l'une des marques les plus connues qui ne nécessite probablement pas de présentation détaillée – et également un autre magasin basé sur Drupal. Vous pouvez y trouver d'autres commodités pour le client, ainsi que de l'inspiration.
Vous êtes-vous demandé comment rendre le moteur de recherche plus attrayant ? Si vous ajoutez à l'exemple d'Hermes une image de produit ainsi que des informations sur le nombre de variantes disponibles dans le magasin, vous pouvez obtenir un effet vraiment attrayant. C'est ainsi que cela se présente chez JYSK. Vous pourriez dire que ce n'est rien, mais ce détail fait toute la différence. Cela répond sans aucun doute aux attentes des clients et facilite grandement la recherche d'un produit.
Allons plus loin. Si vous proposez de nombreux produits et avez de nombreuses catégories, pourquoi ne pas présenter ces catégories sous forme de galerie sur la page d'accueil ? Grâce à la solution proposée par JYSK, le client qui visite le magasin reçoit un message visuel et, en même temps – amical. Vous pouvez alors voir que le propriétaire du magasin a pris soin de faciliter la navigation dans l'offre de produits de la marque.
La solution ci-dessus se poursuit. Après avoir sélectionné la catégorie, vous êtes toujours guidé à travers des photos avec des sous-catégories, jusqu'à ce que vous choisissiez finalement le produit donné. Entre les étapes individuelles, vous pouvez trouver, par exemple, la section avec un blog/guide concernant la catégorie dans laquelle vous vous trouvez actuellement. Il est bon de prêter attention à cela car sur d'autres sites, le blog est souvent placé "à côté" et parfois c'est un élément séparé – ici, c'est une partie intégrante du processus d'achat et soutient le client dans le choix du produit qui répond à ses attentes.
Et lorsque vous arrivez finalement au panier, il y a aussi une solution bien pensée qui prend en compte les décisions que le client peut envisager. "Vérification de la disponibilité" et "réservation en ligne" ont attiré mon attention.
En vérifiant la disponibilité des biens, dès le début, vous pouvez vérifier si le produit est en stock et dans combien de magasins physiques.
En sélectionnant le bouton vérifié, un pop-up apparaît, où – après avoir saisi la ville – vous recevez des informations sur la quantité du produit dans le magasin spécifique. Il est bon de mentionner ici qu'il y a aussi des informations disponibles sur la dernière mise à jour de l'inventaire – je pense que c'est une information très importante pour l'utilisateur, sur la base de laquelle le client peut être sûr qu'il consulte les informations les plus à jour. Un pop-up similaire avec ses fonctionnalités apparaît lors de la réservation en ligne.
Lors de la réalisation de ventes en ligne, vous ne devez pas oublier les ventes dans les magasins physiques – mais plutôt les soutenir afin d'offrir au client une large gamme de possibilités et de lui présenter des options à chaque étape de l'expérience d'achat. Et enfin – le panneau client. JYSK a pris soin des fonctions de base telles que : le profil, l'historique des commandes, la liste de souhaits et la liste des articles récemment consultés. La section FAQ peut être consultée ici. Et tout comme la section blog placée dans le processus d'achat, les questions et réponses les plus fréquemment posées sont à portée de main.
Wilson
Probablement presque tout le monde connaît la marque Wilson, mais peut-être pas tout le monde sait que leur boutique en ligne est construite sur Drupal.
Dans ce cas, je dois également commencer par le moteur de recherche à nouveau, car il semble que de tous les exemples précédents, celui-ci est le mieux conçu. De plus, cela montre qu'avec Drupal, vous pouvez développer des fonctionnalités qui peuvent sembler rigides à première vue.
La principale différence réside dans le fait qu'après avoir saisi une phrase, vous êtes dirigé directement vers le magasin, où la page avec le produit souhaité, les catégories et la quantité est affichée. De plus, je dois mentionner que le design se caractérise par le minimalisme, grâce auquel l'ensemble est épuré.
Cependant, je veux me concentrer sur l'élément qui rend ce magasin unique et le distingue des autres. Dans le menu principal, il y a un bouton CUSTOM, qui permet de "concevoir" un produit selon des besoins et goûts individuels.
Après avoir appuyé sur le bouton, vous êtes dirigé vers le modèle (dans ce cas – d'une raquette de tennis) et l'option de sélection.
Et c'est là que l'aventure commence, pourrait-on dire. Les possibilités de personnaliser le produit sont vraiment vastes. De la couleur, la brillance, le type de revêtement, au choix des nuances du logotype, en passant par l'utilisation de motifs ressemblant à ceux sur les raquettes des joueurs de tennis les plus célèbres au monde. Poster ici plus de captures d'écran faites par moi prendrait trop de place, et en même temps – empêcherait de l'interaction avec les capacités du magasin. Donc, je vous encourage à le visiter et à personnaliser une raquette de tennis vous-même. Cependant, je vais joindre ici la vue finale du produit, y compris les informations sur le délai estimé de réalisation de la commande.
L'exemple ci-dessus est parfait si votre offre commerciale inclut des produits personnalisés pour vos clients. Avec Drupal, vous pouvez obtenir un effet unique qui répondra aux attentes, et en même temps offrira à l'utilisateur une expérience inhabituelle. Donc, lorsque vous préparerez un brief pour une agence Drupal, et que votre vision ressemblera même un peu à l'exemple de Wilson, je vous encourage à inclure cet exemple. Grâce à cela, l'équipe Drupal comprendre votre idée correctement.
Revenons un moment à la page d'accueil avec l'option de trouver un revendeur.
L'utilisation d'une carte s'avère extrêmement utile ici. Après avoir sélectionné le magasin physique qui vous intéresse, ses détails apparaissent sur le côté de l'écran, ce qui permet un filtrage supplémentaire par catégorie. Dans le cas de Wilson, la recherche peut être affinée selon la discipline sportive dans le contexte de laquelle vous pourrez acheter l'équipement et les accessoires appropriés.
LUSH
Cette boutique de cosmétiques basée sur Drupal peut être un bon exemple de présentation d'un produit et de conception d'un panneau client.
En ce qui concerne ce dernier, la galerie joue un rôle clé. Chaque sous-page avec un type spécifique de produit est créée selon le modèle suivant: bannière, produit best-seller, autres produits. De plus, certains d'entre eux ont des informations sur la rupture de stock dans l'entrepôt. En outre, il y a aussi des références au contenu du blog - donc si vous avez des doutes sur le produit à choisir ou si vous souhaitez approfondir vos connaissances, vous n'avez pas à quitter la sous-page, car tout est ici en un seul endroit.
Bien qu'il y ait beaucoup de photos, vous n'avez pas l'impression d'être submergé par leur nombre. Donc, si vous envisagez un style similaire pour votre magasin, utilisez un service de design professionnel.
Le deuxième élément est le panneau client déjà mentionné. Le menu clair attire l'attention. Naviguer et se repérer dans votre profil est facile et agréable, ce qui signifie que le client peut y accéder volontiers.
Plus bas dans le panneau, certains blocs permettent de prévisualiser le contenu en référence à l'élément de menu du panneau.
WAM
Et enfin, la maison d'édition WAM comme exemple de magasin basé sur Drupal avec un grand nombre de livres. La caractéristique distinctive de la page d'accueil est sa transparence. Mon attention est attirée par les blocs thématiques avec des livres d'une série donnée. Grâce à l'utilisation du curseur, vous n'avez pas à entrer dans le bloc donné, mais en appuyant sur la flèche, vous pouvez déplacer les titres.
Après avoir sélectionné un livre, vous accédez à la page du produit, où nous pouvons en savoir plus sur la publication. Vous avez également la possibilité de télécharger un extrait du livre.
Un fait intéressant dans le magasin lors de la commande est l'option de l'expédition du produit acheté en tant que cadeau. Le client peut choisir non seulement le destinataire des marchandises, mais également un emballage décoratif. En conséquence, l'acheteur du produit à offrir n'a plus besoin de se soucier de l'emballage. C'est une option pratique et utile.
Résumé
En choisissant un magasin basé sur Drupal, vous pouvez tirer parti de ses nombreuses possibilités. En fonction de vos attentes, de ce que vous vendez, vous avez la possibilité de créer une boutique en ligne de manière à ce que vos clients restent sur votre site le plus longtemps possible, et que le nombre de conversions soit le plus élevé possible. J'espère que les exemples ci-dessus vous ont inspiré, et que vous souhaiterez utiliser certaines des solutions proposées.
