Top 10 des sites Web de commerce électronique mobiles facilitant les achats en ligne pour les utilisateurs

Saviez-vous que 62 % des utilisateurs de smartphones ont effectué un achat en ligne à l'aide de leur appareil mobile au cours des six derniers mois ? Et si l'on considère qu'il y a environ 125 millions de consommateurs qui possèdent un smartphone, ce pourcentage devient encore plus significatif.

Environ 80 % des acheteurs utilisent leur smartphone pour rechercher des avis sur les produits ou comparer les prix lorsqu'ils sont dans le magasin physique, à la recherche de meilleures offres en ligne. De plus, en 2016, les achats en ligne ont augmenté de 45% et en 2017, les États-Unis ont atteint un taux de pénétration des achats en ligne de 77%.

En quoi les sites Web mobiles et les conceptions d'applications diffèrent-ils ?

Vous vous demandez peut-être pourquoi certains grands sites Web de commerce électronique investissent beaucoup dans un design réactif et adapté aux mobiles, et pourquoi certains sites Web créent plutôt un design d'application. Le fait est que les deux options ont leurs propres avantages et inconvénients.

Conceptions Web de commerce électronique

Un site Web de commerce électronique réactif et adapté aux mobiles s'affiche bien sur tous les types d'appareils et offre une meilleure portée. La maintenance est plus facile et les mises à jour sont faciles à mettre en œuvre. Cependant, étant donné que le site Web s'adapte à l'appareil qui affiche le contenu, les informations ne peuvent souvent pas être présentées sur une seule page. Parfois, la commodité et la facilité d'utilisation en souffriront. Vous devez souvent vous connecter et attendre que le site Web se charge, et même lorsque vous le connectez, il n'y a pas beaucoup d'opportunités de personnaliser l'expérience de navigation et d'achat.

Conceptions d'applications de commerce électronique

Le développement d'une application mobile prend du temps et vous devez développer plusieurs versions pour couvrir tous les types d'appareils. La portée est limitée uniquement aux personnes qui acceptent d'installer l'application sur leurs smartphones ou tablettes. La maintenance et les mises à jour continues doivent être déployées et approuvées par Google Play et l'App Store d'Apple. Cependant, il est beaucoup plus pratique d'utiliser une application mobile pour faire des achats en ligne, vous êtes toujours connecté, le contenu se charge beaucoup plus rapidement et contrairement au site Web, et vous pouvez recevoir des notifications push sur votre téléphone. Les conversions sont beaucoup plus faciles à suivre et les options de personnalisation sont presque illimitées.

Alors, quel est le bon choix pour les marques ? Devraient-ils se concentrer sur l'adaptation de leurs sites Web aux mobiles ou simplement développer une application de commerce électronique mobile ? La bonne réponse, si le budget le permet, est probablement les deux. Alors que les études de marché vous donneront votre réponse finale, les applications de commerce électronique améliorent souvent les résultats d'une entreprise - après tout, les gens passent 90 % de leur temps mobile dans les applications. Cependant, si vous devez en choisir un, choisissez d'optimiser votre site pour les ordinateurs de bureau, les tablettes ET les mobiles.

De plus, les sites Web de commerce électronique mobiles peuvent être conçus de manière à offrir tous les avantages de l'application et même à imiter parfaitement la conception du bureau. Pour inspirer votre propre optimisation, nous avons dressé une liste de 10 sites de commerce électronique mobiles qui facilitent les achats.

Top 10 des sites de commerce électronique mobile avec des parcours clients fluides

1. Amazone

C'est une évidence - Amazon est le site de commerce électronique numéro un et le premier détaillant en ligne aux États-Unis. Selon Statista, Amazon a réalisé un chiffre d'affaires net de 178 milliards de dollars en 2017. De plus, Amazon représente 43% de toutes les ventes en ligne aux États-Unis seulement ! Ils doivent faire quelque chose de bien avec leur conception réactive et adaptée aux mobiles.

