KH Agilearch

Proje Bağlamı

KH Agilearch (Smart Architect / المعماري الذكي), Riyad merkezli bir Suudi müteahhitlik şirketidir; Suudi Arabistan genelindeki müşteriler için inşaat, tesis yönetimi ve endüstriyel hizmetler alanında çalışır. Web sitesinin görevi, geniş ve çok bölümlü bir hizmet listesini şirketi değerlendiren müşteriler ve iş ortakları için okunabilir kılmak, bunu bir metin duvarına dönüştürmeden yapmak.

Hedef Kullanıcılar

• Tek bir müteahhidin birden fazla iş kolunu kapsayıp kapsamadığını kontrol eden, Suudi Arabistan’daki satın alma ve tesis yöneticileri
• Önce Arapça okuyan karar vericiler; birincil kitle onlar, yayındaki site varsayılan olarak Arapça açılıyor
• Şirketin gerçek ve ulaşılabilir bir işletme olduğunu doğrulayan iş ortakları ve taşeronlar
• Telefonundan şirketin iletişim bilgilerini arayan adaylar ve tedarikçiler

Ana Kullanıcı Yolculuğu

1. Bir aramadan veya paylaşılan bir bağlantıdan, genelde Arapça ve genelde telefonla gelir
2. Bunun bir rehber kaydı değil, Suudi bir müteahhitlik şirketi olduğunu doğrular
3. İşe uyan iş kolunu bulur: inşaat, tesis yönetimi veya endüstriyel hizmetler
4. O iş kolu hakkında aramaya değip değmeyeceğine karar verecek kadar okur
5. Sitenin başına dönmek zorunda kalmadan iletişim bilgisine ulaşır

Kısıtlar

• Birbiriyle ilgisiz üç iş kolunu kapsayan geniş bir hizmet listesi; hiçbiri diğerlerini gömmeden hepsi görünür kalmalıydı
• Birincil okuma dili olarak Arapça, dolayısıyla düzen ikincil bir mod olarak değil varsayılan olarak sağdan sola olmalıydı
• Web için yazılmış metin olarak değil, şirket dokümanları ve proje fotoğrafları olarak gelen içerik
• Bu sitenin kazanması beklenen talepler için gerçekçi ilk ekran mobil

Rolüm

• UI/UX Tasarımı, Tam Front-End Geliştirme (Next.js / React), Bileşen Mimarisi, Responsive Tasarım

Öne Çıkan Çalışmalar

• Next.js / React mimarisi
• Hizmet ve proje vitrini
• Temiz kurumsal kimlik
• Hızlı, SEO dostu sayfalar
• Tamamen responsive düzen

UX ve Tasarım Kararları

• Üç iş kolu tek bir birleşik hizmet listesi yerine üç paralel giriş noktası olarak sunuldu; tesis yöneticisi ile inşaat müşterisi birbirinin işini okumak zorunda kalmıyor
• Her iş kolu bir sıfatla değil şirketin fiilen ne yaptığıyla başlıyor, çünkü bir müteahhit üsluba göre değil iş kapsamına göre değerlendirilir
• Proje fotoğrafları dekoratif galeri yerine iş koluna bağlı kanıt olarak kullanıldı; ziyaretçi bir iddiayı teslim edilmiş bir işle eşleştirebiliyor
• Arapça öncelikli düzen: okuma yönü, menü sırası ve iletişim eyleminin konumu aynalanmış bir İngilizce ızgarayı değil Arapça okuma sırasını izliyor
• İletişim bilgisi her iş kolu bloğunun sonunda tekrarlanıyor; bir talep hiçbir zaman tek bir iletişim bölümüne geri kaydırmayı gerektirmiyor

Teknik Kurulum

• Next.js ve React; sayfa yapısı yeniden kullanılabilir bileşenlerden kuruldu, böylece bir iş kolu düzeni yeniden inşa etmeden genişletilebiliyor
• Yalnızca istemcide çalışan bir uygulama yerine sunucuda render edilen sayfalar; içerik arama motorları ve yavaş bağlantılar için HTML’in içinde
• Bir şablondan kopyalanmış sabit kırılma noktalarıyla değil, içeriğin yönlendirdiği responsive uygulama
• Arapça doküman dili ve yönü olarak ayarlandı; metin şekillendirme ve yerleşim yönü CSS istisnalarından değil tarayıcıdan geliyor

Teknolojiler ve Araçlar