Les Petits Culottés : un site de confiance pour bébé ?

Pourquoi analyser Les Petits Culottés plutôt que Guigoz

Aujourd’hui, on analyse le site de Guigoz, une marque de lait infantile qui a été concernée par le rappel des laits contaminés. Ouais, mais non, en fait, je ne vais pas faire l’analyse du site, je ne vais pas leur donner des recos SEO pour optimiser la conversion. Honte à vous, Guigoz, les gars ! Mon bébé a mangé votre lait, et notamment des lots qui étaient concernés par le rappel, donc je ne vais pas vous donner ces éléments gratos et je vais partir directement chez la concurrence.

On va parler de Les Petits Culottés, qui font pas mal de publicité en ce moment et qui vont donc bénéficier de cette actualité avec le rappel du lait. Je pense qu’ils vont récupérer pas mal de clients, donc je me suis dit que ça pouvait être intéressant de faire une petite analyse de leur site pour voir ce qui peut être amélioré. Il y a du bon, mais il y a aussi du moins bon : il y a des bonnes idées, mais pas mal de trucs à optimiser.

On va voir ça tout de suite, à commencer par ce petit bandeau cookies : quand on accepte ou qu’on refuse les cookies, une info importante disparaît. C’est dommage, parce que c’est un pop-up qui disait justement que Les Petits Culottés n’est pas concerné par le rappel des laits infantiles contaminés. Je me suis dit « j’espère qu’ils vont le rappeler sur leur page », et ils le rappellent bien ici, en top bar : info importante, ce lait n’est pas concerné. Voilà, donc ça, c’est cool.

La page d’accueil : slider, hero, couleurs et longueur

Ensuite, sur la home, je voulais vous montrer quelques points. Déjà, on a un slider. Les sliders, ce n’est pas recommandé sur une home e-commerce, pour plusieurs raisons : ça ne marche pas niveau conversion, et si ça slide tout seul, c’est embêtant pour l’utilisateur, on n’aura pas forcément le temps de lire les infos. Bref, ce n’est pas idéal, il y a des infos qu’on va louper.

En revanche, si on garde juste ce slide-là, donc cette image avec le texte et le bouton, ça marche très bien. On a l’USP, « première couche française 100 % circuit court en abonnement », donc on comprend très bien de quoi il s’agit. Il n’y a pas que les couches, il y a aussi le lait, donc il faudrait faire un mix entre les deux, mais c’est très malin d’avoir une hero section avec ce format-là. En plus, ce n’est pas trop grand, ça ne prend pas trop de place, donc c’est parfait.

Autre point positif, c’est la règle du 60-30-10 que j’évoque souvent, au niveau des couleurs. On a bien 60 % de couleur tertiaire, 20 à 30 % de couleur secondaire et 10 % de couleur principale, là où on veut attirer le regard. Ici, la couleur principale, c’est ce vert-là, qui attire le regard sur les call to action, sur les éléments importants de la page. Le reste est moins important, donc ça, c’est déjà positif.

Dans les choses à améliorer, à part la hero, on a les produits sous forme de liste, et il faudrait plutôt deux produits par ligne pour pouvoir voir tous les produits qu’ils proposent. Je pense que le scroll s’arrête pas très loin, et du coup on ne voit pas tout ce qui se passe en dessous. C’est dommage, parce qu’ici on a un texte qui confirme l’USP, ici le fonctionnement des produits et, un peu plus bas, de la preuve sociale.

Qu’est-ce que je dis souvent sur une home en e-commerce ? Il faut trois choses. Il faut la clarté : comprendre très bien en 5 ou 10 secondes ce que propose l’e-commerce. Ça, c’est plutôt pas mal, mais ça pourrait être amélioré, parce qu’il y a un système d’abonnement qu’on ne comprend peut-être pas tout de suite. Si, quand même, on le comprend un peu ici, mais il faudrait le rappeler à certains endroits de la page.

Ensuite, la preuve sociale, c’est important : ici, on en a très peu, à part ce petit élément, mais sinon on n’a rien d’autre. Si on ne voit pas ça, on ne voit pas qu’il y a toute une communauté qui est en train de se créer autour des Petits Culottés, donc c’est dommage. Et enfin, du produit, du produit, du produit : il faut voir du produit partout. Là, on est pas mal, mais on pourrait optimiser pour voir plus de produits, notamment tous les produits phares de la boutique, sur très peu de scroll. Là, il faut beaucoup scroller, c’est un petit peu dommage.

