DISCOVERY.
BRAND × DIGITAL PRODUCT

Mishwar'ın kimlik tasarımı
ve gezi rezervasyon deneyimi.

Bu vaka çalışmasında görsel kimlik ve kullanıcı deneyimi tarihleri, fiyatları ve koltukları gösteren, ardından rezervasyon talebini WhatsApp üzerinden hazırlayan tek bir akışta birleşiyor.

Rezervasyon deneyimini görün
Müşteri
Mishwar
Kapsam
Kimlik ve rezervasyon deneyimi
Ana çıktı
Etkileşimli rezervasyon prototipi
SCROLL
Proje özeti

Dağınık bilgilerden net bir rezervasyon deneyimine

Mishwar'ın gezi bilgileri paylaşımlara ve sohbetlere dağılmıştı; müşteri karar vermeden önce tarihi, fiyatı, güzergâhı ve koltukları tek tek sormak zorundaydı. Bu yüzden kimliği ve rezervasyon deneyimini, geziyi anlaşılır kılan ve talebi birkaç adımda gönderen tek bir sistem olarak tasarladık.

01
Zorluk

Gezi programını, fiyatı, güzergâhı ve müsait koltukları anlaşılması kolay tek bir yerde göstermek.

02
Rolümüz

Marka stratejisi, görsel kimlik tasarımı, kullanıcı deneyimi tasarımı ve etkileşimli bir rezervasyon prototipinin geliştirilmesi.

03
Çözüm

Ayırt edici, yerel bir kimlik ve bilgiyi düzenleyip rezervasyon talebini WhatsApp'a taşıyan hafif bir dijital ürün.

04
Çıktılar

Logo, renk sistemi ve kullanım kuralları; yanında bir gezi takvimi ve denenebilir bir rezervasyon deneyimi.

ÖnceDağınık bilgiler ve her rezervasyonda tekrarlanan sorular.
SonraSohbet açılmadan önce temel bilgileri gösteren bir deneyim.
Rezervasyon deneyimi

Gezi bilgisi ve rezervasyon talebi tek ekranda

Telefonun içindeki prototip etkileşimli ve denenebilir. İki aylık programı, her varış noktasının ayrıntılarını, fiyatı ve kalan koltukları gösteriyor. Kullanıcı bir gezi seçtiğinde sistem, talep bilgilerini içeren hazır bir WhatsApp mesajı oluşturuyor.

Sahil istasyonunda telefonundan Mishwar rezervasyon sistemine bakan bir yolcu
THE BOOKING MOMENTSahnenin içindeki gerçek rezervasyon arayüzü

Telefon ekranı, fotoğrafın içine çizilmiş bir arayüzü değil, doğrudan prototipten gelen gerçek Mishwar takvimini gösteriyor.

WhatsApp açılmadan önce bilgi

Takvim, müsait ve dolu günleri gösteriyor; her kart da güzergâhı, fiyatı ve kalan koltukları bir arada veriyor.

Koltuklar azaldığında net bir uyarı

«Sadece 4 koltuk kaldı» uyarısı otomatik çıkıyor; dolan bir gün ise kullanıcıyı bekleme listesine yönlendiriyor.

Hızlı ve hafif bir deneyim

Deneyim tek bir HTML sayfasında çalışıyor; uygulama mantığı yaklaşık 23 KB ve yüklendikten sonra dışarıya hiçbir istek gitmiyor.

Turuncu renkli bir gün seçin ve WhatsApp mesajına kadar ilerleyin Rezervasyon prototipini ayrı bir pencerede açın ↖
Operasyonel gerçeklik

Rezervasyonu Suriye'deki kullanıcıya göre tasarladık

İnternet bağlantısı zayıf olabiliyor, elektronik ödeme geçitleri her zaman çalışmıyor ve sohbet hâlâ güven kurmanın ana kanalı. Bu yüzden yeni bir hesap açmayı ve gerçeğe uymayan bir ödeme akışını dayatmak yerine hafif bir sayfa, yerel ödeme seçenekleri ve hazır bir WhatsApp mesajı tercih ettik.

01
Yerel ödeme seçenekleri

Kullanıcı, talebini göndermeden önce doğrudan transfer için Sham Cash'i ya da şubeden ödeme için Al-Haram'ı seçiyor.

02
Hesap açmak yerine WhatsApp

Yeni hesap açmayı istemiyoruz; seçilen gezi, kesinleştirmeyi tamamlamak üzere şirkete ulaşan net bir mesaja dönüşüyor.

03
Zayıf bağlantıda hafif bir sayfa

İlk yüklemeden sonra yazı tipleri, veriler, grafikler ve etkileşim mantığı aynı dosyanın içinde kalıyor.

04
Otomatik güncellenen tarihler

Takvim, tarihleri ve Arapça ay adlarını güncelliyor; böylece prototip zaman geçse de denenebilir kalıyor.

Hazır rezervasyon mesajından bir örnek: «Merhaba, rezervasyonumu kesinleştirmek istiyorum 🚌 — Gezi: Mishwar Wadi Qandil — Tarih: 21 Temmuz Salı — Koltuk sayısı: 3 — Toplam: 1650 bin SYP — Ödeme yöntemi: Sham Cash — İsim:». Kullanıcı, göndermeden önce adını ekliyor.
Logo tasarımı

«Mishwar» sözcüğünü varışa giden bir yol olarak çizdik

