Konsept / Örnek projeSaaS / B2B · Ürün / Landing · 2026
Lumen — B2B operasyon analitiği
Dashboard hissi veren hero, bento özellik ızgarası ve aylık/yıllık fiyat geçişi.
Tasarım fikri
Açık tema üzerinde mavi-mor gradient vurgular. Hero’daki panel 3D eğimden düzleşir; çizgi grafik kendini çizer, KPI’lar sayarak gelir.
Mobil yaklaşım
Kenar menüsü gizlenir, KPI’lar 2x2 olur, bento tek sütuna akar, fiyat kartları alt alta.
Renk paleti
Cloud
#F7F8FC
Ink
#0F172A
Indigo
#4F46E5
Violet
#7C3AED
Sky
#0EA5E9
Tipografi
Plus Jakarta Sans
Display
Plus Jakarta Sans + JetBrains Mono
Body
Stack
- HTML
- CSS
- JavaScript
- SVG
- Vercel
Gerçek projede Next.js + CMS ile ölçeklenir.
Ekranlar
Öne çıkan bölümler
- Canlı dashboard hero
- Bento özellik ızgarası + kod örneği
- Aylık/yıllık fiyatlandırma
- SSS akordiyonu
Süreç
- 01
Ürün değer önerisi ve persona
- 02
Bilgi mimarisi ve dönüşüm hunisi
- 03
Dashboard görselleştirme ve bileşenler
- 04
A/B test planı ve yayın
Hedef metrikler
⚠ Örnek / öngörülen hedeflerdir — gerçek müşteri sonucu değildir.
- deneme kaydı hedefi (örnek)
- +%30
- ilk panel süresi mesajı (örnek)
- 15 dk
- Lighthouse hedefi (örnek)
- 95+
Sonraki adım
Aklınızda bir proje mi var? Birlikte konuşalım.
Ne geliştirmek istediğinizi anlatın. Sorularımızla veya bir görüşme önerisiyle dönüş yapalım; keşif sonrasında yazılı teklif sunalım. Herhangi bir yükümlülük yoktur.