İşlerSanayi üreticisi · Web

MATEŞ

Türkiye'nin tek uçak yakıt ikmal aracı üreticisi için iki dilli kurumsal site: sayfayı baştan sona kat eden bir yakıt hattı.

DÜZ TÜRKÇESİ1995'ten beri havalimanlarına yakıt ikmal aracı üreten bir fabrikanın sitesi: araçlar teknik çizimden gerçeğe dönüşüyor, her aracın föyü indirilebiliyor, teklif formu doğrudan satış birimine düşüyor.

Yıl
2026
Rol
Konsept + tasarım + geliştirme
MATEŞ sitesinin ekran görüntüsü

// imleci görselin üstünde tut — sayfa kendiliğinden gezinir

01 — Dert

Ankara'da 1995'ten beri uçak yakıt ikmal aracı üreten, işinin büyük kısmı ihracat olan bir fabrikanın eski WordPress sitesi telefon fotoğraflarından, eksik bilgilerden ve süresi dolmuş belgelerden oluşuyordu; havalimanı işletmecilerinin ve yakıt şirketlerinin karşısına mühendislik ciddiyetiyle çıkan bir site gerekiyordu.

02 — Yaklaşım

Konsept 'İkmal Hattı': sitenin solunda kaydırdıkça dolan bir yakıt hattı var; gece apronunun koyu bölümleriyle teknik resim kâğıdının açık bölümleri sırayla geliyor. Ana sayfa drone çekimli bir hero ile açılıyor; 'Çizimden Gerçeğe' bölümünde müşterinin kendi CAD çiziminden çıkan bir aracın çizgileri fotoğrafına dönüşüyor. Yedi araç ailesi aynı ölçekte silüetlerle yan yana; her birinin kapasite ve debi göstergeli, yazdırılabilir, iki dilde PDF'i olan teknik föyü var. Müşterinin 2010–2026 teslimat listesi aranabilir bir deftere ve ihracat haritasına dönüştü; test düzeneği P&ID şemasıyla anlatılıyor. Teklif formu imzalı jeton, hız sınırı ve bot korumasıyla satış birimine mail atıyor. Sitenin tamamı İngilizce ve Türkçe; eski adresler yeni sayfalara yönleniyor.

03 — Sonuç

refueller.net'te İngilizce ve Türkçe yayında; tr.refueller.net Türkçe sürüme yönleniyor. Sayfalar Playwright ile üç ekran genişliğinde taşma ve konsol hatası sıfır olarak denetlendi.

Kullanılan aletler

  • Next.js 16
  • TypeScript
  • Tailwind 4
  • Three.js
  • Motion + Lenis
  • Resend
  • Vercel