OPERA

OPERA design pages

Every clickable screen for the OPERA redesign, in the order an installer meets them. One address; each section is a page of its own.

1
Sign-up
Five steps from Gas Safe registration number to the first quote. Phone screens.
Wireframe for Haseeb
Open ›
2
The OPERA menu
Kev’s menu rework as desktop screens: profile, dashboard, product catalogue, performance, quick access.
Wireframe for Haseeb
Open ›
3
Adding ATAG to a quote
The introduction, the boiler-kit comparison, upgrade options, removal with Undo, and what the customer sees. Phone screens.
Wireframe for Haseeb
Open ›
4
The customer quote
The default two-page quote the homeowner receives, with page three optional. Layout fixed for launch.
Open ›

What changed

Prices and names on every page are illustrative. Hal Sarjant for ATAG Heating Technology UK.