Intermarché : un site mieux optimisé que prévu

Un site meilleur que prévu, analysé sur desktop

Intermarché a pas mal fait parler de lui dernièrement avec la publicité sur le loup solitaire. Du coup, je me suis dit qu’on allait démonter le site d’Intermarché, montrer que, OK, c’est sympa, ils font des publicités cool, mais que derrière, ça ne suit pas du tout sur leur site et que, pour commander, c’est un enfer sur terre. Et en fait, je dois vous avouer que j’ai été agréablement surpris.

Franchement, le site est assez bien optimisé, comparé à d’autres sites de commande en ligne, il n’est pas mal du tout. Je pense que des CRO ont dû passer dessus. Je n’ai pas regardé s’il y avait un logiciel d’A/B testing, mais en vrai, les mecs sont franchement bons.

On va faire cette petite analyse sur desktop, donc sur ordinateur. Normalement, il faut plutôt aller sur mobile, parce que, comme vous le savez tous, aujourd’hui 80 à 90 % des visiteurs sont sur mobile. Donc ça ne sert absolument à rien d’analyser son site sur desktop : ceux qui font ça sont encore stuck dans les années 2000. Mais bon, on les pardonne quand même.

Là, comme on est sur un site de commande en ligne pour faire ses courses et se faire livrer, c’est généralement plutôt une utilisation desktop. Ça ne m’étonnerait pas qu’on soit sur du 60/40, 60 % desktop, 40 % mobile, voire plus. Donc on va rester sur desktop.

Voilà, donc la petite pop-up pour accepter les cookies : pas trop mal, franchement pas trop mal. En plus, on est sur un consent wall : tant qu’on n’a pas donné son consentement, ou tant qu’on n’a pas fait une action sur cette pop-up, on ne peut pas accéder au site. Le tracking derrière est donc à 100 %, total. On a soit des personnes qui refusent, soit des personnes qui acceptent, mais pas des personnes qui cliquent à côté et qui continuent leur navigation sans avoir accepté ou refusé les cookies. Ça, c’est plutôt bien pensé.

La home : courte, mais l’accès aux courses manque de visibilité

On va commencer par la home. Ce que je kiffe pas mal sur la home, c’est qu’elle n’est pas à rallonge. Aujourd’hui, on voit des homes beaucoup trop longues sur les sites, et là, franchement, on a une home très courte, on a directement l’essentiel. Ça suit la tendance des sites qui ont des homes de plus en plus courtes, parce qu’aujourd’hui les utilisateurs ne scrollent plus du tout sur mobile.

Il y a très, très peu de scroll sur mobile, donc on va directement cliquer sur des éléments en haut de page. Franchement, c’est plutôt cool qu’ils aient fait une home assez courte, qui va direct à l’essentiel.

En revanche, moi, j’arrive sur le site Intermarché : généralement, on va sur le site pour se faire livrer ou pour faire du drive. Je trouve que ce n’est pas assez mis en avant. C’est difficile de trouver les courses en ligne. Alors, c’est ici, OK, mais trouver un magasin, ce n’est pas assez mis en avant sur la page. Ce qui attire surtout le regard, ce sont les offres.

D’ailleurs, quand on va sur les offres, on se retrouve bloqué sur une page. Ah, tiens, là, j’ai un petit problème : on se retrouve bloqué sur une page où il n’y a rien. Il n’y a aucune action à faire, à part voir le prospectus, on s’en fiche un peu. C’est un petit peu dommage. Les offres sont trop mises en avant, et là, ça fait un petit peu peur : on ne voit rien du tout.

D’ailleurs, au niveau de la lisibilité, je voulais ajouter ce point : on a certains éléments, par exemple ici, « jusqu’au 1er février 2026 », où la lisibilité n’est pas top. On a du jaune sur du rose, ça fait un peu mal aux yeux, ça pique les yeux et du coup, on ne le voit pas tout de suite. Pareil ici, on a une lisibilité qui n’est pas optimale, ça aurait pu être amélioré. Mais je reviens sur le point : pour trouver un magasin et aller directement dans la navigation pour commencer ses courses, ce n’est pas si facile de trouver le bon lien. C’est un petit peu dommage.

