Supersmart: Optimisation du search sticky pour augmenter les conversions

Supersmart, spécialiste des compléments alimentaires, a identifié l’importance cruciale de rendre le parcours d’achat plus intuitif sur son site mobile. Le module de recherche (search) représente un levier clé de conversion pour les utilisateurs cherchant rapidement un produit spécifique. Cependant, ce module n'était pas suffisamment mis en avant dans l’interface actuelle, ce qui réduisait son potentiel d’impact.

Bien que le search de Supersmart génère un excellent taux de conversion, il était sous-utilisé à cause de son manque de visibilité dans le header. Sur les interfaces mobiles, l'icône de recherche (loupe) n’était pas suffisamment proéminente, et le module de recherche lui-même manquait d’espace et de clarté. Cela limitait la possibilité pour les utilisateurs de trouver rapidement les produits qu’ils recherchaient.

Dans un contexte e-commerce, où la rapidité et la simplicité de navigation jouent un rôle clé, chaque seconde compte. Si un utilisateur ne trouve pas rapidement ce qu’il cherche, il y a de grandes chances qu’il quitte le site et aille voir ailleurs. L’ergonomie de la fonction de recherche devient donc un levier majeur de performance.

Les études montrent que 30 % des visiteurs d’un site e-commerce utilisent la fonction de recherche pour naviguer, et ces utilisateurs ont 1,8 fois plus de chances de convertir que ceux qui ne l'utilisent pas. 

Autrement dit, la recherche n’est pas seulement un outil de confort: c’est un accélérateur de conversion. Et quand on sait à quel point chaque visiteur compte dans un tunnel d’achat, négliger cet outil revient à laisser de la valeur sur la table.

Améliorer l'accessibilité et la visibilité du search pourrait donc entraîner une hausse importante des conversions. Et cette amélioration ne nécessite pas forcément une refonte complète : quelques ajustements bien ciblés peuvent déjà avoir un impact significatif. Il s’agit souvent de faire ressortir ce qui est déjà performant, mais encore trop discret.

‍

Webyn a travaillé avec Supersmart pour améliorer la visibilité et l'ergonomie de la fonction recherche sur mobile :

• Passage du module search en sticky, situé juste en dessous du header, pour être accessible en permanence lors du scroll.
• Suppression de l’icône loupe dans le header, afin de simplifier l’interface et ne pas la surcharger.
• Agrandissement de la zone de recherche actuelle pour en améliorer l'affordance, en la rendant plus claire et incitative.

Ces changements ont été pensés pour répondre directement aux problèmes identifiés, sans perturber l’équilibre global du design. Le sticky permet une accessibilité constante sans envahir l’écran. En supprimant la loupe du header, on allège l’interface tout en clarifiant les priorités visuelles pour l’utilisateur. Et en agrandissant la barre de recherche, on attire l’œil tout en incitant davantage à l’action. L’équipe a également veillé à garder une cohérence avec la charte graphique de Supersmart, pour que l’élément ajouté paraisse naturel et intégré.