APM Industrial

01 — What it is

A two-page website built for a fictional oil & gas equipment manufacturer: a landing page and a filterable product catalog. The brief was industrial — authoritative, utilitarian, and aimed at engineers and procurement teams, not general consumers.

02 — What’s inside

• Landing page with hero, company stats, about section, and product category grid
• Product catalog with 38 items across 7 categories (Packer, Jangkar, Centralizer, Disconnector, Perforator, Safe Joint, Valve)
• JS-driven category filter with URL query sync (?cat=)
• Inquiry-only flow — no prices, no cart, direct call-to-action to sales team
• Fully responsive, mobile-first (320–1440px)
• No external dependencies beyond Google Fonts

03 — Spec & details

• Format: HTML / CSS / JS
• Software: Any code editor or static host
• Pages: 2 (landing + catalog)
• License: Personal + Commercial

04 — Who it’s for

Industrial and B2B businesses that need a credible web presence without an e-commerce setup: manufacturers, equipment suppliers, distributors, and service contractors. The inquiry-only model fits any sector where pricing is negotiated per project and a phone call is how deals actually start.