Sushi Shop : un site de commande devenu une masterclass UX

Pourquoi analyser le site de Sushi Shop

Aujourd’hui, on fait l’analyse du site de Sushi Shop. Pourquoi ? Parce que j’ai commandé des sushis l’autre jour sur Deliveroo, c’étaient des sushis de Sushi Shop, et je suis arrivé à la boutique. Une vendeuse me demande : « Mais pourquoi vous n’avez pas commandé sur le site ? » Je lui réponds : « Écoutez, j’ai commandé une fois sur votre site il y a 3 ans et l’expérience était tellement horrible, c’était tellement relou à toutes les étapes, il fallait 15 minutes pour commander, que je ne suis plus jamais retourné sur votre site et plus jamais je ne commanderai sur votre site. »

Je passe donc par Deliveroo, et figurez-vous que la vendeuse m’a dit : « Testez quand même le nouveau site, vous allez voir qu’il n’est pas si mal que ça. » Et je confirme l’information, les amis : le nouveau site de Sushi Shop est une masterclass, franchement chapeau. Ça fait plaisir. Je pense qu’ils ont repris les rênes et ça se voit qu’ils ont travaillé l’expérience.

Alors, je ne vais pas faire une vidéo très longue, je ne vais pas rentrer dans les détails. Je voulais juste vous expliquer pourquoi le site de Sushi Shop est très bien optimisé d’un point de vue conversion.

Un site simple et une hiérarchie visuelle claire

En fait, le site est simple. Il n’y a pas beaucoup de sections, pas beaucoup de liens dans le menu, les pages ne sont pas énormes, il n’y a pas beaucoup de fonctionnalités. Au niveau de la hiérarchie visuelle, c’est top.

Le site respecte la fameuse règle du 60-30-10 que j’ai déjà évoquée dans d’autres vidéos. On a l’accent de la couleur principale, ici le noir, sur les éléments importants où on veut attirer le regard de l’utilisateur : par exemple les call to action, des images, le menu. Cette couleur principale prend 10 % de l’écran. Là, c’est peut-être un petit peu plus, mais globalement on est pas mal.

Ensuite, on a une couleur secondaire et une couleur tertiaire. Le blanc, par exemple, va généralement prendre 60 % de tout l’écran. Sur ce point, la hiérarchie visuelle est plutôt bien respectée, même s’il pourrait améliorer certaines choses, mais globalement c’est pas mal. Et donc ça marche bien : on sait où il faut cliquer, c’est clair, ce n’est pas agressif pour les yeux, et on se laisse porter par l’expérience. Ça, c’est un premier point positif.

Une home courte pour une attention limitée

L’autre point, c’est : regardez la home, les amis, elle est hyper courte. Voilà, j’ai fini la home. Ça va dans le sens des nouvelles tendances de pages sur les applications et sur les sites, qui sont de plus en plus courtes, parce que les utilisateurs ne scrollent plus sur un site. On est habitué à scroller sur les réseaux sociaux, mais sur des sites internet, on ne scrolle plus. On a une attention ultra limitée, on veut aller à l’essentiel, on veut pouvoir naviguer rapidement.

Quand un utilisateur arrive sur un site, sur la home ou sur une autre page, tout de suite il va aller dans le menu chercher des liens, ou scroller un petit peu, ou cliquer sur un bouton. Là, ils ont compris ça et ils ont fait une home ultra épurée. Ça, c’est top.

On voit d’ailleurs que la partie graphique est assez épurée. Il pourrait mettre un peu plus d’espace peut-être, mais ce sont des détails. Globalement, on est sur quelque chose d’assez flat, avec du blanc, du noir, de belles images. Ça fonctionne, c’est simple et c’est très bien. Ça, c’est un deuxième point positif : des pages courtes et un site très simple, avec peu de liens et quelques fonctionnalités tout au plus.

Le hero, le slider discret et le choix livraison ou emporter

