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 ATAG prompt on the quote, the boiler-kit match, the full ATAG package or just the boiler kit, optional second ATAG, removal with Undo, and what the customer sees, including their 12/18-year warranty choice. 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 ›
5
Confirming the order
After the customer accepts: a check of the package already set on the quote, then the checkout and the merchant list. Phone screens.
Wireframe for Haseeb
Open ›

What changed

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