Müşteri ve sektör

916 Digital bir dijital ajans. Portfolyo kapağında proje "916 Ajans Web App" adıyla geçiyor. Uygulamadaki örnek işler sosyal medya ve video üretimi üzerine kurulu.

İhtiyaç

Uygulamanın amacı giriş ekranındaki başlıkta yazıyor: "Proje ile ilgili her şey tek bir yerde." Müşteri yeni iş açıyor, dosya yüklüyor ve sonucu onaylıyor. Ajans ekibi görevleri paylaşıyor, yorumları ve revizyon isteklerini takip ediyor.

Rolüm ve kapsam

Web uygulamasının arayüzünü tasarladım. Kapakta 20 ekran yazıyor. Portfolyoda bunların 16'sı yer alıyor.

Süreç ve tasarım kararları

• Ana panoda işleri üç sütuna ayırdım: In Progress, Pending Approval ve Completed. Her sütunun başlığı kendi rengini taşıyor.
• Her iş kartında müşteri ve iş adı, PO numarası ve görev ilerlemesi var. Kartın altında versiyon, tarih ve müşteri tarafındaki kişiler yer alıyor. İlerlemeyi ince bir çubukla gösterdim.
• Yeni proje oluşturmayı adım sayacı olan bir forma böldüm. İlk adımda reklam modeli, kreatif model ve format seçiliyor. Teslim tarihi, PO numarası ve dosya bağlantıları da bu adımda giriliyor. Sonraki adımda dosyalar sürükle-bırak ile yükleniyor.
• Proje detayını yedi sekmede topladım: Overview, Assets, Client Partners, Tasks, Comments, Design Results ve Revision Request.
• Assets sekmesinde dosyalar önizlemeyle listeleniyor. Klasörler türüne göre ayrılıyor: font, görsel, video, doküman ve fotoğraf.
• Görev ekranında görev detayı ve görev mesajlaşması yan yana duruyor. Mesajlara dosya ve görsel eklenebiliyor.
• Görev listesinde ilerleme, sorumlular, durum ve teslim tarihi aynı satırda okunuyor.
• Müşteri işi onayladığında bir onay penceresi açılıyor. Pencerede ekibin dosyaları iletebileceği yazıyor.
• Yönetim tarafında kullanıcı listesi, kullanıcı ekleme, ekipler ve ayarlar ekranları var. Ayarlarda e-posta, SMS ve uygulama bildirimleri ayrı ayrı açılıp kapanıyor.
• Sol menüde her durumun yanında iş sayısı görünüyor. Menünün altında yeni proje açmak için sabit bir kısayol var.

Mor ana renk ve beyaz zemin kullandım. Yeşil ve sarıyı durum renkleri olarak ayırdım.

Teslimler

• Giriş ekranı
• Ana pano
• Yeni proje oluşturma (iki adım)
• Proje detay sekmeleri: genel bakış, dosyalar, müşteri tarafı kişiler, görevler, yorumlar
• Görev detayı ve görev listesi
• Proje onay penceresi
• Kullanıcılar, kullanıcı ekleme, ekipler ve ayarlar ekranları

Kapak görselinde araç olarak Figma ve Zeplin geçiyor.

Sonuç

Portfolyoda uygulama için tasarladığım 16 ekran yer alıyor.

Bu çalışma admin paneli tasarımı hizmetimden bir örnek.