Four services, twelve prices per car. One admin that changes any of them in seconds.
The Studio is an authorised STEK and Nanotek installer in Islamabad, offering paint protection film, ceramic coating, detailing and window tinting. We built its website around price: a visitor picks their car and sees 12 exact prices for it across the four services, instead of size-class tables. Behind it we built the admin that runs the business: enquiries, numbered quotes and invoices, and every price and page on the site, editable in seconds. A price changed there reaches every page of the live site with no developer and no deploy.
The brief
A website that leads with price, and a back office behind it that the business can run itself: its enquiries, its paperwork, and every price and page the customer sees.
- A price for the visitor's own car Pricing had to be per car, not per size class: pick a car and see what PPF, ceramic coating, detailing and window tinting cost for that car.
- Enquiries that arrive The old contact form sent none. Every enquiry from the new site had to reach an inbox.
- Paperwork beside the enquiries Enquiries, quotes and invoices had to be handled from one admin, with quotes and invoices numbered.
- Prices and pages the business edits itself Every price and every page on the site had to be editable from the admin, without a developer.
The website and the back office had to share one set of prices.
What we built
A price-led public website and the admin behind it, built on Next.js and Supabase and running on Cloudflare Workers.
- Price engineThe visitor picks their car and the site shows that car's own price for each service: PPF, ceramic coating, detailing and window tinting.
- The public siteNavigation leads with the four services, then Pricing, Accessories and Book now. The home page sets out the four services, how the studio works, a gallery from the studio floor, customer testimonials and an FAQ, and states the studio's authorised STEK and Nanotek status up front.
- AccessoriesThe kit the studio uses, such as towels and shampoo, listed with prices in rupees for customers to take home.
- EnquiriesEnquiries from the site land in the admin and in an inbox.
- Numbered quotes and invoicesThe admin issues quotes and invoices, each with its own number.
- Prices and pages as editable contentEvery price and every page on the site is edited in the admin, and a price changed there reaches every page of the live site.
What changed
- Price is per car, not per size class A visitor sees the price for their own car rather than working it out from a table.
- Prices change without a deploy A price set in the admin is the price every page of the site shows.
- Enquiries, quotes and invoices in one place Enquiries, numbered quotes and invoices are handled in the same admin.
The numbers, and what they replaced.
Each car gets 12 exact prices across PPF, ceramic, detailing and tint, instead of size-class tables.
A price changed in the admin reaches every page on the live site in seconds, with no developer and no deploy.
Every website enquiry now reaches an inbox; the old contact form sent none.