UX & Arayüz
Panel bilgi mimarisi, ekran akışları ve Figma üzerinde arayüz tasarımı.
Referans · 2025
Abonelik tabanlı bir platform için multi-tenant mimari, rol/yetki sistemi, faturalama akışı ve gerçek zamanlı dashboard içeren yönetim paneli.
Hikâye
Rakamlar gizlilik kapsamında; bu bölüm projenin hangi ihtiyaçtan doğduğunu, teknik kararların gerekçesini ve ortaya çıkan sistemi anlatıyor.
Ortada doğrulanmış bir ürün fikri vardı ama teknik bir temel yoktu. Her yeni müşteri için ayrı kurulum yapmak, verilerin karışması riskini taşımak ve plan limitlerini elle takip etmek, ürün daha büyümeden ölçeklenmenin önünü kesiyordu. Proje, bu ürünün üzerinde büyüyebileceği çok kiracılı altyapıyı uçtan uca kurmaktı.
Veri izolasyonunu geliştirici disiplinine değil mimariye emanet ettim: ortak veritabanında kiracı kolonu ve Laravel global scope yapısı sayesinde her sorgu aktif kiracıya göre otomatik filtreleniyor. İlişkisel bütünlüğün ve indeks stratejisinin taşıyıcı olduğu bu şema için PostgreSQL tercih edildi; yetkilendirme kaynak bazlı policy tanımlarıyla, plan limitleri ise tek bir merkezi kural katmanında yönetiliyor. Panel arayüzü Vue.js bileşenleri, tablo-filtre sistemi ve grafiklerle kuruldu; bildirimler ve arka plan işleri Redis kuyruğunda asenkron çalışıyor, dağıtım Docker ile tekrarlanabilir hâlde.
Panel ilk kiracı grubuyla canlıda. Yeni müşteri açmak artık kod değişikliği değil panelden yapılan bir işlem; limitler plan bazında kendiliğinden uygulanıyor ve kritik işlemler kim, ne zaman, neyi değiştirdi kaydıyla izlenebiliyor. Ürünün ticari metrikleri paylaşıma açık olmadığından burada yalnızca sistemin bugün ne yaptığı anlatılıyor.
01 Proje Hakkında
Her projede önce mevcut durumu ve gerçek ihtiyacı anlamaya çalışıyorum. Teknik kararlar bu tanımdan sonra geliyor.
Ürün fikri netti ancak teknik temel yoktu. Her yeni müşteri için ayrı kurulum yapılması, verilerin karışma riski ve plan limitlerinin manuel takip edilmesi ölçeklenmeyi baştan engelliyordu.
Ortak veritabanı üzerinde kiracı kolonu ile veri izolasyonu kuruldu; her sorgu otomatik olarak aktif kiracıya göre filtrelenecek şekilde global scope ile korundu. Plan limitleri merkezi bir kural katmanına taşındı ve yetkilendirme kaynak bazlı politikalarla tanımlandı.
02 Rolüm
Bu projede üstlendiğim çalışma kalemleri. Belirtilmeyen alanlarda müşteri ekibi veya üçüncü taraflar yer aldı.
Panel bilgi mimarisi, ekran akışları ve Figma üzerinde arayüz tasarımı.
Vue.js ile bileşen tabanlı panel arayüzü, tablo/filtre sistemi ve grafik bileşenleri.
Laravel ile tenant katmanı, rol/izin sistemi, abonelik mantığı ve arka plan işleri.
PostgreSQL şeması, ilişkiler, indeks stratejisi ve göç (migration) planı.
Dış entegrasyonlar için token tabanlı, versiyonlanmış REST API katmanı.
Docker ile paketleme, Nginx yapılandırması ve yayına alma.
03 Özellikler
Projenin gündelik kullanımda en çok fark yaratan tarafları.
Her kiracının verisi sorgu seviyesinde otomatik olarak ayrılır; yanlışlıkla çapraz erişim mümkün değildir.
Roller ve izinler panelden tanımlanır; yetkiler kaynak bazlı politikalarla kontrol edilir.
Her plan için kullanıcı, kayıt ve depolama limitleri; limit aşımında kullanıcıya net uyarı.
Kullanım metrikleri, zaman serisi grafikleri ve rol bazlı özet ekranları.
E-posta ve uygulama içi bildirimler; kuyruk üzerinden asenkron gönderim.
Kritik işlemler için kim, ne zaman, neyi değiştirdi kaydı.
05 Sonuç
Proje, ilk kiracı grubuyla canlıya alındı. Yeni müşteri eklemek artık kod değişikliği değil, panelden yapılan bir işlem. Ölçülebilir performans ve iş sonuçları müşteriyle paylaşıma açık olmadığından burada yayınlanmamıştır.
Ölçülmemiş performans veya başarı yüzdesi paylaşılmaz. Doğrulanabilir veriler CMS üzerinden eklenebilir.
Bu projede kullanılan hizmet başlıkları:
Devamı
Benzer teknik yaklaşımların kullanıldığı diğer çalışmalar.
Emeyz, teknoloji, yaşam, seyahat ve daha birçok konuda içerik sunan; Türkçe, İngilizce ve Almanca yayın yapan çok dilli bir bilgi platformudur.
Flash ve HTML5 oyunlarının internet tarayıcı üzerinden oynanabildiği bir oyun platformuydu.
Mevcut bir CMS'e eklenen, LLM API'si üzerinden çalışan içerik üretim ve düzenleme modülü.