Quand on va sur le site de Sushi Shop, on est là pour commander, et c’est tout. On ne va pas s’amuser à aller voir l’histoire de Sushi Shop ou des événements qu’ils font dans tel corner. On s’en fiche, on est là pour commander, et ils l’ont bien compris. Donc on arrive et tout de suite on a un hero. Là, ils mettent l’accent sur une offre saisonnière avec Le Petit Prince. Mais je pense que hors saison, ils mettent un hero plus classique, avec, je ne sais pas, toutes nos recettes au meilleur prix.

D’ailleurs, ce n’est pas mal : ils mettent un slider sur le hero, ce qui n’est généralement pas conseillé, sauf que leur slider ne slide pas tout seul, il faut le faire soi-même. Ça, c’est une bonne pratique. En plus, le slider n’est pas trop visible. Bon, je vous dis ça, mais en fait ça slide tout seul. Finalement, ce que je dis, c’est n’importe quoi, mais j’avais l’impression quand même, en me baladant sur le site, que ça ne le faisait pas. Je pense que c’est quand je recharge la page et que je n’utilise pas le slider qu’il ne défile pas. En tout cas, il est assez discret, et c’est un point positif.

Sur le hero, c’est efficace : on a tout de suite le choix entre livraison et emporter. Ça, c’est très malin. Ça me rappelle la vidéo que j’avais faite pour Intermarché, où la question se posait, quand on choisissait un magasin pour aller chercher en drive, de savoir si on voulait se faire livrer ou faire un drive. Sushi Shop a carrément pris le parti de le mettre dans le parcours au tout début : on indique si on est en livraison ou à emporter.

Et le switch entre les deux est très simple. Je ne vais pas tout vous montrer en détail, mais on peut, dans le parcours, passer de l’un à l’autre, parce qu’on se dit finalement qu’on a peut-être envie de prendre à emporter, la livraison étant peut-être payante. Pouvoir switcher de l’un à l’autre même quand on a choisi son menu, c’est très simple. C’est vraiment un super point, très smooth pour l’utilisateur.

Un menu minimal et un header qui suit l’utilisateur

Je vous disais : très peu de liens dans le menu. J’insiste tout le temps là-dessus, ils l’ont bien fait : il faut des liens principaux et des liens secondaires. Côté liens principaux, ils veulent montrer la carte, nos shops et mon compte. Voilà, c’est tout, on n’est pas là pour tergiverser. Et on a les liens secondaires : commander, service client et cetera. Le menu, franchement, est optimal, il est vraiment top.

Le comportement du header est top aussi. En scroll up, le menu réapparaît, et en scroll down, il disparaît pour laisser plus de place à la navigation. Ça, c’est une bonne pratique. On a bien sûr la petite top barre qui suit à chaque fois, avec l’adresse de livraison et le temps de livraison. C’est vraiment super aussi : ça nous suit pendant toute la navigation. On peut à tout moment changer les informations. Comme je vous disais, je peux décider de prendre à emporter, aller voir les boutiques les plus proches de chez moi, et je choisis mon créneau.

Tout est très smooth, tout est épuré. Il y a peu d’actions à faire à chaque fois à l’écran, donc c’est très simple. On a l’impression qu’ils ont pris exemple sur les applications style Deliveroo au niveau de l’expérience, et c’est ultra simple. J’ai fait une tentative tout à l’heure pour commander : ça m’a pris 3-4 minutes tout au plus. Donc franchement, c’est optimal.

Dans le header, on a l’essentiel : le lien vers la home, et la carte pour ceux qui veulent la voir, qui est comme une page catégorie. C’est d’ailleurs par cette page qu’on passe pour faire notre sélection, c’est donc un peu une page centrale du site. Ici, on a les commandes qu’on a déjà passées. Ici, la liste des boutiques, j’imagine, vu l’icône. Voilà, c’est ça. Et puis mon compte, et le panier. Là, je n’ai rien mis, et en plus, sur le panier vide, ils mettent une action à faire. Tout est ultra bien pensé, tout est simple, tout est clair et en même temps efficace.

