İGA Havalimanı'nda görev yapan ARFF (Kurtarma ve Yangınla Mücadele) ekibinin; eğitim videolarından teknik hesaplama araçlarına kadar dağınık haldeki tüm bilgiye tek noktadan ulaştığı, telefonun ana ekranına eklenip native bir uygulama gibi açılan web portalının uçtan uca tasarım sürecini üstlendim.

İGA ARFF Portalı, havalimanında 7/24 vardiyalı görev yapan kurtarma ve yangınla mücadele personelinin; eğitim videoları, teknik kılavuzlar ve hesaplama araçları gibi dağınık kaynakları tek çatı altında topladığı, uçtan uca tasarladığım bir dijital kütüphanedir; amacım, saha koşullarında saniyelerin değerli olduğu bu ekibe native bir mobil uygulama kadar hızlı ve tanıdık bir deneyim sunmaktı.

Bu projede sadece ekranları tasarlamakla kalmadım; ARFF ekibinin gerçek saha ihtiyaçlarını (vardiya bilgisi, KBRN, kar mücadelesi, ağırlık-denge hesaplamaları gibi onlarca farklı içerik türü) analiz etmekten, bunları sade bir bilgi mimarisiyle kategorilere ayırmaya ve geliştirme ekibine uygulamaya hazır nihai tasarımı teslim etmeye kadar süreci uçtan uca tek başıma yönettim.

Projenin temel odağı; çok büyük hacimdeki eğitim içeriğini (video, PDF, kılavuz, hesaplama aracı) kullanıcının en az çabayla bulup izleyebileceği/okuyabileceği kadar sadeleştirmek; gerektiğinde kaydedip daha sonra eğitimine kaldığı yerden devam edebileceği bir yapı kurmaktı.

Ana ekrana eklenen, native hissi veren web deneyimi: Bu bir web sitesi olmasına rağmen, mobil arayüzü bilinçli olarak native bir uygulama gibi tasarladım — alt sekme çubuğu (bottom tab bar) navigasyonu, tam ekran açılış ve uygulama benzeri geçişlerle personel, portali telefonunun ana ekranına ekleyip herhangi bir mağazaya gitmeden tıpkı kurulu bir uygulama gibi açabiliyor. Masaüstünde ise aynı içerik, ofis ve yönetici kullanımına uygun klasik bir web sitesi düzeninde sunuluyor.

Süreç

🔍01

Saha Analizi

ARFF ekibiyle yapılan görüşmelerde vardiya, eğitim ve teknik hesaplama ihtiyaçları saptandı.

📋02

İçerik Envanteri

Onlarca kaynağa dağılmış PDF, video ve hesaplama tablosu tek bir listede envanterlendi.

🧭03

UX Tasarımı

Bilgi mimarisi ve uçtan uca kullanıcı akışları kurgulandı.

📐04

Wireframe

Düşük detaylı iskeletlerle sayfa yapıları ve hiyerarşi test edildi.

📱05

Mobil Öncelikli Arayüz

Ana ekrana eklenince native bir uygulama gibi açılan, alt sekme çubuklu mobil arayüz kurgulandı.

🖼️06

Tasarım Sunumu

Yüksek çözünürlüklü ekranlar paydaşlara sunularak geri bildirim alındı.

🚀07

Tasarım Teslimi

Geliştirme ekibine eksiksiz, uygulamaya hazır tasarım teslim edildi.

Araştırma ve Keşif