Le site de commerce électronique mobile d'Amazon fonctionne si bien car il est très facile de finaliser l'achat. Moins il faut d'étapes pour acheter un produit en ligne, meilleure sera l'expérience utilisateur que vous offrirez à vos clients. Jetez un œil à la page d'accueil mobile d'Amazon. La barre de recherche est si importante et tous les boutons sont conviviaux. La saisie de texte prédictive accélère le processus de recherche. Pour les personnes qui souhaitent simplement naviguer, Amazon propose des catégories intuitives qui s'adapteront aux événements, aux vacances et aux préférences personnelles.

Remarquez qu'il y a juste assez de texte sur le site Web pour fournir des informations de base et inciter les clients à en savoir plus. Cela permet de garder l'interface utilisateur (UI) simple et épurée. Un espace négatif bien équilibré fait ressortir le contenu disponible et attire l'attention. Si nous parlons de conception de sites de commerce électronique mobile de pointe, Amazon n'est pas le plus joli du marché, mais c'est certainement l'un des plus fonctionnels.

C'est formidable de voir comment ils ont utilisé de simples flèches pour informer les clients de ce qui se passera lorsqu'ils cliqueront sur une catégorie. La flèche vers la droite indique clairement que le client sera dirigé vers un autre écran, et une flèche vers le bas fera glisser tout le menu vers le bas. Un autre conseil d'utilisation qu'Amazon fournit de manière experte, et que tous les autres sites de commerce électronique mobiles devraient adopter, est d'offrir aux visiteurs le choix d'ouvrir le site complet sur leur mobile.

2. Etsy

Etsy est un site de commerce électronique mobile qui vend des objets vintage et faits à la main. Unique est l'adjectif parfait pour Etsy, de par leur design épuré et minimaliste. Il a même une mise en page plus simple qu'Amazon, mais ces deux sites Web de commerce électronique mobiles ne peuvent pas être comparés car ils ont un public cible différent.

Voyons comment Etsy se comporte. En 2018, Etsy comptait plus de 54 millions de membres, qui ont généré 1,93 milliard de ventes et plus de 31,7 millions d'acheteurs. Et surtout, 65% de ces acheteurs proviennent d'un site de commerce électronique mobile. Lorsque nous parlons de réactivité, Etsy est super convivial pour les appareils mobiles. L'interface utilisateur est très intuitive et la fonction de saisie semi-automatique de la recherche a presque des capacités de lecture mentale.

Une excellente option de convivialité dont Etsy peut se vanter est sa recherche détaillée avec des options de filtrage en profondeur. Ils sont vraiment à la hauteur de leur devise – « Nous facilitons la recherche de votre truc ». La vue en grille et les photos prises par des professionnels sont un excellent moyen de présenter les produits les plus vendus. L'espace négatif est magnifiquement exécuté et s'intègre parfaitement aux diviseurs de contenu. Les boutons sont très gros et accessibles, surtout là où ils sont le plus nécessaires, sur la page du produit. Etsy possède l'une des mises en page les plus attrayantes visuellement pour les sites de commerce électronique mobiles.

Oh, et un fait amusant à propos d'Etsy est que 8% des vendeurs sont des femmes.

3. Walmart

L'une des plus grandes chaînes de vente au détail aux États-Unis a complètement revu sa stratégie et a lancé une entreprise de commerce électronique en 2017. Walmart a investi massivement dans ce secteur et les résultats sont au rendez-vous : leurs ventes en ligne ont augmenté de 63 % ! Walmart n'est pas Amazon, mais il essaie vraiment de l'être. Lorsque nous regardons le site de commerce électronique mobile de Walmart, nous voyons que l'expérience utilisateur est l'un des principaux objectifs.

Les couleurs bleu et blanc vont bien ensemble, et le rouge orangé est utilisé pour les boutons d'achat. Une palette de couleurs si simple mais efficace qui utilise beaucoup d'espace négatif, tout comme les concurrents susmentionnés. Les résultats de la recherche de produits sont présentés sous forme de grille et les informations sont présentées de manière unifiée. Certains produits ont un badge de meilleure offre Walmart. Les performances de filtrage et de tri sont conformes aux attentes, et la saisie de texte prédictive simplifie la recherche de produits. Les images et les descriptions des produits brillent vraiment sur ce site de commerce électronique mobile.