Ce qu’on aurait pu faire, c’est avoir directement ici un encart « Faire mes courses », « Trouver mon magasin pour commencer à faire mes courses », ou carrément une search bar où l’on peut taper directement les produits qu’on cherche à acheter, entrer dans la navigation en un seul clic et ensuite commencer ses courses. Ça aurait été pas mal. Mais sinon, franchement, ce n’est pas mal du tout. Je mets un petit 8/10 […].

La recherche de magasin : livraison ou drive

Quand on veut faire ses courses en ligne, on doit d’abord trouver un magasin. C’est pas mal, mais ce qui est un peu dommage déjà, c’est que le bouton « Autour de moi » ne fonctionne pas. Je l’ai vérifié sur plusieurs navigateurs, ça ne fonctionne pas.

Je pense que je n’ai peut-être pas dû accepter certaines choses sur le navigateur. Ah, je n’ai peut-être pas accepté mes cookies, c’est pour ça. Bon, en tout cas, ça ne marche pas, c’est un peu dommage.

Sinon, normalement, on est plutôt pas mal. Je vais prendre Cannes. Voilà, on a la carte. Ce qui aurait été pas mal, c’est de mettre le pop-up sur tout l’écran, un peu comme sur Airbnb, où l’on voit la carte avec, à gauche, tous les logements.

Dans ces cas-là, c’est bien d’enfermer l’utilisateur dans un funnel pour avoir un meilleur taux de transformation. Là, je peux revenir facilement en arrière, mais ça aurait été pas mal d’avoir vraiment toute la page, et pas que la carte, avec aussi les résultats. Ici, d’ailleurs, c’est un peu difficile d’accéder à tous les résultats et d’avoir les informations. C’est un petit peu dommage.

Il y a une information qui est hyper importante : est-ce qu’on veut se faire livrer ou est-ce qu’on veut aller en drive ? Il n’y a pas tous les magasins qui sont équipés de la livraison et du drive. Je trouve que le filtre, ici, n’est pas assez mis en avant.

Il est en sticky, vous voyez, il est bien collé, donc c’est pas mal. Mais il faudrait le mettre un peu plus en avant, avec peut-être des couleurs différentes, ou mettre un peu plus d’affordance sur ces éléments-là pour vraiment insister sur le filtre. C’est quand même important de savoir si on veut se faire livrer ou faire du drive, ça va changer le choix des magasins.

Sinon, sur les vignettes, ça aurait été pas mal de mettre un petit peu moins d’infos, de manière à ce que les vignettes soient rétrécies et qu’on puisse plus facilement accéder aux vignettes d’en dessous. Je pense qu’il n’y a pas beaucoup de scroll sur cet écran, c’est difficile d’aller voir les vignettes en dessous.

Dernier point, et pas des moindres : à ce stade, il faudrait parler des conditions de livraison, pour qu’on puisse ensuite choisir entre la livraison et le drive. J’ai un Intermarché à côté de chez moi, j’hésite entre le drive et la livraison, et je pense qu’il y a pas mal de Français qui hésitent entre ces deux options. Je ne sais pas quel est le prix de la livraison, je ne sais pas quelles sont les différentes conditions. C’est un petit peu dommage.

Du coup, j’ai déjà ce qu’on appelle le paradoxe du choix : j’ai du mal à choisir entre les deux, et ça apporte de la friction dans mon parcours. Ça peut potentiellement compliquer la conversion derrière. Mais sinon, franchement, on est pas mal, on est sur du classique et ça marche très bien.

La page magasin, la top bar, la 404 et la home connectée

Ici, on est sur une page magasin. Franchement, c’est pas trop mal. Tout de suite, les amis, on voit qu’on est dans le sud de la France. On voit le […] en premier, c’est absolument magnifique, c’est merveilleux. Donc je ne me suis pas trompé de magasin.

Il y a plusieurs trucs qui sont cool. Déjà, on a ici, en sticky, la barre de recherche qui prend beaucoup de place, et c’est hyper important dans des e-commerces ou des plateformes qui ont des catalogues assez fournis : il faut que la recherche prenne beaucoup de place, et là, c’est le cas. Elle aurait pu être un peu plus mise en avant, parce qu’elle se fond un peu trop dans le header. Mais franchement, c’est pas mal du tout d’avoir fait ça, donc chapeau aux équipes Intermarché.

