Kullanıcıların bütçe ve beklentilerine uygun seyahat planları hazırlamasını sağlayan bir iOS uygulaması
Bilgilendirme
Bu projenin kullanıcı arayüzü, temsili görseller haricinde İngilizce hazırlandı. Şubat 2024 tarihli proje sunumuna buradan ulaşabilirsiniz.
Projeye katkım
Arayüz ve kullanıcı deneyimi tasarımı
Logo ve kurumsal kimlik tasarımı
Reklam filmi ve poster çalışmaları
Yayınlanma tarihi
Şubat 2024
Kategori
Seyahat
Temsili kullanıcı profilleri
Kapsayıcı kullanıcı deneyimi
Journery, çeşitli yaşam koşulları ve beklentilere sahip geniş kullanıcı kitlesinin sosyal ve pratik ihtiyaçlarını karşılaması amacıyla tasarlandı.
Seyahat boyunca fonksiyonellik
Journery, seyahat öncesinde sunduğu plan seçenekleri ve rota keşiflerinin yanında, seyahat sırasında da bütçe aşım kontrolü gibi fonksiyonları aracılığıyla kullanıcıların yolculuklarını kolaylaştırıyor.
Kişiye özel keşif önerileri
Journery’de kullanıcılar, ilgi duydukları konum ve etkinlikler ile benzerlik gösteren önerileri keşfedebiliyor ve bu lokasyonlarla ilgili gereken bütçe ve hava durumu gibi detaylara kolayca erişebiliyor.
2
Kullanıcı arayüzü
Uygulama üzerinden seyahat planlama süreci, çokça görsel uyarana maruz kalınması nedeniyle kişide bilişsel yüke sebep olabilir. Bu ihtimalin önüne geçmek için kullanıcı arayüzünde nötral renk paletleri kullanıldı, bilgilerse şema hâlinde sunuldu.
Hata
#DE2C2C
Uyarı
#EBD323
#CFD0DB
Nötral (Varyant)
Ayrıntılı (high-fidelity) tasarım
Projenin ayrıntılı tasarım süreci, hem kurgulanan kullanıcı deneyiminin hem kullanıcı arayüzündeki denge ve hiyerarşinin en kapsamlı şekilde dönüştüğü aşamaydı. Bu süreçte önceki aşamalarda saptanan kullanıcı sorunları için de çözümler üretildi.
Journery’nin sunduğu lokasyon bilgileri sayesinde kullanıcıların kendileri için en uygun seyahat rotasını kolayca oluşturması amaçlandı.
Journery’de yer alan gelişmiş filtreleme seçenekleri sayesinde kullanıcıların destinasyon seçeneklerini pratik şekilde ihtiyaçlarına göre listelemesi mümkün.
Pazarlama çalışmaları
Journery farazi bir çalışma olsa bile, proje gerçekten kullanıcı karşısına çıksaydı kullanılabilecek çeşitli afiş ve reklam filmi çalışmalarını da projeye dahil ettim. Proje afişinin hemen altında yer alan reklam filminin haricinde, iki ayrı posteri de Journery projesinin tanıtım materyalleri olarak tasarladım.


