Trade account quotation and revision / Interface design
Compare the quote.
Compare the quote.
See the finish change.
We made the trade quotation product-led, with finish imagery beside the itemised proposal.
A buyer can inspect the selected hardware before comparing the revised offer.
Explore the work ↓- PROJECT TYPE
- Interface design & front-end development
- DOMAIN
- Trade account quotation and revision
- DESIGN FOCUS
- Explaining what changed between trade quotations
01 / THE DESIGN DECISION
The revision needs a commercial explanation.
The finish comparison explains the change in the quotation instead of leaving two totals to speak for themselves. We kept this workspace focused on a commercial revision, distinct from a routine reorder screen. The product images and figures are authored examples used to show that decision.
02 / THE BUILD
The pages we designed.
The build brings trade project desk, hawthorn House quotation and quotation review into one workspace.
Hawthorn House quotation
View the screen ↓Quotation review
View the screen ↓03 / PROJECT NOTES
Project scope.
We designed and built 3 pages for this self-initiated project, including the layouts, responsive behaviour and front-end interactions. The interface uses sample business records.
The screenshots show authored interface states. Live accounts, operational integrations and production transactions are outside this portfolio build.
The gallery shows our rendered pages with identifying details masked.
06 / ON SCREENA closer look.
A closer look.
Page by page.
Start with the overview, then explore the details. These are screenshots of the original interface, with names, contact details and identifying information blurred for privacy.
3 views Select any view to explore
Have a similar project?
Let’s discuss the work.
Tell us what your customers or team need to do. We can help define the pages, records and interactions around that task.