Facets + URL state / 2m 16.52s

Refine, Sort, Reload.

One shopper turns a broad category into a precise result, then returns to exactly the same search state after a browser reload.

Silent film with burned-in narrationOpen WebM directly

What You Will See

  1. Start broadA real category produces a useful search result set and available facets.
  2. Refine deliberatelyMatter compatibility, AeroClean brand, battery power and free text narrow the list.
  3. Change orderingPrice sorting changes the result sequence without losing active constraints.
  4. Reload safelyThe URL restores query, filters, sort and pagination so the search remains shareable.

Why It Matters

Search state should be understandable, repeatable and shareable—not trapped inside one browser component.

Facet counts remain useful while constraints accumulate, and URL state makes the journey resilient to reload and navigation.

The System Underneath

URL-backed intentQuery, facets, sort and page
Catalog search APIBounded query and typed filters
ElasticsearchProducts, totals and facet aggregations
Restored storefrontVisible state agrees after reload
Catalog owns search semantics. Elasticsearch is a derived read model; the storefront owns the navigable URL state.

What This Story Proves

Visible proof

Filters, sorting, counts and reload restoration work together in the real storefront.

Not claimed

The film does not prove fuzzy spelling correction, every attribute type or search behavior at production scale.

Read the complete Search technical explanation.

AI engineering connectionExecutable feedback constrains autonomous change