Müşteri ve sektör
Ayes Rent A Car, 2009'da Ankara'da kurulmuş bir araç kiralama firması. Havalimanlarında ve şehir merkezlerinde şubeleri var.
İhtiyaç
Kullanıcı telefondan alış yerini, teslim yerini ve tarihleri seçebilmeliydi. Araçları karşılaştırıp kiralama şartlarını görebilmeliydi. Ödemeyi de uygulamadan bitirebilmeliydi.
Rolüm ve kapsam
Mobil uygulamanın arayüzünü tasarladım. Ekranları Figma'da hazırladım ve Zeplin ile teslim ettim. Portfolyoda 40 ekran var.
Süreç ve tasarım kararları
Kiralama akışını adım adım kurdum:
- Ana ekranda günlük ve aylık kiralama için iki sekme var. Altında alış ve teslim yeri ile iki tarih kartı duruyor.
- Yer aramasında sonuçlar "Havaalanı" ve "Semt" etiketleriyle ayrılıyor.
- Tarih için iki aylık bir takvim tasarladım. Saat seçici alttan açılıyor.
- Arama sırasında bir yükleme ekranı çıkıyor.
- Sonuç listesinde bulunan araç sayısı yazıyor. Filtre ve sıralama seçenekleri alttan açılan iki pencerede.
- Filtrede fiyat aralığı, vites, yakıt, teslim şekli ve marka var.
- Araç detayında depozito, hasar sigortası ve günlük kilometre sınırı üç kutuda gösteriliyor. Minimum sürücü yaşı ve ehliyet yılı ayrı bir bölümde.
- Ödeme ekranında kart bilgileri, promosyon kodu ve sözleşme onay kutuları var.
- Ödemeden sonra sipariş kodunu gösteren bir onay ekranı geliyor.
Sonuç ekranlarının üstüne rezervasyonu tamamlamak için kalan süreyi gösteren bir sayaç bandı koydum.
Hesap bölümü rezervasyonları, kayıtlı sürücüleri ve üyelik bilgilerini topluyor. Yardım ekranı da burada. Kampanyalar Fırsatlar sekmesinde listeleniyor. Kullanıcı bir kampanyayı arkadaşına e-postayla gönderebiliyor. Bildirim ayarlarında e-posta, SMS ve uygulama bildirimleri ayrı ayrı açılıp kapanıyor.
İlk açılış için tanıtım ekranları tasarladım. Portfolyoda bunlardan üçü var. Kullanıcı üye olmadan da devam edebiliyor. Hata ekranı, yükleme ekranı ve olumlu ya da olumsuz bildirim kutuları da tasarımın içinde.
Yeşil vurgulu ikinci bir görünüm de tasarladım. Bu görünümde "Bayi Adı" karşılaması var. Rezervasyon ekranında toplam, aktif ve iptal edilen rezervasyon sayaçları ile bakiye kutusu yer alıyor. Rezervasyon detayında şube ve yetkili bilgileri ile yazdırma butonları bulunuyor.
Görsel dilde üst alanlar lacivert, başlıklar sarı. Ana butonlar mavi. Tanıtım ekranlarında sarı ve turuncu araba çizimleri kullandım. Alt menüde dört sekme var: Kirala, Hesabım, Fırsatlar ve Ayarlar.
Teslimler
- Tanıtım ekranları (3)
- Giriş, üye olma ve kayıt onayı
- Ana ekran, yer arama, takvim ve saat seçimi
- Arama sonuçları, filtre ve sıralama
- Araç detayı
- Ödeme, promosyon kodu ve sipariş onayı
- Rezervasyonlar ve rezervasyon detayı
- Hesabım, bildirimler ve bildirim ayarları
- Fırsatlar ve kampanya paylaşımı
- Yardım ve SSS
- Hata, yükleme ve bildirim durumları
- Yeşil vurgulu ikinci görünüm
Sonuç
Portfolyoda uygulamanın 40 ekranı yer alıyor.
Bu çalışma mobil uygulama tasarımı hizmetimden bir örnek.