Ici, c’est cool d’avoir mis la livraison offerte, alors dès […] d’achat. Moi, je l’aurais affichée directement, parce que tout le monde n’a pas le réflexe de mettre sa souris ici. Mais c’est bien de mettre une seule information dans la top bar, et pas plusieurs.

Parfois, on voit des top bars qui scrollent, qui défilent avec plusieurs informations, et on n’a pas le temps de les voir. Là, au moins, c’est « livraison offerte », bam, on affiche vraiment l’information la plus importante. C’est encore un point positif.

Il y a aussi le « jusqu’à 1 000 produits du quotidien à […] ». Alors, qu’est-ce qui se passe quand je clique dessus ? Je n’ai pas regardé. Mais en tout cas, c’est pas mal, parce que ça appuie la value proposition.

Ah, ça, c’est dommage, en revanche, ça, c’est vraiment dommage, les amis. En plus, qu’est-ce qu’ils ont mis sur leur 404 ? Ouais, non mais ça, c’est nul, en fait. Franchement, Intermarché ne peut pas se permettre d’avoir une 404 comme ça.

« Revenir à l’accueil » : je reviens là. Il faudrait qu’ils mettent un truc un peu marrant avec le loup solitaire, le loup… je ne sais plus comment il s’appelle. Le loup solitaire est perdu aussi : retrouvez votre chemin avec lui, et là, mettre par exemple les différents rayons, pour qu’on rentre directement dans la navigation. Ça, ce n’est pas ouf.

Mais sinon, de mettre en avant cette USP, cette unique selling proposition, de montrer qu’on a des prix bas, c’est assez malin. Ensuite, ici, sur la home, c’est pas mal. Ce qu’ils font, c’est qu’ils mettent les offres en premier.

Ça a changé, mais avant, il y avait les offres en premier. C’est un peu comme quand vous rentrez dans un supermarché : vous avez souvent les offres au début du supermarché. Il y a donc une partie de la population qui aime bien aller regarder tout de suite les offres du moment, donc c’est plutôt malin de les mettre à ce niveau-là.

Finalement, le slider : je voulais le critiquer en disant qu’on ne le voyait pas, mais là, on le voit plutôt pas mal. Avant, on avait vraiment une offre qui prenait tout l’écran, niveau lisibilité c’était un peu pourri, et on ne voyait pas qu’on pouvait slider, donc on ne pouvait pas slider. Bref, ce n’était pas top. Maintenant, c’est assez bien.

Il y a un truc qui manque ici, ce sont les différentes catégories, les rayons des produits. Normalement, on les retrouve ici, au niveau des rayons, mais je pense qu’il y a une partie des visiteurs qui ne les voient pas. Ça aurait été bien de remettre ici les rayons principaux. C’est la base sur un e-commerce ou sur une plateforme comme celle d’Intermarché : il faut remettre rapidement, derrière la première section, les catégories principales du site, pour qu’on rentre dans la navigation.

Ça manque. Je ne pense pas qu’il l’[…] sur la page. En plus, c’est un peu fourre-tout, il y a des couleurs dans tous les sens, ce n’est pas top.

La page catégorie : règle du 60-30-10, grille, filtres et slide cart

Ce que je voulais vous montrer, c’est une page catégorie. Par exemple, je cherche du lait demi-écrémé. Ce qui est bien sur le site d’Intermarché, là où ils sont très forts, c’est qu’ils respectent la règle du 60-30-10.

C’est quoi, en fait ? C’est une règle de hiérarchisation de l’information et des couleurs. On va avoir 60 % de la couleur tertiaire, ici le gris ou le blanc, 30 % de couleur secondaire, ici le noir, avec les textes, certains boutons, etc., et 10 % de la couleur principale, là où on veut attirer le regard, ici le rouge.

Et là-dessus, ils sont très forts, parce que les éléments qui sont importants, comme les call to action, certains tags ou les produits Intermarché, sont en rouge. Il y a certaines informations qu’Intermarché veut mettre en avant, ils les mettent en rouge et c’est tout. Ils ne mettent pas trop de rouge un peu partout, alors qu’il y a beaucoup de sites qui se plantent généralement en prenant la couleur principale et en en mettant un peu trop, et du coup, on ne sait pas où porter le regard. Là, c’est vraiment bien fait. Franchement, chapeau sur la hiérarchisation, sur la règle du 60-30-10, c’est absolument nickel.

