UI Ekranı

Commerce Analytics

Commerce Analytics
Commerce Analytics
VIP

Açık mavi zemin üzerinde bir e-ticaret mağazası için hazırlanmış satış analizi ekranı. Üstte marka, hap biçimli menü, sipariş arama alanı, paylaşım düğmesi ve profil fotoğrafı yer alıyor. Satış özeti başlığının yanında tarih aralığı ve dışa aktarma düğmesi var. Dört metrik kartında brüt gelir, sipariş sayısı, yeni müşteri sayısı ve iade oranı, haftalık değişimleriyle birlikte gösteriliyor. Brüt gelir kartı mavi rengiyle öne çıkıyor. Performans kartında günlük gelir ve sipariş sayısını yan yana gösteren bir sütun grafiği ve grafiğin üzerinde açılan bir bilgi kutusu bulunuyor. Dönüşüm kartında ise yüzde 62'lik oranı gösteren bir halka grafiği var. En altta sipariş numarası, müşteri, ürün, adet, tutar ve durum sütunlarını içeren son siparişler tablosu yer alıyor. Sipariş durumları etiketlerle gösteriliyor. Grafikler elle çizilmiş SVG'lerden oluşuyor. Ekran, 1600 × 900 piksellik bir tuvalde tasarlanmış ve bulunduğu alana göre ölçekleniyor. React tabanlı bu tasarım, e-ticaret panelleri ve yönetim arayüzleri için uygun.

Canlı Önizlemeyi Gör →

İndirdikten sonra

  1. 1.ZIP'i bilgisayarında aç, klasördeki HOW_TO_USE.md dosyasına göz at.
  2. 2.Parçayı projene ekle ya da klasörü Claude'a verip nereye nasıl yerleştireceğini sor.
Download Unlocked

Yorumlar

Yorum yapmak için topluluğa katıl.

Reklam ölçümü için Meta Pikseli'ne izin verir misin? Sadece onay verirsen yüklenir, reddetsen de site aynen çalışır. Ayrıntılar