Every state · 49 captures · 7 stores
Search patterns
On-site search: how shoppers type their way to the product they came for, from autosuggest to the results page. Every example below is a real capture from a live storefront, not a mockup.
About the search pattern
What it is
On-site search is the shortcut for shoppers who already know roughly what they want and would rather type it than browse a category tree to find it. It typically pairs a search bar (often with autosuggest as the shopper types) with a results page that behaves like a filtered, query-specific version of the PLP.
Why it matters for conversion
Search traffic converts at a meaningfully higher rate than browse traffic almost everywhere it's measured, because a shopper who searches has already told the store exactly what they're looking for, the store just has to not get it wrong. That makes search quality one of the highest-leverage, most under-invested parts of many storefronts: a query that returns zero results, or buries the obvious match under irrelevant ones, throws away a shopper who arrived with real purchase intent.
What to look for
Good implementations autosuggest as the shopper types, tolerating typos and synonyms ("tee" finding "t-shirt"), and show a small preview, thumbnail, price, directly in the suggestion dropdown so a shopper can jump straight to a product without ever loading a results page. The results page itself should carry over the same filter and sort controls as the PLP, and a genuine zero-results state should offer alternatives rather than a dead end.
Common variations
Marketplaces and large catalogs invest in typo-tolerant, attribute-aware search (understanding "blue running shoes size 10" as three separate filters) because their assortments are too large to browse to a specific item. Smaller, single-brand stores often get by with a lighter-weight search that's really just a filtered PLP view, since their catalogs are small enough that browse remains a viable alternative. Some stores now surface search-driven merchandising, "trending searches" or recently-viewed items, directly in the empty search state, before a shopper has even typed a query.
Brand palettes in this gallery
The exact colors these search screens are built from, sampled from each live storefront.
See every search flow, state by state
The whole library is free to browse. Pro pipes these patterns straight into your AI tools over MCP.
Free to browse · Pro unlocks the MCP