Tasarım Vitrini
Clourk arayüzünü modernleştiren 12 desen — hepsi bu sayfada canlı. Beğendiklerinizi söyleyin, siteye yayalım.
Madde 1
Gerçek Ekran Görüntüleri
Mock kutular yerine tarayıcı çerçeveli, derin gölgeli gerçek panel görüntüsü. Admin > Vitrin'den PNG yüklenirse otomatik gerçek görüntüye döner; aşağıdaki CSS ile birebir çizilmiş örnektir.
Madde 2
Bento Grid
Eşit kutular yerine farklı boyutlarda 'bento' ızgarası (Linear/Vercel deseni) — önemli özellik büyük kutuda nefes alır.
e-Fatura & Tahsilat
Faturayı kes, ödeme linkini WhatsApp'tan gönder, tahsilat kendiliğinden işlensin.
Pazaryerleri
Stok
AI Asistanı
"geçen ayın kârını çıkar"
Muhasebeci
Raporlar
Madde 3
Scroll Animasyonları
Bu sayfadaki HER bölüm kaydırdıkça yumuşakça beliriyor (IntersectionObserver). Aşağıdaki üç kart art arda gecikmeli girer; sistem 'hareketi azalt' diyorsa animasyon tamamen kapanır.
Madde 4
Sayı Animasyonları
Metrikler görünür olduğunda 0'dan sayarak yükselir — durağan rakamdan çok daha ikna edici.
0+
aktif firma
%0
daha hızlı tahsilat
0+
modül
%0,0
çalışma süresi
Madde 5
Müşteri Logo Şeridi
Sürekli kayan gri tonlu marka bandı — güven sinyali. Hover'da renklenir; gerçek müşteri logolarıyla değiştirilir.
Madde 6
Karanlık Mod
Sayfa, sistem tercihinizle (prefers-color-scheme) açıldı; sağ üstteki anahtarla değiştirin — kartlar, metinler ve zemin birlikte döner. Aynı altyapı tüm vitrine yayılabilir.
☀️ Şu an aydınlık moddasınız
Panel ve müşteri portalında bu destek zaten canlı; bu bölüm vitrin sayfalarına da taşınabileceğini gösterir.
Madde 7
Mikro Etkileşimler
Butonlar hover'da hafifçe yükselip gölgelenir; kartlar fareyi izleyerek eğilir (tilt). Tüm geçişler 150ms — hızlı ama hissedilir.
Fatura
3 tıkla e-Fatura
Tahsilat
Linkle kartlı ödeme
AI
Doğal dilde rapor
Madde 8
Çizgi İkon Seti
Emoji yerine tek stil, tek kalınlıkta çizgi ikonlar (Lucide dili) — marka renginde spot zeminlerde. Tutarlı ikonografi siteyi bir anda 'ürün' gibi gösterir.
Madde 9
Yapışkan Bölüm Navigasyonu
Geniş ekranda soldaki içindekiler çubuğu sizinle kayar; hangi bölümdeyseniz o madde yeşil vurgulanır (scrollspy). Uzun özellik sayfalarında kaybolmayı bitirir.
Madde 10
Karşılaştırma Tablosu
Clourk vs Excel vs eski usül — ✓/✗ işaretleri görününce sırayla 'pop' ederek girer.
| Özellik | Clourk | Excel | Eski Usül |
|---|---|---|---|
| e-Fatura kesme | ✓ | ✗ | ✗ |
| Otomatik tahsilat hatırlatma | ✓ | ✗ | ✗ |
| Pazaryeri siparişleri | ✓ | ✗ | ✗ |
| Anlık kâr/zarar | ✓ | ✓ | ✗ |
| Muhasebeciyle paylaşım | ✓ | ✗ | ✓ |
| AI asistan | ✓ | ✗ | ✗ |
Madde 11
Öne Çıkan Plan
Ortadaki plan büyütülmüş, 'En Popüler' rozetli ve hafif yeşil parlamalı — göz ilk oraya gider.
Başlangıç
₺349/ay
Profesyonel
₺649/ay
Kurumsal
₺1.190/ay
Madde 12
Testimonial Carousel
Fotoğraf (baş harf avatarı), isim, şirket ve yıldızlarla kaydırılabilir müşteri yorumları — oklarla ya da parmakla gezilir.
Hangileri siteye yayılsın?
Beğendiğiniz madde numaralarını söyleyin; landing, özellikler ve fiyat sayfalarına uygulayalım.
← Ana sayfaya dön