Life312Ürün tasarımı · v1 Temsilî tasarım · kurgu veri

Life312 Yönetim Platformu

Merkez ekipten site müdürüne, sahadaki personelden sakine kadar herkesin aynı kayıt üzerinde çalıştığı yönetim paneli ve mobil uygulamaların ürün tasarımı.

Web yönetim paneli15 modül + ortak altyapı Life312 SakinSakin ve malik uygulaması Life312 EkipYönetici ve saha, rol bazlı

Ürün yaklaşımıTanıdık işleyiş, daha açık iş akışı

Life312 ekipleri bugün Apsiyon ile çalışıyor. Yeni platform bu alışkanlıkları yok saymaz; menü mantığını, sektör terimlerini ve finans ekranlarının düzenini korur. Farkı; portföyü tek bakışta görmek, işi sahada kanıtlamak ve sakine sonucu göstermekte yaratır.

AlanBugünkü alışkanlık (korunur)Life312 platformunda
Apsiyon karşılaştırması, Life312’nin paylaştığı yönetici paneli ekran görüntülerinin incelenmesine dayanır. Görüntüler yalnızca araştırma girdisi olarak kullanıldı; bu sunumda yer almaz.

Tasarım sistemiKurumsal kimlikten türetildi, uzun mesaiye göre ayarlandı

Renkler ve fontlar life312.com.tr’nin yüklediği stil dosyalarından alındı. Sitedeki lacivert ve altın, panelde sakin bir çalışma zeminine dönüştü: lacivert yönü ve eylemi, altın yalnızca seçili bağlamı gösterir. Anlam renkleri her zaman ikon ve metinle birlikte kullanılır.

Etkileşimli prototip

Ekranlar arasında dizinden geçin; ürün içindeki menü, filtre ve düğmeler de çalışır. Akışlar bölümünden adım adım senaryo başlatabilirsiniz.

Kritik akışlarUçtan uca, web ve mobil arasında

Yedi iş akışı, tek bir örnek kayıt üzerinden adım adım kurgulandı. “Prototipte başlat” dediğinizde sahne o akışın ilk ekranına gider; üstteki şeritle adımlar arasında ilerlersiniz. Bir adımda yaptığınız işlem sonraki ekranlara yansır.

Mobil deneyimlerİki uygulama, üç kullanıcı

Mobil uygulamalar panelin küçültülmüş kopyası değildir. Sakin için az ama net işlem; yönetici için karar ve onay; saha personeli için tek elle, eldivenle bile basılabilen büyük dokunma alanları ve kontrol noktası okutma.

Karar 2

Sakin ve malik: ayrı, sade “Life312 Sakin” uygulaması

  • Farklı kitle ve mağaza dili; yönetim işlevleri sakin uygulamasına hiç girmez.
  • Birden fazla bağımsız bölümü olan malik, tüm bölümlerini tek toplu özetle görür.
  • Kiracı yalnızca kendi aidatını görür; ek bütçe ve demirbaş payı malike yazılır.
  • Her talebin sonucu fotoğrafla döner, sakin puanlar.
Tek elle kullanımBirincil eylem ekranın altında, 52 px yükseklikte; geri ve kapat üstte.
En fazla 5 sekmeAlt sekmeler yalnızca üst düzey bölümler; derin ekranlar geri ile döner.
Platform davranışıiOS’ta kenardan geri kaydırma, Android’de geri tuşu; biyometrik onay sistem diyaloğuyla.
Saha koşullarıOkuma hatasında NFC ve elle kod; zayıf bağlantıda kayıtlar sıraya alınır (varsayım).

Web ve mobil sürekliliğiTek kayıt, üç görünüm

Bir arıza telefonla bildirilir, panelde iş emrine dönüşür, sahada kanıtlanır ve sakinin telefonunda sonuçlanır. Kayıt numarası, durum ve fotoğraflar her ekranda aynıdır. Noktalara tıklayarak o anki ekranı açabilirsiniz.

Web paneliEkip uygulamasıSakin uygulamasıYapay zekâ kanalı

İlk sürüm ve sonraki fazlarÖnce çekirdek, sonra genişleme

Ayrım, onaylı sunumdaki ilk sürüm çerçevesine göre önerilmiştir. Prototipteki her ekranın yanında hangi faza ait olduğu yazar. Kesin kapsam, süre ve bütçe keşif çalışmasında birlikte belirlenecek.

Finans mutabakatıPilot sitenin tahakkuk, tahsilat ve kasa kayıtları mevcut sistemle mutabık.
Doğru yetkiRol ve site bazlı erişim; saha yalnız atanan işi, sakin yalnız kendi bölümünü görür.
Günlük işler uçtan ucaSeçilen iş akışları pilotta gerçek ekiple tamamlanır.
KabulKritik hatalar giderilir, pilot kullanıcılar yazılı onay verir.

Varsayımlar ve sınırlarBu prototip neyi gösteriyor, neyi göstermiyor

Tasarım kararları için gereken bilgiler kurgulandı. Aşağıdaki varsayımlar keşifte Life312 ile doğrulanmalıdır.

Kurumsal kimlik kaynağılife312.com.tr derlenmiş CSS değişkenleri (renk), Google Fonts bağlantıları ve yüklenen font listesi (Manrope), site logosu (SVG). İnceleme: 04.11.2026, masaüstü ve mobil.
Kullanılan tasarım araçlarıUI/UX Pro Max (tasarım sistemi ve UX kuralları), Frontend Design (görsel yön), Dataviz (grafik paleti doğrulaması). İkonlar: Lucide 0.460 (ISC). Fontlar: Manrope, Playfair Display (OFL, yerel).
ÇalıştırmaKlasördeki index.html doğrudan açılabilir; yerel sunucu için ./calistir.sh. Ayrıntılar README.md dosyasında. İnternet bağlantısı gerekmez.