İşe ismin kendisinden başladık; hazır bir yazı karakteri kullanmak ya da alışıldık bir seyahat sembolüne başvurmak yerine elle çizilmiş bir kelime logosu tasarladık. Harfler tek bir yolda birleşiyor, bir noktadan başlayıp bir varış noktasında bitiyor; böylece «mishwar» (varışı olan kısa gezi) sözcüğünün anlamı markanın biçiminin parçası oluyor.

م — başlangıçHer gezinin başladığı sabit bir nokta.
ش — dağlarÜç zirve; ortadaki daha yüksek, Kasyun Dağı'ndan esinlenildi.
و — virajYolun yön değiştirmesinden esinlenen bir kavis.
ا — yol işaretiGüzergâh boyunca görsel bir işaret görevi gören dikey bir çizgi.
ر — varışVarış noktasını temsil eden turuncu bir noktaya doğru sönümlenen kesikler.
Marka ayrışması

Alışıldık seyahat sembollerinden uzak durduk

Seyahat markalarının görsel analizi aynı sembollerin tekrarlandığını gösterdi: uçak, dünya küresi, harita iğnesi, valiz ve pusula. Bu sembolleri eledik ve Mishwar'ın karakterini isimden, yoldan ve varış noktasından kurduk; böylece marka daha akılda kalıcı ve rakiplerine daha az benzer oldu.

Uçak
Harita iğnesi
Valiz
Renk sistemi

Renkleri logo ve uygulamalar üzerinde test ettik

Ana logo ve rozet üzerinde 24 renk seti denedik; toplam 48 görsel test. Burada farklı yönleri temsil eden üç örneği, ardından okunaklılık, kontrast ve markanın ekranda ve baskıda duruşu karşılaştırıldıktan sonra onaylanan seti gösteriyoruz.

Taksi
Deniz ve güneş
Şam dutu
Onaylanan — teal üzerine limonata
Bu seti neden seçtik?

Nihai set; teal, limon sarısı ve topraksı turuncuyu açık kum rengi bir zeminle bir araya getiriyor. Bu renkler iyi bir okunaklılık ve yerel bir duruş sağlıyor, klişe turizm görüntüsüne düşmüyor.

Uygulaması kolay bir renk sistemi

Ana arayüzlerde teal zemin üzerine sarı kullanılıyor; baskıda ve daha sakin alanlarda ise kum zemin üzerine teal yazı kullanılıyor.

Mishwar kimliğinin çanta, şapka ve seyahat kartları üzerindeki uygulamaları
IDENTITY IN USEKimlik günlük kullanımda nasıl görünüyor

Logonun ve renklerin kumaşta, seyahat kartlarında ve küçük basılı malzemelerde nasıl durduğunu gösteren uygulama örnekleri.

Markadan ürüne

Logonun dilini arayüz bileşenlerine dönüştürdük

Logoyu arayüze yerleştirmekle yetinmedik. Gezinin duraklarını göstermek için aynı yol fikrini kullandık: kesintisiz bir çizgi, kesikli parçalar ve turuncu bir varış noktasında biten bir viraj. Böylece rezervasyon deneyimi görsel kimliğin doğal bir uzantısı oldu.

BRAND — kelime logosu
PRODUCT — Wadi Qandil güzergâhı
Şam Humus Lazkiye Wadi Qandil
Aynı çizgi kalınlığıAynı kesikli desenTuruncu bir varış noktasıUzun güzergâhlar için net bir viraj
Ölçeklenebilirlik

Yeni programlarla genişleyebilen bir tasarım yapısı

Kimlik logoda bitmiyor. Varış noktası türlerini sınıflandıran beş ikonun yanı sıra, gelecekteki gezilerde ve arayüzlerde tutarlılık bozulmadan yeniden kullanılabilecek bileşenler ve kullanım kuralları tasarladık.

Dağlar
Sahil
Bozkır
Eski şehirler
Kırsal
79
tasarım sistemi dosyası — renkler, bileşenler, kurallar ve takvim şablonu dahil
14
React bileşeni — formlar, gösterim ve uyarılar için, Mishwar'ın görsel diliyle tasarlandı
7 + 8
logonun yedi PNG sürümü ve baskı ile sunum için sekiz sayfalık bir PDF

Not: Tasarım sistemini onaylanan logodan yola çıkarak genişleyecek biçimde kurduk ve yeni bileşenler eklenirken tutarlılığı koruyan kuralları belgeledik.

Teslimat

Uygulanabilir bir kimlik ve çalışan bir prototip teslim ettik

Teslimat; baskıya ve web'e hazır kimlik dosyalarını, tutarlılığı koruyan kullanım kurallarını, genişletilebilir bir tasarım sistemini ve markanın dijital bir ürüne nasıl dönüştüğünü gösteren etkileşimli bir rezervasyon prototipini kapsadı.

Yerel bir otobüsle sahile bakan bir dağ manzarasına varan bir arkadaş grubu
FROM SCREEN TO DESTINATIONRezervasyon ekranından gezinin kendisine

Ürünün değeri, kullanıcı aramaktan ve tekrar eden sorulardan net bir karara ve hazır bir rezervasyon talebine geçtiğinde ortaya çıkıyor.

Projenizin daha net bir dijital deneyime ihtiyacı var mı?

Operasyonlarınız tekrar eden sorulara ve elle yapılan işlere dayanıyorsa, dijitalleşme adımları kısaltıp müşteri deneyimini iyileştirebilir.

Projenizin dijitalleşmesini bizimle konuşun ↖