Skip to content / İçeriğe geç
NISCRAFT

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 adım

Bir fikriniz mi var? Birlikte ürüne dönüştürelim.

Projenizi birkaç adımda anlatın, kapsamı birlikte netleştirelim.