Web Development
PerfectAir Instruments
Product catalogue and company website for Australia's gas monitoring specialists — 17 instruments across five categories, built for SEO and search visibility.
A product catalogue and company website for Australia's gas monitoring specialists — 17 instruments across five categories, eight industry application pages and a quote-request flow, all editable through a custom admin panel.
Scope
Design & development
Catalogue
17 products · 5 categories
Applications
8 industry pages
Key features.
Product catalogue
17 instruments across five categories with search, sorting and pagination, each with its own spec-first product page.
Industry application pages
Eight sector pages that map each environment to its hazards, standards and recommended detection.
Quote & enquiry flow
Validated enquiry forms and quote CTAs wired to the sales inbox with transactional email.
Client-editable CMS
Products, categories and applications managed by the client through a Filament admin panel.
SEO foundation
Per-page metadata, sitemaps and Google search-console verification for organic visibility.
Support & FAQ hub
A support page with contact channels and answers to the calibration and maintenance questions the team fields most.
How it’s built.
- Next.jsApp Router front end — server rendering, static generation and image optimisation for a fast, crawlable catalogue.
- Laravel + FilamentProduct data modelled in MySQL with a Filament admin panel the client uses to manage the catalogue day to day.
- React EmailTransactional emails for enquiry form submissions and quote requests, styled to the brand.
Challenges solved.
Making a technical catalogue easy to browse
Structured 17 products into five categories with search, sorting and pagination, and spec-first product pages.
Communicating compliance-heavy applications
Built eight industry pages that pair each sector with its standards and sensor requirements.
Keeping the catalogue current without a developer
Modelled products and categories in MySQL behind a Filament admin panel the client can edit directly.
Page screens.
Homepage
Turnkey gas detection positioning with category tiles and industry navigation in one scan.
- · Product categories
- · 8 industry filters
- · Why-choose-us pillars
Product catalogue
The full range with category filters, search, sorting and pagination.
- · 17 products live
- · 5 categories
- · Search & sort
Product pages
Spec-first detail pages with image galleries and a request-a-quote block.
- · Spec highlights
- · Image gallery
- · Quote CTA
Services
Three service lines and a four-step process for maintenance and calibration.
- · Preventative maintenance
- · Pre-calibrated sensors
- · Calibration
Applications
Eight sectors, each mapped to its standards and gas types.
- · AS1677.2 · AS5149
- · EN50545 car parks
- · IECEx defence
Contact
Enquiry form, direct contact channels and service hours.
- · Validated form
- · Phone & email
- · Service hours
[ Tech stack ]
- Next.js
- TypeScript
- SEO
- React Email
- Laravel
- Tailwind CSS
- Google Bot Verification
- Filament
- MySQL
[ Service ]
This project was delivered as part of the Web Development offering.
