SuperSmart: Optimizing sticky search to increase conversions

SuperSmart, a specialist in dietary supplements, identified the crucial importance of making the purchase journey more intuitive on its mobile site. The search module represents a key conversion lever for users looking for a specific product quickly. However, this module was not sufficiently highlighted in the current interface, which reduced its potential impact.

Although SuperSmart's search generates an excellent conversion rate, it was underused due to its lack of visibility in the header. On mobile interfaces, the search icon (magnifying glass) was not prominent enough, and the search module itself lacked space and clarity. This limited users' ability to quickly find the products they were looking for.

In an e-commerce context, where speed and simplicity of navigation play a key role, every second counts. If a user does not quickly find what they are looking for, there is a high chance they will leave the site and look elsewhere. The ergonomics of the search function therefore becomes a major performance lever.

Studies show that 30% of e-commerce site visitors use the search function to navigate, and these users are 1.8 times more likely to convert than those who do not use it.

In other words, search is not just a comfort tool: it's a conversion accelerator. And when you know how much every visitor counts in a purchase funnel, neglecting this tool means leaving value on the table.

Improving the accessibility and visibility of search could therefore lead to a significant increase in conversions. And this improvement does not necessarily require a complete overhaul: a few well-targeted adjustments can already have a significant impact. It is often a matter of bringing out what is already performing well, but still too discreet.

Webyn worked with SuperSmart to improve the visibility and ergonomics of the search function on mobile:

• Moving the search module to sticky, positioned just below the header, to be permanently accessible while scrolling.‍‍
• Removal of the magnifying glass icon in the header, in order to simplify the interface and avoid cluttering it.‍
• Enlargement of the current search area to improve its affordance, making it clearer and more inviting.

These changes were designed to directly address the identified problems without disrupting the overall design balance. The sticky feature allows constant accessibility without taking over the screen. By removing the magnifying glass from the header, the interface is lightened while clarifying the visual priorities for the user. And by enlarging the search bar, the eye is drawn in while encouraging more action. The team also made sure to maintain consistency with SuperSmart's visual identity, so that the added element appears natural and integrated.