Le bouton « En savoir plus » sur la page du produit est trop petit et à peine visible, mais les descriptions de produits et le contenu avec de nombreux en-têtes fournissent suffisamment d'informations pour les futurs acheteurs. Le chariot de Walmart est à la pointe de la technologie en matière de conception et de convivialité mobiles. Chaque fois qu'un client ajoute un produit, un masque de superposition apparaît et vous informe sur le produit ajouté au panier. Il est facile de voir les frais d'expédition, le prix, les taxes, la quantité de produits et les services supplémentaires. Walmart ne manque pas non plus l'occasion de faire la publicité de produits fréquemment achetés à cette étape. Le paiement est un jeu d'enfant, ce qui ne peut qu'aider les conversions dans le commerce électronique mobile.

4. Alibaba et AliExpress

Alibaba Group et AliExpress sont les principaux sites de commerce électronique en ligne et mobiles basés en Chine, où les fabricants peuvent héberger leurs magasins virtuels et proposer des produits aux clients du monde entier. La taille d'Alibaba peut être présentée par les statistiques suivantes : elle compte plus de 50 000 employés et son chiffre d'affaires annuel en 2017 était de plus de 252 milliards de dollars. AliExpress, la plateforme B2C, comptait 100 millions d'acheteurs rien qu'en 2017.

Plongeons dans le design et l'esthétique d'AliExpress. Il convient de noter que la conception a changé au fil des ans et que maintenant le site Web en anglais d'Aliexpress ressemble à n'importe quel autre site de commerce électronique mobile occidental que nous avons présenté ci-dessus. En utilisant une palette de couleurs très contrastées avec des teintes rouges, AliExpress attire audacieusement l'attention sur la barre de recherche, les offres flash et les prix réduits dans diverses catégories. Il y a beaucoup d'espace négatif, donc AliExpress a bien fait ses devoirs. Le contenu est bien présenté dans une disposition en grille, avec suffisamment de curseurs mobiles pour qu'il ne soit pas statique et ennuyeux.

Les fenêtres contextuelles encouragent la connexion à AliExpress afin que la plate-forme puisse suivre le parcours de l'acheteur et fournir des produits pertinents. Les coupons qu'ils proposent pour la connexion sont soigneusement placés juste au-dessus du pli sur la page d'accueil sont toujours attrayants et alignés avec les couleurs de la marque. Dès que vous accédez au site Web, via une tablette ou un téléphone portable, il est clair que la connexion est l'objectif prédominant d'AliExpress et une stratégie pour obtenir des clients fidèles.

La convivialité est évidemment une priorité pour les concepteurs. Il est évident qu'AliExpress imite le design de Google. Il suffit de jeter un œil à son menu principal sur le site de commerce électronique mobile. Ressemble terriblement à un compte Gmail. Les clients ont également dit ce qu'ils pensaient de la plate-forme AliExpress, avec une note de 4,8/5 sur Google et plus de 27 000 avis.

Le panier est conçu de manière intuitive sous forme de grille, fournissant toutes les informations nécessaires au client. Comme AliExpress héberge tant de magasins différents en ligne, ils ont évité le panier encombré et déroutant en divisant les articles par magasin et en les filtrant au moment de les ajouter. Ensuite, les clients peuvent choisir les vendeurs auprès desquels ils souhaitent acheter.

Un bon design et de bonnes fonctionnalités peuvent être vus dans la liste de souhaits et les paramètres d'alerte d'AliExpress qui informent les clients lorsque les articles qui les intéressent sont en vente. AliExpress propose l'une des options de filtrage les plus complètes et les plus fonctionnelles lors de la recherche de produits. Les filtres changent même en fonction du type de produit que vous recherchez.

5. L'Espace Goldman

