Mobile spec · 390 × 844 iOS reference
Back to desktop site
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.

01

Discover

Header · search · home · listing
Homepage
Short hero, compact stats, stacked models, clear CTA hierarchy.
Live
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
02

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
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
03

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