Il y a les bonnes fonctionnalités au bon endroit. Pour tous les sites qui veulent penser une expérience de commande en ligne de plateaux-repas ou de nourriture, c’est vraiment un très très bon exemple à prendre. Moi, je vous le recommande chaudement.

Marque, notoriété et page carte

Après, ce qu’il faut savoir, c’est que chez Sushi Shop, ils ne mettent pas le focus sur le branding, parce qu’on les connaît, il n’y a pas besoin de parler de la marque. Si vous êtes un site qui démarre, vous allez peut-être plutôt mettre en avant votre marque pour faire de la notoriété, et à ce moment-là la marque va venir un peu empiéter sur l’expérience, surtout sur la home. C’est limite que sur la home que vous allez pouvoir faire ce travail, parce que sur les pages produits et les pages catégories, on est plus focus conversion. Sur la home, vous allez pouvoir mettre plus l’accent sur le branding.

Mais Sushi Shop n’en a pas besoin, ils ont déjà la notoriété, ils veulent juste convertir rapidement. Donc ils mettent l’essentiel : les plats. Les sliders comme ça en mobile, maintenant ça marche bien. Ils auraient peut-être pu mettre un accès rapide vers leurs collections de produits, par exemple « Nos sushis », « Sashimi », « Box à partager », pour arriver plus rapidement à ce qu’on veut sur la page carte, qui est d’ailleurs très bien faite. Ici, l’icône n’est pas très claire pour dire que c’est la carte, ils auraient pu l’améliorer, mais en tout cas ça marche bien.

La carte s’affiche, on clique par exemple sur les sushis, et directement je scrolle sur la page avec tous les sushis. Ils ont fait un peu comme Deliveroo : sur une seule page, on a tous les produits, tous les plats, avec un accès en menu rapide ici, et comme ça on peut rapidement sélectionner ce qu’on veut. Franchement, c’est hyper efficace. Je ne vous montre pas la suite, mais le bouton apparaît, tout est smooth, c’est très très facile.

Les bémols : bon de réduction et création de compte

Le seul petit bémol, déjà : le bon de réduction. Moi, je ne l’aurais pas affiché comme ça, parce que ceux qui n’ont pas de bon de réduction vont se dire « Oh là, j’ai peut-être un bon de réduction à aller chercher », et ils vont partir du site. Il faut toujours le masquer, mais mettre un petit lien, par exemple « Saisir un bon de réduction », qui ouvre ce petit encart. Sinon, à part ça, il n’y a rien de particulier.

Les frais de service : attendez, je suis en quoi, là ? Je suis en livraison, donc ça doit être la livraison, je pense. Ils auraient peut-être pu mettre l’information un peu plus en amont. Mais au final, comme je vous disais, regardez, on peut changer facilement, passer de livraison à commander sur place. Il y a aussi de l’upsell, qui est assez clair : on a déjà des choses prêtes à être sélectionnées, qui sont offertes dans la box. Ça, c’est cool. Tout est smooth, et après je n’ai plus qu’à mettre mes informations de livraison.

Juste un petit bémol, c’est le fait de créer un compte. Je sais que je vous saoule tout le temps avec ça, mais il faut éviter la création de compte obligatoire. Il faut toujours laisser la possibilité de commander en tant qu’invité, puis potentiellement créer un compte à la personne automatiquement, même si elle a commandé en tant qu’invité. Ou alors lui proposer la création de compte en essayant de l’inciter, en lui proposant des choses en échange, en lui expliquant que c’est mieux de créer un compte que de ne pas en créer un. Mais au moins, laisser la possibilité de commander en tant qu’invité.

Il y a toutes les personnes qui ne recommanderont pas chez Sushi Shop, je dis n’importe quoi, les étrangers ou la clientèle business qui vient à Paris et qui veut commander chez Sushi Shop en one shot : ils n’ont pas envie de créer un compte. Donc il faut faire attention. Mais sinon, à part ça, franchement, c’est hyper bien pensé, et on adore la collab avec Le Petit Prince. Franchement, c’est très fort. Bravo, bravo aux équipes UX qui ont bossé sur Sushi Shop.