WorkIndustrial manufacturer · Web
MATEŞ
A bilingual corporate site for Türkiye's only manufacturer of aircraft refuelling vehicles, with a fuel line running through the whole page.
IN PLAIN WORDSThe site of a factory that has built refuelling vehicles for airports since 1995: vehicles turn from technical drawings into photographs, every datasheet can be downloaded, and the quote form goes straight to the sales team.
01 — Problem
A factory in Ankara that has built aircraft refuelling vehicles since 1995, with most of its business in exports, had an old WordPress site made of phone photos, missing information and expired certificates; it needed a site that meets airport operators and fuel companies with engineering seriousness.
02 — Approach
The concept is 'The Line': a fuel line on the left of the site fills as you scroll, and dark night-apron sections alternate with light technical-drawing paper. The home page opens on drone footage; in 'From Drawing to Reality' the lines of a vehicle from the client's own CAD drawing turn into its photograph. Seven vehicle families stand side by side as silhouettes at a common scale; each has a datasheet with capacity and flow gauges, printable and available as a PDF in two languages. The client's 2010–2026 delivery list became a searchable ledger and an export map; the test rig is explained with a P&ID diagram. The quote form mails the sales team behind a signed token, rate limiting and bot protection. The whole site is in English and Turkish, and old addresses redirect to the new pages.
03 — Outcome
Live in English and Turkish at refueller.net; tr.refueller.net redirects to the Turkish version. Pages were audited with Playwright at three screen widths with zero overflow and zero console errors.
Tools used
- Next.js 16
- TypeScript
- Tailwind 4
- Three.js
- Motion + Lenis
- Resend
- Vercel