Müşteri ve sektör

Danone; süt ürünleri, bitki bazlı ürünler, su ve özel beslenme alanlarında çalışan küresel bir gıda ve içecek şirketi. Bu projedeki ekranlarda Danone logosunun yanında "Reporting Factory" adı yer alıyor. Arayüzler bu finans raporlama ortamı için hazırlandı.

İhtiyaç

Ekranlar, finans kullanıcılarının dönemsel raporlara tek bir giriş sayfasından ulaşmasına göre kurulu. Raporlar P&L, topline ve nakit akışı gibi başlıklara ayrılıyor. Aynı rapor şirket, bölge (Zone), ülke birimi (CBU) ve iş birimi (BU) seviyelerinde açılabiliyor. Her rapor ekranında dönem, para birimi ve kategori filtreleri bulunuyor.

Rolüm ve kapsam

Bu projede arayüz tasarımcısıydım. Danone projesinde yeni arayüzleri tasarladım. Sorumluluğum tasarım çalışmasıydı. Portfolyodaki seçki giriş sayfasını, menüleri, rapor ekranlarını ve bir mobil ekranı kapsıyor.

Süreç ve tasarım kararları

• Giriş sayfasını iki bölüme ayırdım. Solda güncel kapanış dönemi, haberler ve sürüm notları, destek ve ayarlar duruyor. Sağda iki büyük kart var: Standard Dashboards ve Summary Books.
• Standard Dashboards açıldığında raporlar üç sütunda listeleniyor: P&L Analysis, Topline, FCF & WK & CAPEX.
• Rapor düğmeleri için dört durum çizdim: üzerine gelme, tıklanmış, normal ve pasif. Bu durumları ekranda etiketleriyle gösterdim.
• Summary Books menüsü raporları Company, Zone, CBU ve BU seviyelerinde sıralıyor. Yanında bir şablon alanı (Template Market) var.
• Rapor ekranlarında üst filtre çubuğunu sabit tuttum. Çubukta Phase, Year, Period, Currency, Entity ve Macro Category seçimleri var. Sağ uçtaki rozet raporun durumunu gösteriyor.
• Solda dört başlıklı dikey menü var: Overview, By Period, Full P&L, Geo by Category.
• Growth Equation & P&L ekranında dört KPI kartı var. Altındaki grafik aylık, yarıyıl ve çeyrek görünüm arasında geçiyor. Sağdaki tablo Zone, CBU ve BU sekmeleriyle değişiyor.
• Başka bir ekranda geçen yıldan bu yıla değişimi şelale grafiğiyle gösterdim. Kategori payları halka grafiklerle veriliyor.
• Brand & Category Analysis ekranında gruplu tabloyu ara toplam satırlarıyla böldüm.
• Mobil ekranda net satış verisini büyüme çizgisi, sütun grafik ve ilk 10 CBU tablosuyla özetledim.

Ekranlardaki sayılar örnek veri.

Teslimler

• Giriş sayfası ve açılır menüler (Support, Standard Dashboards, Summary Books, Settings)
• Rapor sahibi kartlı ana sayfa varyasyonu
• Growth Equation & P&L ekranının iki görünümü
• Brand & Category Analysis ekranının iki görünümü
• Net Sales mobil ekranı

Portfolyoda 9 masaüstü ve 1 mobil ekran yer alıyor. Kapak görselinde araç olarak Figma ve Zeplin geçiyor.

Sonuç

Rolüm ve kapsamım bu sayfada anlatıldığı gibi arayüz tasarımıyla sınırlı. Portfolyoda proje için hazırladığım 10 ekran yer alıyor.

Bu çalışma SaaS ve dashboard tasarımı hizmetimden bir örnek.