Finexot, Türk muhasebeciler ve KOBİ'ler için modern bir mali yönetim platformu — mizan, vergi beyannameleri, e-fatura, siparişler ve çok kiracılı ofis çalışma alanları. UI'yı sıfırdan yeniden inşa ettik: React 18 + Vite + Shadcn, karanlık ve aydınlık paritesi, gerçek zamanlı veri akışları.

Türk muhasebe yazılımlarının bir bilgi yoğunluğu problemi var: gerçek iş akışları ~40 sütunlu tablolar, saniyenin altında filtreler ve ekranlar arası bağlam gerektiriyor — ama piyasadaki uygulamalar bunu gri kromlar, sıkışık fontlar ve modal-içinde-modal navigasyonla çözüyor. Finexot ekibi bu yoğunluğu görsel gürültü olmadan istedi ve muhasebeciler uygulamayı 8 saatlik oturumlar boyunca açık tuttuğu için ilk günden karanlık + aydınlık mod paritesi şart koştular.
Yeniden inşa mevcut her iş akışını (mizan, vergi parametreleri, e-fatura, siparişler, hesaplar, çok kiracılı ofis switcher'ı) korurken tüm UI katmanını değiştirmeliydi. Her ekran aynı ürün gibi hissettirmeliydi — akış ortasında yeniden markalama olmaz.
Shadcn UI + Tailwind temelinden yola çıktık ve Finexot-özel bir extension inşa ettik: FX Popover primitives, editörel dönem seçiciler, hesap araması için yoğun combobox, e-fatura mutabakatı için özel checkbox varyantları ve rota değişimlerinde bağlamı stabil tutan bir header widget sistemi.
Veri yoğun ekranlar amaca-özel bir tablo layout'u aldı: sabit sütunlar, virtüalize satırlar, sütun bazlı filtreler ve satır içi aksiyonlar — gelir/gider trendleri için Recharts overlay'leri ile. Yavaş bir API'nin algılanan cilayı bozmaması için loading state'ler markalı skeleton çerçeveler kullanıyor.
Karanlık mod, sonradan eklenmiş bir feature değil, paralel tasarlandı — her token, her state, her focus ring iki paletle var. Akşam oturumları için karanlık modu tercih eden muhasebeciler, aydınlık modda çalışan gündüz ekibiyle aynı bilgi hiyerarşisini alıyor.




Yeniden inşa edilen UI, geliştirme sırasında 200ms altında hot reload'lı React 18 + Vite, mali UX için genişletilmiş Shadcn tabanlı bir component library ve iç ekibin pariteyi bozmadan genişletebileceği belgelenmiş bir tasarım sistemi taşıyor.
Tüm çekirdek iş akışları — mizan, vergi beyannameleri, e-fatura, siparişler, ofis switcher — feature parity ile taşındı; eski UI'nın barındıramadığı yeni affordance'lar (dönem seçici, yoğun filtreler, karanlık mod) da eklendi. Ürün artık startup cilası ile enterprise yazılım gibi hissettiriyor.