İGA ARFF biriminin en büyük sorunu, kritik bilginin onlarca farklı kaynağa (basılı kılavuzlar, paylaşılan PDF'ler, eğitim videoları, hesaplama tabloları) dağılmış olmasıydı. Sürece, bu dağınıklığın gerçek boyutunu ortaya koyan bir içerik ve kullanım analiziyle başladım.

İçerik Envanteri ve Kategorilendirme: Kunz Aircraft Recovery'den KBRN'ye, kar mücadelesi operasyonlarından spor programlarına kadar mevcut tüm eğitim materyalini tek tek inceleyip, kullanıcı zihninde anlamlı olacak bir kategori setine indirgedim.
Kullanım Bağlamı Analizi: Bu ekibin bilgiye masaüstünden çok, sahada, eldiven takılıyken veya kısıtlı zamanda telefonundan ulaştığını gözlemleyerek, tasarımın "mobil öncelikli" değil doğrudan "mobil-uygulama-öncelikli" kurgulanması gerektiğine karar verdim.

Tasarım Sistemi ve Mimari

Bu kadar farklı içerik tipini (video, PDF, form, harita, hesaplama aracı) tek bir arayüz dilinde tutarlı şekilde sunabilmek için önce sağlam bir bileşen sistemi kurmam, sonrasında bunu telefonun ana ekranından native bir uygulama gibi açılabilecek bir mimariyle taçlandırmam gerekiyordu.

Tutarlı Bileşen Sistemi: Kart, liste, arama çubuğu ve alt sekme çubuğu gibi tekrar eden yapılar tek bir bileşen kütüphanesinde standartlaştırıldı; böylece onlarca farklı içerik türü aynı görsel dilde sunulabildi.
Teknik Hesaplama Arayüzleri: Ağırlık merkezi ve kaldırma kuvveti gibi uçak kurtarma operasyonlarında kritik olan mühendislik hesaplamalarını, net etiketli form alanları ve görsel diyagramlarla destekleyerek teknik ekibin hata yapma riskini azalttım.
Ana Ekrana Ekle Mimarisi: Arayüzü, tarayıcıdan bağımsız; kendi üst çubuğu, alt sekme navigasyonu ve tam ekran açılışıyla, kurulum gerektirmeden telefonun ana ekranından native bir uygulama gibi başlatılabilecek şekilde kurguladım.

Kullanıcı Arayüzü ve Etkileşim

ARFF ekibi için arayüz, öncelikle hız ve netlik üzerine kurulmalıydı: kullanıcı aradığı videoyu veya kılavuzu saniyeler içinde bulabilmeli, izleyip ya da okuyup gerektiğinde kaydedip sonra kaldığı yerden devam edebilmeliydi.

Alt Sekme Çubuğu (Bottom Tab Bar): Anasayfa, Kategoriler, Galeri ve Favorilerim'e her ekrandan tek dokunuşla ulaşılabilen, native uygulamalardan alışık olunan bir alt navigasyon kurguladım.
Birleşik İçerik Kartı: Her içerik; başlık, açıklama, ilgili video ve teknik diyagramını tek bir sayfada birleştirerek, kullanıcının farklı kaynaklar arasında gezinmesine gerek bırakmadı.
Kaydet ve Devam Et: Beğen, görüntülenme ve indir aksiyonlarının yanına eklediğim kaydet (bookmark) butonuyla, kullanıcı yarım kalan bir eğitime Favorilerim'den tek dokunuşla geri dönebiliyor.
Akıllı Arama: Yüzlerce video ve doküman arasında, kategoriye hiç girmeden doğrudan anahtar kelimeyle arama yapılabilen bir arama deneyimi tasarladım.
Sade, Yorucu Olmayan Liste Yapısı: Kategoriler; ikon, başlık ve tek satır açıklamadan oluşan, uzun listelerde bile göz yormayan tekrar kullanılabilir bir liste bileşeniyle sunuldu.
Mikro Etkileşimler: Kullanıcıya anlık geri bildirimler veren, sayfa geçişlerini yumuşatan ve arayüze canlılık katan mikro animasyonlar ve hover durumları tasarladım.

Sonuç ve Kazanımlar

İGA ARFF Portalı, onlarca dağınık kaynağı tek bir çatı altında toplayan, mobil öncelikli değil doğrudan mobil-uygulama-öncelikli tasarlanan kapsamlı bir bilgi ve eğitim kütüphanesi oldu. Ana ekrana eklenerek native bir uygulama gibi açılan bu deneyim, sahadaki ARFF personeline saniyeler içinde doğru bilgiye erişim imkânı sunarken, eğitim içeriğinin de kesintisiz takip edilebilmesini sağladı.