Space Goldman n'est pas un site de commerce électronique mobile typique, mais c'est un bel exemple de la façon dont vous pouvez offrir des services en ligne sur un site Web axé sur le mobile. Au cas où vous ne le sauriez pas, une conception de site Web axée sur le mobile signifie que le site Web est principalement destiné aux mobiles et aux tablettes.

Ce choix doit refléter le type d'activité de l'entreprise. Lorsque nous voyons le site de Space Goldman, il est logique qu'il opte pour un design mobile first. Il propose les services de shooting photo de son chien en tant que modèle, en interaction avec différentes marques et leurs produits. La plateforme de son choix et où il présente son portfolio est bien sûr Instagram.

Du point de vue de l'utilisateur, le site Web est très minimaliste et propre. Il s'agit d'un document d'une page avec un parcours d'achat simplifié. Cet exemple parfait de « moins c'est plus » brille à travers la copie du site Web, le nombre d'options et même la mise en page. Des prix transparents, même pour de grandes marques comme Colgate, augmentent définitivement les taux de conversion. De grandes images les unes sous les autres présentent le service de Space Goldman de manière fluide et discrète.

La palette de couleurs est rafraîchissante, basée sur des dégradés roses doux et des arrière-plans blanc cassé, avec des boutons roses un peu plus audacieux. Observez également les opportunités de conversion tout autour du site Web – de nombreux boutons menant à des achats seront certainement utiles pour les conversions.

6. Luxuriant

En plus d'être si colorée et intéressante, la marque Lush Cosmetics est un excellent exemple pour montrer comment un site de b-commerce (e-commerce de marque) peut briller avec une palette de couleurs limitée et une interface utilisateur très fonctionnelle. La simplicité et la mise en page axée sur le produit garantiront une expérience client positive aux visiteurs de Lush. Sortir du moule de la monotonie et des sites Web de commerce électronique mobiles statiques avec des curseurs est un modèle déjà observé. Et le modèle fonctionne pour le moment. Mais Lush a intensifié son jeu de conception en présentant une image de héros GIF et des vidéos sur les pages de produits et en présentant le produit qu'ils proposent actuellement sur la page d'accueil.

Lush propose une large gamme de produits qui capturent les utilisateurs avec ses couleurs et son parfum naturels, il est donc intéressant de voir comment une marque aussi colorée optera pour l'utilisation d'un schéma de couleurs noir et blanc - les clients s'attendraient même à être noyés dans la mer de couleurs à l'atterrissage sur le site Internet. Dire que c'est intéressant ne lui rend pas vraiment justice car les produits ressortent clairement et attirent l'attention à travers le thème monochrome.

Recevez de l'inspiration pour la conception de sites Web et des conseils pour la croissance de votre entreprise directement dans votre boîte de réception. Inscrivez-vous pour votre dose quotidienne de DesignRush !

Au lieu de présenter des produits dans des emballages originaux typiques, Lush fait à nouveau quelque chose de différent en présentant le produit en action, les cuillerées ou simplement les ingrédients principaux. Lush est un excellent exemple où un design minimaliste et hors du commun guide intuitivement les utilisateurs pour acheter et en savoir plus sur la marque.

7. Showpo

Showpo (ou Show Pony) est un site de commerce électronique mobile axé sur la mode féminine et orienté vers les adolescents, les étudiants et les festivaliers. L'interface utilisateur est assez typique, mais fonctionnelle, avec plusieurs catégories de produits et une barre de recherche bien visible en haut. Pourquoi l'avons-nous choisi pour cette sélection ? C'est moderne, branché, mais principalement parce que la conception du site Web est parfaitement alignée sur la conception du produit - les palettes de couleurs, les teintes, les produits présentés au-dessus du pli et même les cadres complètent le contour d'une manière un peu chaotique mais sensée.

L'espace négatif est présent mais ne domine pas le style de conception. Les boutons sont très gros et facilement exploitables, de sorte que l'expérience utilisateur est clairement prise en compte. Showpo n'est pas comme les sites mobiles de commerce électronique classiques - ils ne présentent pas autant de produits à première vue. Ils captivent plutôt les visiteurs avec de grandes images de héros dont le but est avant-gardiste et éducatif.

