Pizzaovens.eu · responsive system

The mobile buying journey.

Every screen below is the live responsive page rendered at iPhone width — not a mockup. Mobile patterns: full-screen search, a slide-in filter drawer, a guided single-column configurator with a sticky estimate bar, stacked compare cards and one-column quote forms.

Discover

Header · search · home · listing

Homepage

Short hero, compact stats, stacked models, clear CTA hierarchy.

Live

Open full page →index.html

Mobile search

Full-screen panel: grouped chips scroll horizontally, models as a vertical list, paths as large tap targets.

Refined

Open full page →Search overlay

Pizza ovens — listing

One card per row, active-filter chips, Filter / Sort / Compare controls. Filters open as a slide-in drawer.

Live

Open full page →catalog.html

Filter drawer

Suitable-for, series, fuel, diameter, output and availability — with Apply / Clear actions.

Pattern

Open full page →catalog.html · drawer

Configure & quote

Product · configurator · build · quote flow

Product detail

Gallery, early CTA, key specs, spec accordions and a sticky price + Configure bar.

Live

Open full page →product.html

Configurator

Single-column option cards, step progress, collapsible build summary and a sticky estimate bar.

Key UX

Open full page →configurator.html

Build summary

Build status, product preview, itemised configuration and a clear estimated quote.

Live

Open full page →quote.html

Quote request flow

One-column forms, large tap targets, a collapsible build summary card instead of a sidebar.

Live

Open full page →quote-details.html

Decide & support

Compare · specialist · installations

Compare

No wide table: selected models as a row, then accordion sections of stacked comparison blocks.

Pattern

Open full page →compare.html

Specialist consultation

Operation-type chips, a single-column form and clear “what you’ll get” reassurance.

Live

Open full page →specialist.html

Installations & service

Stacked process steps, grouped check cards instead of a wide table, FAQ accordion.

Live

Open full page →installations.html

Navigation

Compact logo, search + menu on the right
Full nav, Sign in & Configure inside the menu
Sticky estimate / quote bar on key pages

Search

Opens full-screen, input auto-focused
Default, results, loading and no-results states
Esc, ↑↓ and ⏎ on desktop; ⌘/Ctrl + K opens

Forms & tables

One column, labels always visible, 48px inputs
Tables become stacked cards or accordions
Build summary collapses; estimate stays in view