Kestrel Power Indonesia
A spec-sheet website for an industrial diesel engine distributor.
Adapted version includes your logo, colours, copy, photos, domain, and hosting for the first year.
01 — What it is
A one-page website for a fictional diesel engine brand and its authorised distributor in Indonesia. Buyers here are engineers and procurement teams, so the page reads like a well-made spec sheet: condensed uppercase headlines, monospaced figures, hard 2px rules and one signal-yellow accent.
The hero carries a technical drawing of the flagship engine instead of a stock photo, and every section is built around the questions a buyer actually asks: which model fits my load, who services it near my site, and how fast can I get a quote.
02 — What’s inside
- Hero with an SVG engine drawing, dimension lines and a model stamp, plus a four-figure spec bar
- Applications (industrial, power generation, marine) that jump straight to the filtered range
- Engine range of 12 models with application filter, minimum-power slider and live count
- Compare up to three engines side by side in a dialog, including power-to-weight
- Parts and service, warranty block, and an illustrative case study with key figures
- Branch network map with 14 clickable branches, island filter and parts depot legend
- Quote form that is prefilled from any engine card, with validation and a reference number
- Fully responsive, mobile-first (320–1440px)
03 — Spec & details
- Format: HTML / CSS / JS
- Software: Any code editor or static host
- Pages: 1 (single-page company profile)
- Language: English
- License: Personal + Commercial
04 — Who it’s for
Distributors and manufacturers of engines, generators, pumps, compressors or any machinery sold by specification. Model data lives in one array in the script, so adding a model or a branch does not touch the layout.