Ici, on a un affichage grille au lieu d’un affichage liste. Vous savez, sur différents sites, il y a parfois des affichages listes : sur un site comme la Fnac, par exemple, on voit carrément la vignette produit qui prend toute la largeur de la page. Ici, on a ce qu’on appelle un affichage grille, donc on voit beaucoup de produits à l’écran.

C’est bien, parce qu’on met plutôt le focus sur l’image, et donc tout de suite on peut retrouver le produit qu’on cherche. Il y a certains types de business où l’on va mettre l’affichage de type liste, mais là, c’est très bien comme affichage. Bon point pour Intermarché.

Ensuite, les filtres en sticky, donc ils sont collés à l’écran. C’est top, il faut toujours des filtres en sticky. Et on a ici l’icône panier.

Je vais vous montrer : je vais rajouter un produit. Ça marche plutôt bien, on a bien le petit 1 qui s’ajoute sur l’icône panier, et on a ce qu’on appelle un slide cart, ou un cart drawer, comme vous voulez. Le panier s’affiche sur la droite pendant la navigation.

On a même ici un upsell, c’est assez intéressant. Je serais assez curieux de savoir si ça fonctionne ou pas. Généralement, ces upsells ne marchent pas très bien, mais bon, why not. Là, j’ai rajouté du lait, et on me propose des trucs qui n’ont rien à voir : je n’ai pas envie d’acheter des bananes, ce n’est pas ouf.

Ils ont dû le tester, j’espère. Mais en tout cas, ils ont un slide cart sur la droite qui marche assez bien, qui respecte la règle du 60-30-10. Franchement, c’est top, et on peut revenir facilement à sa navigation. Là-dessus, c’est vraiment bien aussi.

Le panier et la connexion obligatoire : carton rouge

Alors, en revanche, petit carton rouge pour Intermarché, les amis. Je veux passer commande. Là, je clique sur « Voir mon panier ». Je tombe donc sur le panier, très clair, où je vois mes produits, c’est cool.

Je valide mon panier. Déjà, normalement, cette étape n’est pas forcément nécessaire : on peut la squeezer et aller directement à l’étape d’après pour gagner un clic, et en revanche rappeler le panier de l’utilisateur sur chacune des étapes qui suivent. Franchement, […], mais généralement, c’est un clic en plus.

En revanche, là, carton rouge, carton rouge Intermarché : vous ne pouvez plus faire ça. Il faut arrêter de forcer la connexion ou l’inscription, ce n’est plus possible. Alors, je défie quiconque regarde cette vidéo de me mettre en commentaire quel est l’intérêt de forcer une inscription, de forcer une connexion. Je ne comprends pas l’intérêt. Je vais débunker directement votre commentaire, donc allez-y et je contre-argumenterai.

En fait, vous pouvez proposer la solution de s’inscrire ou de créer un compte, mais ça doit être optionnel. On doit aussi pouvoir commander sans forcément créer de compte, pour retirer des frictions. Parce qu’est-ce qui se passe quand on crée un compte ? Je vous montre.

Voilà : il va falloir que je mette mon adresse mail, que je choisisse un mot de passe, ça va me saouler de faire toutes les conditions, il va falloir que je rende des informations. Programme de fidélité, j’ai trop de trucs à faire. Moi, je me barre, en fait, j’ai la flemme.

Donc entre un Intermarché et un Leclerc qui, lui, ne force pas le login, je vais aller chez Leclerc. C’est vraiment dommage. Il faut vraiment que nous, la France, on arrête avec le login obligatoire. Voilà, moi, je me suis créé un compte, je vais vous montrer ce qui se passe après. Mais ça, c’est carton rouge.

Alors vous allez me dire : « Oui, mais ça permet d’avoir des informations, de retrouver sa commande sur son compte, etc. » Non : vous pouvez très bien avoir un suivi de commande par email, vous n’avez pas besoin d’avoir un compte. Un compte, c’est pour avoir, effectivement, peut-être plus d’informations sur sa commande, avoir un programme de fidélité. Mais tout le monde ne veut pas créer un compte, donc par pitié, arrêtez. Franchement, c’est un A/B test qu’Intermarché devrait faire, et je serais assez curieux de voir le résultat.

