ONE PASS

Proje Bağlamı

ONE PASS, Suudi Arabistan merkezli bir etkinlik uygulama şirketi. Web sitesinin aynı anda iki çok farklı kitle için bir güvenilirlik belgesi gibi çalışması gerekiyor: şirketin bir etkinliği gerçekleştirip gerçekleştiremeyeceğini değerlendiren müşteriler ve orada çalışmak için başvurmayı düşünen adaylar; hem Arapça hem İngilizce.

Hedef Kullanıcılar

• Bir etkinlik uygulama iş ortağını değerlendiren Suudi Arabistan’daki müşteriler
• Arapça sürümün çevrilmiş değil yerli hissetmesini bekleyen Arapça öncelikli okurlar
• İngilizce okuyan paydaşlar ve uluslararası iş ortakları
• Kariyer bölümünü inceleyen adaylar

Ana Kullanıcı Yolculuğu

1. Doğru dilde açılır ve o dilde kalır
2. Şirketin gerçekte neyi hayata geçirdiğini anlar
3. Yetkinlik kanıtı olarak önceki projeleri inceler
4. Niyetine göre kariyer ya da iletişim bölümüne geçer
5. İletişim formu üzerinden talep gönderir

Kısıtlar

• Aynalanmış bir yerleşim değil, gerçek RTL ile tam iki dilli EN/AR eşitliği
• Tek sayfalık bir mimari, dolayısıyla her bölümün iki yönde de çalışması gerekiyordu
• Okunabilir ve erişilebilir hâle getirilirken ayakta kalması gereken sinematik koyu bir marka kimliği
• Kaydırma hareketi anlatıyı desteklemeli, sayfayı yavaşlatmamalıydı

Rolüm

• UI/UX Tasarımı, Front-End Geliştirme, İki Dilli EN/AR Yapı (RTL), GSAP ile Hareket Tasarımı, Tek Sayfa Mimarisi

Öne Çıkan Çalışmalar

• RTL destekli iki dilli EN/AR deneyim
• Sinematik koyu marka kimliği
• GSAP kaydırma animasyonları ve geçişler
• Hizmetler, projeler ve kariyer vitrini
• İletişim formu entegrasyonu

UX ve Tasarım Kararları

• Tek sayfa, iki kitle: bölüm sırası önce müşterinin sorularını yanıtlıyor (şirket ne uyguluyor, kimler için uyguladı), sonra adaylara kariyer bölümünü veriyor; siteyi birbiriyle yarışan iki menüye bölmüyor
• Hizmetler pazarlama metni yerine operasyonel kabiliyet listesi olarak sunuldu — planlama, operasyon, davetli yönetimi, giriş ve akış kontrolü — böylece müşteri kendi etkinliğini bir kabiliyetle eşleştirebiliyor
• Müşteri logo şeridi doğrudan konumlandırma cümlesinin altında; bir etkinlik uygulama şirketi için en güçlü güven sinyali ona daha önce kimin güvendiği
• Arapça, aynı tek sayfa yapısı üzerinde bir dil anahtarı; ayrı ve kırpılmış bir site değil: müşterinin İngilizce okuduğu her bölüm Arapçada da aynı derinlikte var
• RTL aynalanmadı, tasarlandı: okuma yönü, sıra göstergeleri ve hareketin ilerlediği yön Arapça için yeniden kararlaştırıldı
• Hareket kaydırma konumuna bağlı; ziyaretçinin zaten yöneldiği içeriği açıyor ve hiçbir bölümü önce bitmesi gereken bir animasyonun arkasına kilitlemiyor

Teknik Kurulum

• Tasarım ile işaretleme arasında CMS veya sayfa kurucu katmanı olmadan, elle yazılmış HTML, CSS ve JavaScript
• Kaydırma hareketini GSAP yürütüyor; animasyon durumu zamanlayıcılardan değil kaydırma konumundan türetiliyor, böylece hızlı kaydırmada veya bağlantılar arası atlamada senkron kalıyor
• Bağlantı tabanlı gezinmeye sahip tek bir doküman; her bölümün ayrı bir Arapça şablon olmadan iki okuma yönünde de çalışması bu yüzden gerekiyordu
• Dil yönü doküman düzeyinde ayarlandı; RTL bileşen bazlı istisnalarla değil tarayıcının kendi yerleşim motoruyla uygulanıyor

Teknolojiler ve Araçlar