Client case study · Delta, BC

A fabric building specialist, rebuilt around how it quotes.

JAP Metal Fabricators installs, repairs and replaces fabric buildings across British Columbia. System Current replaced an unfinished Wix presence with a custom Next.js website, a structured quote-request path built around what an estimator actually needs, and a service architecture the company can keep extending.

Visit the live site japmetalfabricators.com
japmetalfabricators.com
JAP Metal Fabricators homepage: a full-width photograph of a crane lifting a fabric building membrane, with the headline 'Fabric Building Installation, Repair & Cover Replacement in BC' and a Request a Quote button.

Client

Jap Metal Fabricators Inc.

Location

Delta, British Columbia

Industry

Fabric buildings, installation and metal fabrication

Service area

British Columbia

Platform

Next.js, deployed on Vercel

Project type

Redesign, migration and quote intake

What needed to change

The website had to carry a technical sales process.

01

The previous Wix site presented the company through generic copy rather than the specific work it does, and did not make the range of installation, repair and replacement services legible.

02

Fabric building work is quoted from real project variables — structure type, dimensions, site access, cover condition — none of which a simple contact form collects.

03

Nine distinct services needed a structure a visitor could navigate and the company could keep extending.

04

The rebuild had to move the business onto its own maintainable platform without losing the URLs and content that already existed.

What was delivered

Six areas of work.

01

Design and build

A custom Next.js website replacing the previous Wix site, deployed on Vercel.

02

Service architecture

Nine service pages across installation, repair, cover replacement, maintenance and relocation, plus Applications, Our Work and About.

03

Quote intake

A structured request path collecting contact details, project location, work type, structure or product and building dimensions.

04

Project evidence

A captioned project gallery presenting the company's own site photography as proof of completed work.

05

Technical foundation

Metadata, breadcrumb navigation, sitemap and robots handling, and redirects preserving the legacy domain.

06

Measurement

GA4 event tracking for quote submissions, phone clicks and email clicks, with Search Console set up.

Service architecture

Nine services, navigable.

Installation, repair, cover replacement, maintenance and relocation each get their own page, reachable from the homepage and from a breadcrumb trail. The structure is designed to keep taking new services without a redesign.

Homepage services section showing a grid of service cards including Fabric Building Installation, Fabric Building Repair and Fabric Building Cover Replacement, each with a View details link.
Service architecture on the homepage
Fabric Building Installation service page with a breadcrumb trail, the heading 'Fabric Building Installation & Cover Replacement in BC', a descriptive paragraph and a Request a Quote button.
Service page with breadcrumb navigation
The quote path

A form built for estimating.

A generic contact form produces an email that starts a week of back-and-forth. This one asks for the variables the work is actually quoted from — project location, the type of work, the structure or product, and the building dimensions — so the first reply can be useful.

Request a Quote page introduction asking the visitor to describe their site, structure, access product and timeline, with a Start quote request button.
Quote request — setting expectations first
The structured quote request form showing fields for name, company, email, phone, address type, a project location search, work needed, structure or product, and width, length and height dimensions, alongside a column of project photographs.
Structured intake — location, work type, structure and dimensions
Project evidence

Their own photographs, given a structure.

The company had strong site photography and nowhere to use it. The gallery presents completed installations with a caption explaining what each image shows, so a prospective customer can recognise their own situation.

Project gallery section showing photographs of completed fabric buildings, a crane lift over a curved frame, structural frame assembly and a finished multi-bay building, each with a descriptive caption.
Project gallery — client photography, captioned
Technical implementation

A platform the business can maintain.

Framework

Next.js App Router, server-rendered

Hosting

Vercel

Migration

Wix → custom build

Production domain

japmetalfabricators.com

Navigation

Breadcrumbs on service pages

Intake

Multi-field quote form with location lookup

Where it stands

Delivered and live.

JAP Metal Fabricators now runs on its own maintainable platform, with nine navigable service pages, a quote request built around real project variables, a captioned gallery of completed work, and analytics on the actions that matter.

Search and enquiry performance is still being measured. This case study reports the work delivered and what is observable on the live site; it does not claim ranking, traffic or revenue improvements that have not been established.

Planning something similar?

Build a website that can carry the work behind it.

Start a project