Concept Project·SaaS ve girişimler
Finans paneli
Indigo grid estetiğinde SaaS paneli: nakit akışı, fatura durumu ve ekip görevleri tek ekranda. Gerçek bir ürün değil; nakit akışı, faturalar ve ekip görevlerini tek ekranda birleştiren finans arayüzü.
Teknoloji
- Next.js
- TypeScript
- PostgreSQL
- Chart kütüphanesi
- Auth

Books
Closed
Finance
Ledger
01
Problem
KOBİ finans ekipleri gelir-gider, fatura ve nakit akışını Excel ve birbirinden kopuk araçlarla takip ediyor; raporlama geç kalıyor ve hata riski artıyor.
- ▸Kritik metrikleri tek bakışta sunmak
- ▸Fatura ve ödeme durumunu hızlı filtrelemek
- ▸Ekip görevlerini iş akışına bağlamak
02
Araştırma
Yaygın muhasebe panellerindeki bilgi yoğunluğu, tablo + grafik dengesi ve rol bazlı görünürlük ihtiyacı incelendi. Proje kapsamında marka ve kullanıcı verisi proje gereksinimlerine göre modellendi.
03
Wireframe & akışlar
Giriş → dashboard özeti → fatura listesi → fatura detay → görev atama. Ayarlar ve entegrasyonlar ikincil navigasyonda. Onboarding akışı wireframe seviyesinde tasarlandı.
04
UI & tasarım sistemi
Indigo-mor grid, keskin kart sınırları, monospace rakamlar ve yoğun veri tabloları. Durum renkleri: success, warning, muted. Dark-first; light tema ikincil.
- · Dashboard: nakit akışı grafiği ve KPI kartları
- · Faturalar: filtre, durum etiketleri, toplu işlem
- · Fatura detay: satır kalemleri, ödeme geçmişi
- · Görevler: kanban ve atama paneli
- · Ayarlar: ekip üyeleri ve rol görünürlüğü
05
Geliştirme
Multi-tenant hazır şema, API route’lar ile CRUD, sunucu tarafı filtreleme ve sayfalama. Gerçek entegrasyonlar (banka, e-fatura) kapsam dışı bırakıldı.
06
Sonuçlar
Nakit akışı, fatura takibi ve ekip görevleri tek panelde birleştirildi; rol bazlı görünürlük ve performans hedefleri tanımlandı.
Nakit akışı, fatura takibi ve ekip görevleri tek panelde birleştirildi; rol bazlı görünürlük ve performans hedefleri tanımlandı.
Teknoloji
- Next.js
- TypeScript
- PostgreSQL
- Chart kütüphanesi
- Auth
Tablo erişilebilirliği, boş durum ekranları, hata mesajları ve büyük veri seti performansı test sürecinde tanımlandı.
Sonraki proje
El yapımı mağaza →Sonraki adım
Bir fikriniz mi var? Birlikte ürüne dönüştürelim.
Projenizi birkaç adımda anlatın, kapsamı birlikte netleştirelim.