The request
“We want to redesign the search bar. Our goal is a large, clearly visible search field in the header. Search is how most of our customers shop and the little icon isn't cutting it.”
Search drove most of their traffic to products but the theme buried it behind an icon. The retailer wanted search to be the dominant element in the header.
The approach
We replaced the search icon with a full-width search field in the header, styled to match the brand. On mobile it collapses back to an icon that expands on tap so the header stays clean.
The theme's predictive search results still show as customers type.
What we shipped
Full-width search field in the desktop header
Collapsible search on mobile
Styled to match the brand
Predictive results preserved