Autre point : la home est trop longue. On voit qu’il y a beaucoup d’éléments, alors que les utilisateurs ne scrollent plus sur mobile, donc ça ne sert à rien d’avoir tout ça. Je pense qu’il faudrait réduire la home au moins de moitié, il y a pas mal de sections à enlever. Il faut vraiment mettre le paquet sur trois choses : on explique ce qu’on fait et à qui on s’adresse, on montre notre produit, et on prouve qu’on a une crédibilité, avec une communauté, des passages dans la presse, etc. Une home, ça sert à ça et rien d’autre.

Le blabla sur le made in France, sur les circuits courts, ce n’est pas l’endroit pour le faire. On peut le faire sur une page dédiée, on peut le faire dans les pages produits, mais ça n’a pas lieu d’être sur une home.

Le menu : liens principaux et liens secondaires

Pour le menu, on est pas mal, mais ça aurait été bien de faire un distinguo entre les liens principaux et les liens secondaires. Les liens principaux, ça va être les catégories de produits, donc kit d’essai, couches, lait : il faut bien les mettre en avant. « Accueil », on n’a pas besoin de le mettre, on peut le virer.

Ensuite, les liens secondaires, comme qualité française, l’histoire, tout ça, c’est moins important, donc on va les mettre en liens secondaires. On ne va pas forcément mettre un picto à côté, on va peut-être les mettre plutôt en grisé, un peu plus petits. Il faut vraiment faire un distinguo, pour que le focus du visiteur se fasse sur les liens importants, qui sont les catégories de produits, puisqu’on veut quand même qu’il aille acheter. Mais il faut aussi des liens secondaires pour ceux qui veulent se renseigner sur certains types d’informations, en les mettant moins en avant.

Le tunnel du kit d’essai

Je vous propose de passer au tunnel du kit d’essai. Ce qui est assez osé et intéressant dans le cas des Petits Culottés, c’est que si vous voulez acheter leurs produits, il faut absolument vous abonner. Vous êtes obligé de vous abonner pour la livraison des couches ou du lait, et c’est assez malin, parce que ça va forcer le repeat et donc une lifetime value optimisée. C’est contraignant, mais c’est malin, parce qu’on va vraiment s’engager dans un abonnement.

Mais pour tester les produits, il faut bien des kits d’essai, et donc il y a deux kits : « Tester nos couches » et « Tester notre lait ». Je voulais juste vous montrer le funnel du kit, qui est assez intéressant : on va indiquer le type de lait qu’on veut. Moi, je veux du lait classique pour 0 à 6 mois, et là, bim, on me propose le lait qui va bien. C’est une sorte de mini-quiz, un mini-diagnostic, et c’est assez intéressant.

Moi, je l’aurais plutôt mis sur un seul écran, avec des étapes qui passent comme ça, un peu comme un Typeform ou un formulaire classique. Là, au scroll, c’est un peu bizarre : la première fois que je suis arrivé sur ce funnel, j’ai commencé à scroller, je me suis dit « Je ne comprends pas, il faut que je clique sur ces éléments-là. » D’ailleurs, il n’y a pas assez d’affordance sur ces éléments, on ne comprend pas assez que ce sont des call to action. On ne sait pas trop s’il faut cliquer dessus, on commence à scroller, et on ne comprend pas trop, en fait, la structure de la page.

Il aurait fallu plutôt un funnel style Typeform, où on répond à une, deux, trois questions, et à chaque fois on clique sur le bon truc. Il faudrait plutôt le visuel avec un bouton en dessous. Là, je sélectionne ce lait, par exemple, mais je ne sais pas si je veux du lait classique ou du lait épaissi, j’en ai aucune idée. Ça pourrait être intéressant, d’ailleurs, parce qu’il y en a qui ne savent pas forcément la différence : le lait classique, ça va être pour les bébés qui n’ont pas forcément de problème de reflux, et le lait épaissi, plutôt pour ceux qui ont du reflux.

Donc ça peut être intéressant d’avoir un diagnostic un peu plus long, où vous allez poser la question « Est-ce que votre bébé a du reflux ? ». Enfin voilà, quelques petites questions qui vous guident, qui s’enchaînent et qui arrivent sur le produit qui va bien, avec « Je teste ». C’était un truc que je voulais vous montrer. Après, ils précisent qu’il y a un abonnement qui va se déclencher automatiquement. Ça, pourquoi pas.

Panier superflu et création de compte obligatoire

Je voulais juste vous montrer un truc. Quand on valide cette étape, on arrive sur la page panier. Je pense que cette étape n’est pas nécessaire, il n’y a pas besoin d’avoir une page panier.

On peut la squeezer, ça rajoute un clic en plus. Là, il faut scroller pour aller chercher le bouton « Je commande ». Je pense qu’ils ont de la déperdition, alors que cette étape n’est pas nécessaire.

