Mayfair basket journey
A live configurable awning journey from model page through product options and basket review.
A premium awning commerce platform combining public product discovery, configurable pricing, cart and checkout, finance applications, quotation workflows, admin operations, Office 365 email, PDF generation, object storage, and service-area SEO.
Client
Premier Awnings
Timeline
3-6 months
Delivery
Platform build

Configurable shop

Model detail pages
Premier Awnings needed to sell made-to-measure shading products online while preserving pricing accuracy, quote/order traceability, finance handoff, admin control, customer communication, and local installation discovery.
Delivered a full-stack React and Express platform with product models, configurable attributes, backend-owned pricing, cart and checkout, quotation/payment routes, finance workflows, admin dashboards, role permissions, object storage, Office 365 email, and render-only PDF/invoice output.
The platform gives Premier Awnings a premium public showroom and a controlled operational system for configuring products, managing quotations, taking payment, handling finance approvals, generating documents, and running installation workflows.
Project Screenshots
A live configurable awning journey from model page through product options and basket review.

Public product discovery for made-to-measure awnings and shading systems.

Product education for premium full cassette awning models.

A configured Mayfair basket with selected width, projection, fabric, totals, and checkout route.

Consumer finance messaging connected to operational finance workflows.
Delivery Notes
Premier Awnings sells premium retractable awnings, pergolas, solar shades, fabrics, controls, installation, warranty, and finance-led home improvement packages. The delivered system was built as both a public digital showroom and an operational platform for configurable made-to-measure orders.
The source project shows a React, TypeScript, Vite, Express, PostgreSQL, and Drizzle application with public product routes, model pages, finance journeys, checkout, quotation payment links, admin product and order management, fabric and attribute management, audit logs, abandoned cart tracking, Office 365 email, invoice generation, object storage, and backend-owned pricing.
Premier Awnings required a platform that could sell a fitted product with many variables: product model, dimensions, fabric, motorisation, sensors, warranty, installation, payment route, finance status, and service coverage.
The delivered platform includes:
Homeowner
-> Product model / shop / service-area page
-> Configurable product
-> Cart
-> Stripe checkout
-> quotation payment
-> Kanda finance application
-> Order / finance / payment success
Operations team
-> Admin dashboard
-> Products, fabrics, attributes
-> Quotations, orders, callbacks, customers
-> Office 365 emails and invoice PDFs
-> Audit logs and abandoned cart recovery
Awning sales sit between ecommerce and project delivery. A buyer expects a polished consumer experience, but the business still has to manage configurable products, installation logic, deposits, finance applications, quotation records, customer communication, and operational follow-up.
The risky part is pricing. If totals are calculated differently in the cart, checkout, quotation, invoice, email, or admin screen, the business loses trust and creates reconciliation work. The platform therefore needed a single pricing contract and a clean handoff from quote to order to invoice.
The site also needed to support local search. A homeowner is rarely just searching for an awning in the abstract; they want a company that can survey, supply, install, and support the product in their area.
We built Premier Awnings around a controlled commerce spine.
Products are backed by normalized attributes and product-specific values, with fabric data separated into its own catalogue. Pricing is owned by the backend rather than scattered through UI components. The frontend renders stored values and uses shared currency formatting, while checkout and payment routes rely on validated order summaries.
Quotations and orders store snapshot data, giving the business an immutable record of what the customer saw and accepted. That snapshot approach protects the legal and commercial trail when prices, products, fabrics, or options change later.
The platform supports several buying paths: direct checkout, quotation review, quotation payment, Stripe payment, and Kanda Finance. Finance webhooks can create orders automatically when an application is approved or completed, and the finance application ID is used to prevent duplicate orders from concurrent webhook events.
This gives Premier Awnings flexibility without losing operational control. A customer can enquire, configure, pay, or finance the purchase, while the admin team still sees one coherent order and quotation record.
The admin system includes product management, fabrics, attributes, callbacks, customers, quotations, orders, audit logs, settings, abandoned carts, and RBAC. This lets staff adjust the product catalogue, manage quotes and orders, review customers, recover carts, and keep operational activity traceable.
Office 365 email integration supports customer communication through the business mail environment. Invoice generation is render-only, using complete stored pricing fields and failing fast if pricing data is incomplete, which prevents hidden recalculation errors.
The public site combines product storytelling with model pages, finance content, trust messaging, and service-area routes. This gives homeowners a polished buying experience while supporting the practical local intent behind awning installation searches.
Premier Awnings now has a platform that behaves like a premium showroom on the front end and a controlled operations system behind the scenes. Homeowners can browse products, understand models, explore finance, and move into checkout or quotation routes. The business can manage products, attributes, fabrics, orders, payments, finance approvals, emails, invoices, callbacks, audit logs, and abandoned carts from one system.
For a made-to-measure installation business, the important outcome is control: the same product, pricing, customer, quote, order, payment, and document data flows through the whole lifecycle.
We build systems like this for businesses ready to invest in real engineering. Let's talk about your project.