QRed Kızılay.
Karmaşık yardım operasyonları için yalın bir dijital sistem.
Türk Kızılay’ın kart tabanlı destek programı QRed’in web ve mobil deneyimlerini ID3 iş birliğiyle yeniden tasarladık. Temel işlevleri çalışan ancak kullanıcı deneyimi parçalı kalan mevcut sistemi; projeleri, faydalanıcıları, haneleri, kartları, satış noktalarını, ödemeleri ve raporlamayı ortak bir yapı içinde buluşturan bütünlüklü bir ürüne dönüştürdük.
Kontrol paneli ve mobil görünüm
İhtiyaç.
QRed, yardım bakiyelerinin kartlara yüklenmesinden anlaşmalı satış noktalarında kullanılmasına kadar çok sayıda rolü ve işlemi bir araya getiren kapsamlı bir sistem. Ancak farklı ekiplerin ihtiyaçları doğrultusunda şekillenen mevcut arayüz, süreçleri takip etmeyi zorlaştıran dolambaçlı akışlara ve tutarsız ekranlara sahipti.
Kızılay ekiplerinin yardım programlarını yönetebilmesi, satış noktalarının işlemleri tamamlayabilmesi ve sahadaki kullanıcıların temel görevlere hızlıca ulaşabilmesi için sistemin baştan sona daha açık, verimli ve öğrenilebilir hâle gelmesi gerekiyordu.
Tanımlar ve form ekranı
Faydalanıcı işlemleri
Tasarım yaklaşımı.
Önce mevcut işlevleri, kullanıcı rollerini ve birbirine bağlı operasyonları ayrıştırdık. Proje ve merkez yönetimi, faydalanıcı ve hane kayıtları, donör tanımları, kart işlemleri, satış noktaları, bakiye hareketleri ve raporlama gibi modülleri görev odaklı bir bilgi mimarisi altında yeniden düzenledik.
Kontrol panelinde yüklenen ve kullanılan bakiyeleri, aktif projeleri, bekleyen işlemleri, hane ve faydalanıcı sayılarını tek bakışta okunabilir hâle getirdik. Yoğun veri tablolarını filtreleme, içe aktarma, ayrıntı görüntüleme ve düzenleme gibi günlük işlemler etrafında sadeleştirdik. Hassas faydalanıcı ve hane bilgilerinin ekranlarda kontrollü, düzenli ve takip edilebilir biçimde sunulmasına özellikle önem verdik.
Web yönetim deneyimiyle mobil işlemleri aynı görsel dilde birleştirdik. Açık ve koyu kullanım senaryolarını, durum renklerini, bileşenleri ve farklı ekran boyutlarını kapsayan esnek bir tasarım sistemi oluşturarak yeni modüllerin mevcut yapıyı bozmadan eklenebilmesini hedefledik.
Koyu ve açık tema
Renkler ve tipografi
Mobil ekranlar
Ortaya çıkan çalışma.
Bir şablon üzerinde büyüyen karmaşık arayüzü, farklı kullanıcıların kendi görevlerine doğrudan ulaşabildiği tutarlı bir operasyon ürününe dönüştürdük. QRed’in merkez yönetiminden mobil işlemlere ve satış noktalarına uzanan farklı yüzleri, ortak bir bilgi düzeni ve tasarım sistemi altında birleşti.
Ortaya çıkan yapı yalnızca mevcut ekranları yenilemedi; Kızılay’ın kendi yazılım altyapısı üzerinde geliştirebileceği, yeni ihtiyaçlara ve modüllere uyarlanabilecek sağlam bir arayüz çerçevesi sundu.