Les femmes viennent à Showpo pour l'inspiration, les lookbooks, pour trouver ce qui est actuellement à la mode sur le marché, et le design rationalise cela et guide les consommateurs dans un voyage de découverte, avec un soupçon de ventes. Les filtres sur la page du produit auraient pu être plus détaillés, mais Showpo compense avec une sélection de produits facile.

La mise en page du produit est présentée avec une grille uniforme, mais si vous vous attardez un peu, l'image du produit changera d'elle-même. Dès que vous sélectionnez la taille, le produit est ajouté au panier, ce qui facilite la sélection du produit et la bonne taille d'un simple toucher. C'est aussi un peu sournois car les visiteurs non habitués penseraient qu'appuyer sur la taille ouvrira les détails ou les images du produit. Il y aura beaucoup de suppressions dans le panier, mais c'est peut-être la stratégie de la marque. Si les consommateurs voient les articles déjà dans la voiture, ils décideront peut-être de terminer l'achat.

La copie du site Web est réduite au minimum, et si les consommateurs veulent en savoir plus sur le produit, les textes sont efficacement cachés derrière des boutons et des catégories en accordéon, de sorte que le site Web reste toujours orienté produit et promeut les images de héros.

8. Nike

Lorsque vous accédez au site Web de Nike, vous remarquerez d'abord la publicité pour l'application de commerce électronique que vous pouvez télécharger, incitant les utilisateurs à s'engager plus activement avec la marque tout en utilisant leurs appareils mobiles. Vous achèterez plus de produits si vous suivez l'offre de la marque, et comme nous l'avons expliqué au début, il est plus facile de suivre les achats et de créer des profils de public cible avec les données de l'application.

Si vous ne tenez pas compte de l'annonce de l'application, l'approche minimaliste de l'image de marque sera clairement évidente dès le premier coup d'œil. Il y a juste le logo, la barre de recherche, le panier et le menu principal qui sont assez intéressants sur la droite. Il n'y a même pas le nom de Nike nulle part, alignant la conception du site Web avec la conception de leurs chaussures et l'utilisation de leur logo.

Le site de commerce électronique mobile de Nike est un excellent exemple de filtres de produits complexes, qui sont nécessaires lorsque la diversité des produits est si grande. L'absence de copie du site Web invite simplement les utilisateurs à parcourir les produits et à tout savoir à ce sujet à l'aide d'icônes, de boutons et de formes. Même s'il faut travailler davantage pour recueillir des informations sur le produit, le parcours reste très intuitif et agréable, et pas du tout frustrant. Les images défilantes sont représentées de manière rafraîchissante avec des lignes au lieu de points.

Le design minimaliste de Nike avec de nombreux espaces négatifs blancs et blanc cassé, une police de caractères audacieuse et concise et des informations présentées avec des formes et des badges captivent les utilisateurs et les engagent, augmentant le temps passé sur site, mais augmentant également la qualité de ce temps. En choisissant ce type d'approche, Nike permet aux consommateurs de tomber amoureux des produits sans les ennuyer avec des détails inutiles qui sont juste sous la surface, montrés à ceux qui les veulent. Plus de temps consacré à la navigation qu'à la lecture signifie présenter plus de produits par consommateur.

9. Loisirs

Hobbycraft est un site de commerce électronique mobile spécialisé dans les arts, l'artisanat et les fournitures. Avec une niche si étroitement tissée qui compte de nombreuses catégories et encore plus de produits, une interface utilisateur intuitive et la conception de sites Web mobiles sont un must absolu. Regrouper ces catégories dans des ensembles incompréhensibles et explicites est un métier en soi.

L'organisation de la papeterie de Hobbycraft est représentée par des icônes colorées avec des lignes fines, soutenues par une police de caractères tout aussi légère qui contraste avec le logo épais et en gras de Hobbycraft. La palette de couleurs est également intéressante, jouant avec les teintes brunes, roses et vertes. La saisie de texte prédictive dans la barre de recherche de produits est bien optimisée, représentant des résultats de texte pertinents sur lesquels vous pouvez cliquer, mais Hobbycraft utilise également le processus de recherche pour présenter des produits pertinents avec des images dans la section Meilleurs résultats, ce qui est une innovation dans le mobile de commerce électronique. champ.