Livraison ou drive, paiement, code de réduction et bilan

Voilà, je vais vous montrer la suite du parcours. OK, là, on doit choisir entre le drive et la livraison. C’est assez clair, franchement, ça va. Il y a juste un petit truc qui me dérange : là, on parle de livraison […] dès 30 € d’achat, et ensuite, si je choisis la livraison, je vais avoir des créneaux avec marqué « offert ». La livraison est offerte, donc ça, je ne comprends pas.

Attention, il faut vraiment que tout soit aligné au niveau des offres, parce que ça crée de la friction. On doute : je me dis, mais est-ce que la livraison est offerte ou pas ? Si elle est offerte, peut-être que je peux revenir en arrière et retirer des choses de mon panier ou en rajouter. Bref, ça complexifie les choses. Les gens cherchent à optimiser le plus possible leur pouvoir d’achat, donc il faut vraiment être très clair sur les offres.

Mais sinon, franchement, c’est pas mal : on peut choisir le créneau qu’on veut, c’est assez clean, ça marche très bien. Là-dessus, c’est GG, tout se fait à droite, c’est facile. Je pense que sur mobile, ça doit être assez bien pensé aussi. Là-dessus, c’est vraiment top.

Ici, on arrive sur le moyen de paiement, la dernière étape. Il y a du bon et du moins bon, et on finira là-dessus. Les informations de la commande sont difficiles à voir.

Moi, je ne les avais pas vues du premier coup d’œil, mais tout est là, en fait. Ça pourrait être un peu plus visible, peut-être ici, au-dessus de « Activer vos avantages ». Il faudrait que ce soit un peu plus mis en avant.

Il y a autre chose qui me dérange : je ne vois pas mon panier. Là, j’ai « total article ». D’ailleurs, quand j’étais aux étapes précédentes, je vous montre […].

En fait, c’est juste à cette étape-là que je n’ai pas mon panier, et c’est un petit peu dommage. Je ne le retrouve pas ici. Donc attention, les informations de la commande, c’est important.

En revanche, il y a un truc qui est intéressant, c’est le code de réduction ajouté. Il n’est pas trop visible, et je trouve ça très cool, parce que j’ai déjà observé sur certains sites que, quand vous mettez trop en avant un bandeau code de réduction, les visiteurs qui le voient se disent : « Attendez, j’ai peut-être loupé une réduction, je vais aller voir sur internet, il doit y avoir des codes de réduc qui sont dispos. » Du coup, ils quittent le site, et parfois ils ne reviennent pas.

Donc, le code de réduction, il ne faut pas trop le mettre en avant. Les personnes qui ont des codes de réduc, elles vont se débrouiller, elles vont le trouver, elles vont fouiller. Mais ceux qui n’en ont pas, il ne faut pas trop leur mettre en avant non plus. Je trouve ça assez smart de leur part. Si on avait ça en avant, avec un truc autour en rouge ou je ne sais quoi, je me dirais : « Attends, il faut peut-être que j’aille chercher un code. » Là, le fait que ce soit juste comme ça, pas trop visible, franchement, c’est optimal.

Ah voilà, les amis, j’espère que vous avez kiffé ce petit test. Je voulais vraiment dézinguer le site d’Intermarché. Je me disais, voilà, on est trop gentil avec Intermarché, la pub a trop bien marché, et en fait, franchement, le site est cool. Il y a des petits trucs à améliorer, c’est perceptible, mais franchement, il est top. Je pense qu’ils ont dû le refaire récemment, parce que j’y suis allé, je crois, l’année dernière ou il y a 2 ans, et c’était une catastrophe, un peu comme le site de Casino.

Tiens, je vais faire l’analyse du site de Casino. Casino, je vous passe les détails du massacre à la tronçonneuse, je ferai une petite vidéo là-dessus. En tout cas, bravo Intermarché, vous faites du bon taf. Il y a un bon alignement entre ce que dégage la publicité et ce qu’on retrouve sur le site.

L’expérience est vraiment top, et on est pris par la main de A à Z. Donc bravo pour ça, et on se retrouve pour une prochaine vidéo très bientôt. Allez, salut à tous.