Gelişim alanları
Journery, tasarım sürecinde yer aldığım ilk mobil uygulamaydı. Dolayısıyla, hem kullanıcı arayüzü hem de kullanıcı deneyimi açısından ürün tasarımına bugün başlasaydım farklı yollar izleyeceğim birkaç nokta bulunuyor.
Uygulamada kullanılan boşluklandırma ve bileşenler arasındaki görsel hiyerarşinin hâlen geliştirilmesi gereken tarafları bulunuyor. Bu durum da tutarlılıkla ilgili sorunlara yol açıyor. Journery’nin kullanıcı arayüzü için bugün çalışmaya başlasaydım, çerçevelerin kenar boşluklarını ve metinlerin satır yüksekliklerini yeniden ele alarak işe başlardım.
Journery’nin vaadi gereği kullanıcılara seyahatleri boyunca eşlik etmesi gerekiyor. Ancak seyahatlerdeki konaklama ayağının uygulamanın kapsamı dışında kalması bu işlevselliğe zarar veriyor. Projenin bilgi hiyerarşisini kurgularken kasıtlı olarak bu yolu tercih ettiysem de, bugün bu kararın yeniden değerlendirilebileceğini düşünüyorum.
Yalnızca mobil platformlar için tasarlanan Journery, gerçekten kullanıcı karşısına geçen bir uygulama olsaydı mutlaka farklı cihazlarda da kullanılmaya müsait (responsive) bir kullanıcı arayüzüne ihtiyaç duyardı. Proje bu sayede farklılaşan kullanıcı olanak ve ihtiyaçlarını daha başarılı şekilde karşılık verebilirdi.
Araç ve kaynaklar
Adobe Firefly, metin komutlarından imajlar üretmeye yarayan üretici yapay zeka araçlarından biri. Uygulamanın üç boyutlu afiş çizimlerini hazırlarken Adobe Firefly’dan destek aldım.
Adobe Photoshop, bilindiği üzere tasarımların cihaz üzerinde mockup şablonlarını yönetmek için en iyi seçeneklerden biri. Projenin mockup imajları burada oluşturuldu.
ChatGPT’yi Journery’nin tasarım süreci boyunca üç amaçla kullandım; asıl metinler ekranlara yerleşene kadar kalacak yer tutucu başlık ve metinler, tanımadığım ülkeler için destinasyon önerileri ve ifade denetimi.
Daft Punk, 2023’te Random Access Memories albümünün davulsuz kayıtlarını yayınlarken orijinal albüm kapağının kilden yapılmış varyantını kullandı. Albüm ve bu tasarım kararı insanı birçok meseleyi uyandırıyor.
DaVinci Resolve’u Journery’nin reklam filmi üzerinde çalışırken hem oluşturduğum animasyon filminin kurgusu için hem de yazılımın sunduğu gelişmiş renk ayarlarından yararlanarak kullandım.
Figma, düşük çözünürlüklü taslaklardan prototiplendirme sürecine kadar projenin her aşamasını tasarladığım ve dönüştürdüğüm yazılım. Ayrıca logoyu da burada tasarladım, kullanıcı akışlarını ise FigJam’de hazırladım.
Genmo, Journery’nin reklam filmi için yararlandığım yapay zeka temelli video üretici araçlardan biri. Özellikle hazırladığım animasyon filminde yer alan statik mekan görselleri için Genmo’dan yararlandım.
Google Fonts tarafından sunulan ikon seti ve Anuphan yazı tipi kullanıcı arayüzü boyunca kullanıldı. İkon seti için Yassı (Rounded) stili ve metinler için 1.2 büyüme oranına sahip Minor Third yazı ölçeği kullanıldı.
Jitter’ın sunduğu animasyon olanaklarından uygulamanın reklam filmi hazırlığı sırasında faydalandım. Reklam filminde Jitter’ın sağladığı logo animasyonu seçeneklerinden birini kullandım.
Rotato, video formatında mockup’lar sağlayarak kullanıcı arayüzünün gerçekçi görünümünü sunmanıza yardımcı olan bir yazılım. Reklam filmi ve portfolyo projesinde yer alan video mockup’lar burada hazırlandı.
Runway, metinden video oluşturma olanağı sunan yapay zeka temelli bir araç. Journery’nin reklam filminde kullandığım animasyon görüntülerinin büyük çoğunluğunu bu servis aracılığıyla hazırladım.
Typescale, metinlerin farklı kullanımlar sırasında orantılı şekilde büyüyüp küçülmesini sağlamak amacıyla kullanılan çevrim içi bir servis. Projenin metin boyutlarını belirlerken Typescale’dan yararlandım.
Unsplash’in sunduğu zengin fotoğraf seçkisi, birçok lokasyonun çeşitli görsellerine ihtiyaç duyduğum bu ürünün tasarım sürecinde en sık yararlandığım kaynaklardan biri oldu.
Proje sahibi

Görkem Çolak