Minnesota merkezli bir mobilya ve aydınlatma şirketinin canlı satış, sipariş ve planlama verilerini, üretim alanları ve ofis alanlarındaki 4K dijital tabelalar için tasarlanmış yüksek çözünürlüklü bir gösterge paneline (dashboard) taşımasına yardımcı olduk.

Müşteri, mobilya ve aydınlatma sektöründe hızla büyüyen, Kuzey Amerika genelinde dağıtımı yapılan üst düzey, özel tasarım ürünlerde uzmanlaşmış bir üreticidir. Hızlı sipariş akışı ve yüksek hacimli bir üretim ortamıyla, liderlik ekibinin satış performansını, sipariş hareketlerini, lojistiği ve üretim takvimlerini gerçek zamanlı olarak birbirine bağlamak için daha net bir yola ihtiyacı vardı.

Şirketin kritik operasyonel verilerinin büyük kısmı halihazırda Shopify, takvim sistemleri ve dahili sipariş kayıtlarında bulunuyordu. Sorun, ekiplerin bu bilgileri bir arada kolayca görememesiydi. Günlük koordinasyon hâlâ büyük ölçüde manuel takibe, sözlü güncellemelere ve birbiriyle bağlantısı olmayan raporlamalara dayanıyordu; bu da işletmede olup bitenler ile ekiplerin gerçekte görebildikleri arasında gecikmelere neden oluyordu.

Zorluk, hem teknik hem de görsel olarak 4K ölçeğinde çalışan gerçek zamanlı bir gösterge paneli oluşturmaktı.

Gösterge panelinin sayılardan daha fazlasını göstermesi gerekiyordu. Uzaktan okunabilir, büyük ekranlarda görsel olarak dengeli, sürekli güncellenen ve günlük operasyonel farkındalığı destekleyecek kadar güvenilir olmalıydı.

4K dijital tabelalar için tasarım yapmak, ek tasarım ve mühendislik karmaşıklıklarını da beraberinde getirdi. Tipografi, boşluklar, kontrast, ekran oranları ve düzen yoğunluğunun tümü, gösterge panelinin ultra yüksek çözünürlüklü ekranlarda net görünmesini sağlayacak şekilde dikkatle planlanmalıydı. Aynı zamanda, arka uç (backend) senkronizasyonunun, ekip için manuel iş yükü yaratmadan satış, sipariş ve planlama verilerini güncel tutması gerekiyordu.

Amaç, gün boyunca departmanlar genelinde performansı görünür kılacak ve dağınık durumdaki iş verilerini birleştirecek canlı bir operasyonel ekran oluşturmaktı.

Güvenli bir bulut veri katmanına bağlı, React tabanlı bir 4K gösterge paneli oluşturduk.

Çözüm, ultra yüksek çözünürlüklü ekran çözünürlükleri için özel olarak optimize edilmiş, duyarlı (responsive) bir React.js uygulaması olarak geliştirildi. Arayüz, üretim ve ofis ortamlarında kullanılan büyük formatlı 4K ekranlarda netliği, hiyerarşiyi ve görsel tutarlılığı koruyacak şekilde tasarlandı.

Shopify ve dahili sistemlerden gelen canlı veri akışlarını işlemek için AWS Lambda fonksiyonları kullanılırken, kimlik doğrulama ve gerçek zamanlı veritabanı güncellemeleri için Google Firebase'den yararlanıldı. Bu sayede manuel yenileme veya tekrarlayan raporlama gerektirmeden gösterge paneli verilerini senkronize tutabilen güvenli, ölçeklenebilir bir arka uç oluşturuldu.

Görsel sistem, büyük ekranlarda okunabilirlik için tasarlandı ve test edildi.

Uygulamaya geçilmeden önce, gösterge paneli arayüzü Figma üzerinde piksel hassasiyetinde 4K maketler kullanılarak planlandı. Bu, tipografi, boşluklar, bileşen boyutlandırması ve görsel hiyerarşinin standart masaüstü görünümü yerine dijital tabelaların gerçeklerine göre tanımlanmasına yardımcı oldu.

Geliştirme sürecinde fiziksel 4K ekranlara doğrudan erişim sınırlı olduğundan, ekip; işleme kalitesini, ekran oranı davranışını, yenileme sürelerini ve düzen doğruluğunu doğrulamak için sanal simülasyon ve katmanlı uyumluluk testleri kullandı. Bu, gösterge panelinin gerçek tabela ekranlarına kurulduğunda güvenilir bir şekilde çalışmasını sağladı.

• Shopify, takvim sistemleri ve dahili sipariş verilerini tek bir gerçek zamanlı gösterge panelinde birleştirdi

• 4K dijital tabelalar için optimize edilmiş bir React.js arayüzü oluşturdu

• Canlı güncellemeler, kimlik doğrulama ve ölçeklenebilir altyapı için AWS Lambda ve Firebase kullandı

• Daha iyi okunabilirlik için Figma'da piksel hassasiyetinde 4K düzenler tasarladı

• Operasyonel veri görünürlüğünü %85 artırdı

• Operasyonel verimliliği %21 artırdı

Sonuç, daha görünür ve koordineli bir satış operasyonu oldu.

Nihai gösterge paneli, müşterinin kopuk güncellemelerden ortak, gerçek zamanlı bir operasyonel görünüme geçmesine yardımcı oldu. Üretim, lojistik, satış ve liderlik ekipleri; sipariş akışını, satış faaliyetlerini ve planlama önceliklerini tek bir net arayüzden izleyebilir hale geldi.

Sistem, 4K uyumlu arayüz tasarımını güvenli bir bulut altyapısıyla birleştirerek departmanlar arası şeffaflığı artırdı, koordinasyon yükünü azalttı ve şirkete veriye dayalı operasyonel büyüme için daha güçlü bir temel sağladı.

Gösterge panelinin değeri yalnızca satış verilerini büyük bir ekranda göstermek değil, aynı zamanda gerçek zamanlı iş faaliyetlerini buna göre hareket etmekten sorumlu olan ekipler için görünür kılmaktı.