Et surtout, les amis, j’insiste à chaque fois là-dessus, mais là, il faut créer un compte ou s’inscrire. Ouais, c’est ça, il faut créer un compte pour pouvoir commander son produit. Moi, je n’ai pas envie de créer un compte quand je vais commander un produit, surtout un produit test, je ne suis même pas sûr de continuer à acheter leurs produits. C’est une friction trop grande pour moi, donc je vais m’arrêter là et quitter le site. Vraiment, Les Petits Culottés devraient proposer une commande en tant qu’invité, c’est vraiment dommage.

Puis, dès que l’utilisateur est content du produit qu’il a testé, il va recommander, et là, il va potentiellement se créer un compte pour accéder à son abonnement, etc. Mais dans un premier temps, pour tout ce qui est la partie essai, il n’y a pas besoin de créer un compte. Donc ça, c’est vraiment dommage.

La page produit

Je voulais vous montrer un dernier truc, c’est la page produit. On va prendre par exemple celle-ci. La page produit, ça ne va pas du tout. Il y a plein de trucs à améliorer, je ne vais pas vous faire tout le listing, mais en gros, ici, il y a une perte d’espace au niveau du scroll.

Il faudrait avoir le visuel produit en haut, avec un slider, un carrousel de photos pour voir plusieurs photos du produit, notamment l’arrière du produit avec les indications, peut-être une main qui tient le produit pour montrer la taille de la boîte, peut-être une boîte à côté d’un bébé. Il y a plusieurs photos intéressantes à mettre en avant dans un carrousel.

Ensuite, généralement, dans la structure d’une page produit qui convertit, on va avoir le titre du produit en dessous, avec la contenance, puis le prix tout de suite, donc ici le prix d’une boîte, 16,95 euros. On va voir les avis, avec, au clic sur les avis, un renvoi vers la section avis. C’est vraiment la base qu’on va trouver en haut d’une page produit.

Ensuite, on va avoir une petite description qui décrit le produit en quelques lignes tout au plus, et puis deux call to action : le call to action « Je m’abonne », qui va être le call to action principal, en vert, et un call to action « Je teste », qui va être moins mis en avant. Il faut vraiment qu’on ait les deux types de boutons, mais qu’ils ne soient pas au même niveau d’information, au même niveau visuel. C’est un point important que je voulais vous évoquer.

Et puis, sous les call to action, généralement, on met des informations sur le paiement, sur la livraison, sur l’abonnement. Ils pourraient mettre que la livraison est estimée en X jours et qu’elle coûte tant. Ils pourraient donner des indications sur le paiement, comme quoi c’est du paiement sécurisé. Ils pourraient parler de l’abonnement en disant qu’il est sans engagement : on peut à tout moment résilier son abonnement dans son espace « Mon compte ». Il y a des petites infos à rajouter sous le call to action qui permettent d’abaisser le niveau d’engagement.

Ensuite, sous les call to action, on retrouve généralement une section avec des onglets déroulants, avec par exemple une partie sur les conseils d’utilisation, une partie sur la liste d’ingrédients, une partie sur la qualité des produits et une partie sur l’abonnement, comment ça marche. Vous savez, ce sont des petits onglets déroulants. Je vais vous montrer tout de suite un exemple de site qui fait ça. Voilà, je suis sur le site de Dijo, et on voit bien un petit menu avec des onglets déroulants qui donnent des indications sur les conseils d’utilisation, etc. Ça peut être intéressant.

Généralement, on construit ces éléments en ayant fait un peu de recherche utilisateur et en essayant de comprendre quelles sont les objections principales, ou les principales questions que se posent les utilisateurs avant d’acheter un produit. Et puis après, il faut très rapidement une section preuve sociale avec les avis, bien sûr, et une section FAQ. Là, on a une hero qui n’est pas du tout optimisée et on enchaîne sur la transparence, les ingrédients : on s’en fiche, personne ne lit ça. Il y a très peu de gens qui regardent ça. Donc toute la page produit est à revoir, et c’est bien dommage.

WordPress ou Shopify, et conclusion

Et puis, j’ai vu que Les Petits Culottés, vous étiez sur WordPress, et l’e-commerce sur WordPress, ce n’est vraiment pas optimal. Ils feraient bien mieux de passer sur Shopify : ils auraient beaucoup plus de possibilités de templates de page, ils pourraient prendre un template optimisé conversion et avoir un site qui transforme beaucoup plus.

Donc Les Petits Culottés peuvent vraiment mieux faire, mais on salue en tout cas l’offre, on salue le type de produit. Maintenant, il faut un site qui cartonne, et j’espère qu’ils pourront passer sur une version un peu plus optimale.