All work
Case studyLive

Powder Pros

A light, phone-first website for a family-owned powder coating and blasting shop in East Tamaki.

Client
Powder Pros
Year
2026
Deliverables
Website rebuild, Eight service pages, Photo quote form, Colour browser
Involvement
Design, Build, Domain move, Search
Built with
Next.js, Vercel
Visit Powder Pros
Powder Pros home page, the first screen on a desktop browser
Read the full story

The brief

Powder Pros had an agency-hosted WordPress site with a JotForm enquiry form. Most of their customers find them on a phone, and most jobs start with a photo of the part.

The work

A home page and eight service pages, including dedicated wheel and brake caliper pages, each service page with its own FAQ section and its own structured data. A quote form takes up to six photos of the part and emails them to the shop from the business's own domain. A colour browser holds 205 Dulux and Prismatic swatches across 13 ranges. The first screen is the shop's own work, a ring of ten job photos you can drag or scroll through. The shop had no photography for the finishes, so the colours section uses renders Nick made instead. On a phone, a Call, Directions and Get a quote bar sits along the bottom of the home page and every service page, and tucks away while you scroll down, and the existing Google Tag Manager container and thank-you address were kept so analytics history carried straight over. The site got its privacy statement on 17 September 2026, covering the quote form and the three tags that container loads.

Where it landed

The domain was moved across and the new site went live on 8 September 2026.

In the build

  • A home page and eight service pages, including dedicated wheel and brake caliper pages, each service page with its own FAQ section
  • A quote form that takes up to six photos of the part and emails them straight to the shop
  • A colour browser with 205 Dulux and Prismatic swatches across 13 ranges
  • Built phone first, with a sticky Call, Directions and Get a quote bar
Layer by layer

How the first screen is put together.

  1. Background and imagery
  2. Surfaces and cards
  3. Headings and body text
  4. Buttons and form controls
  5. Header and navigation
The first screen of the Powder Pros site separated into 5 layers, from background and imagery at the back to header and navigation at the front.

A photo, not a phone call.

Most jobs start with a picture of the part. The quote form takes up to six of them and sends them straight to the shop, so the first reply can be a price rather than a question.

Full page

Powder Pros, desktopPowder Pros, full page

Credits

Design and build
Nick

Built by Nick. Shown with the owner's permission.

Next projectEntrance HandlesOnline storeSee the work
Your project here

Your project could be the next one here.

Tell us what your business does and what is bugging you about the website. Two sentences is plenty. We reply in writing with what we would do and roughly what it costs.