Özet
Araca göre doğru motor yağını bulan karar aracı. Tip seçimi, kademeli form ve tek bir arama aksiyonu.
İhtiyaç
Yağ seçimi teknik ve kaygı dolu. Kullanıcı viskozite ezberlemek istemiyor; aracını tanıyıp doğru öneriyi görmek istiyor. Form hem uzman hem ilk kez soran için okunur olmalıydı.
Yaklaşım
Hero’yu karar kartına indirdik: koyu zemin, yeşil vurgu, beyaz form. Logo ve CTA aynı yeşili paylaşıyor. Blog ve SSS, arama sonrasına güven katıyor — satış vaadi değil, seçim yardımı.
Variables
Renk
#22C55E
Primary
#7EA957
Logo light
#2C562E
Logo dark
#0F172A
Hero
#FFFFFF
Surface
Tipografi
Inter — Display + body
Form
Kart 20–24px · select 12px · CTA 12–16px
Logo
İşaret: damla + araç silueti, zeytin–orman yeşili gradyan (#7EA957 → #2C562E). Wordmark’ta “Hangi” koyu, “Yağ” marka yeşili — ürünün sorusu ve cevabı aynı imzada.
Arayüz
01
Önce kategori
Otomobil, hafif ticari, ticari, tarım, yol dışı — beş chip. Aktif durum yeşil kutu + tik; yanlış yola sapmadan daraltır.
02
Kademeli select
Marka → model → yıl → yakıt → motor → detay. Alanlar birbirine bağlı; kullanıcıya tüm kataloğu birden göstermiyoruz.
03
Tek CTA
Beyaz kart koyu hero’nun üstünde. “Yağ Ara” tam genişlik, yeşil, büyüteç. İkincil aksiyon yok — karar net.
Görseller