Un clic suffit pour ajouter le produit au panier, ce qui permet de gagner du temps et de faciliter le processus de paiement final. L'absence de copie du site Web est naturelle car elle permet aux gens d'acheter ce pour quoi ils sont venus, et s'ils veulent en savoir plus sur certains produits, la vue détaillée glisse de la droite. Hobbycraft dispose également de ressources telles que les médias sociaux et leur blog qui font davantage la promotion des produits.

La disposition de la grille en deux colonnes garantit que tous les produits sont affichés avec de grandes images, en particulier parce que la nature des produits Hobbycrat est telle que les pièces sont si petites. Le gros bouton vert renforce la décision de l'acheteur d'ajouter l'article au panier. Au lieu de gaspiller de l'espace sur les boutons, HobbyCraft utilise un symbole visuel pour le panier au lieu du mot. Si la navigation a conduit les clients jusqu'en bas de la liste des produits, ils peuvent toujours utiliser le bouton Retour en haut, ce qui constitue une grande valeur ajoutée en termes de fonctionnalité.

L'en-tête fixe avec la barre de recherche proéminente et les éléments du panier d'achat permettent aux clients d'affiner leur navigation et de saisir ce dont ils ont besoin à tout moment.

10. Cadeaux.com

Gifts.com est un site de commerce électronique mobile qui utilise intelligemment diverses méthodes de recherche et catégorisations de produits. La mise en page est propre et avec des espaces négatifs blancs interrompus par des images de produits colorées. La palette de couleurs repose sur le rouge foncé, qui est une excellente couleur liée à des émotions fortes comme l'amour, ce qui est exactement ce que vous voulez dans un site Web de vente de cadeaux.

La police de caractères Logo est en cursive, ce qui lui donne une impression d'écriture manuscrite, comme une carte-cadeau. Les produits dans le menu principal sont ensuite catégorisés avec le deuxième niveau de la barre de navigation sous forme d'accordéons. La barre de recherche est facilement accessible en haut, et tout comme l'en-tête de Hobbycraft, elle reste fixe lorsque vous faites défiler le site Web.

Lorsque vous sélectionnez le produit, vous ne pouvez pas l'ajouter au panier avant de le personnaliser, et même si cela prend du temps aux utilisateurs, ils l'apprécieront en faisant un effort supplémentaire pour s'assurer que le produit qu'ils ont choisi devienne le parfait. Le fait que vous ne pouvez pas éviter la personnalisation indique aux clients que Gifts.com, en tant que marque, se soucie de leur expérience produit et du résultat final, pas seulement des ventes.

Pourquoi les sites Web de commerce électronique mobile sont importants pour la croissance des entreprises

Dans l'ensemble, la fonctionnalité et la convivialité d'un site Web mobile sont la clé d'une conception de site Web de commerce électronique réussie. Prenez le temps d'investir dans une navigation facile et des achats et des paiements simples.

Par exemple, facilitez l'utilisation des boutons, ajoutez suffisamment de filtres pour aider les clients à trouver ce qu'ils recherchent rapidement et efficacement, et simplifiez le processus de paiement autant que possible. Portez une attention particulière à l'interface utilisateur et à l'expérience utilisateur, et orientez la conception vers l'utilisateur. Utilisez des palettes de couleurs intéressantes qui correspondent à l'identité de votre marque et à votre apparence générale, mais n'ayez pas peur d'adopter une approche différente et de dépasser les attentes des utilisateurs.

Bien que les applications mobiles soient un excellent investissement si vous avez le budget pour elles, un site Web de commerce électronique mobile solide et bien conçu offrira aux clients un beau parcours d'achat et aux entreprises avec de meilleurs conversions et un meilleur retour sur investissement.

Vous voulez plus de conseils pour la croissance de votre entreprise ? Inscrivez-vous à notre newsletter !