Özel web tasarım: rakibinizin sitesine benzemeyen bir arayüz

Hazır tema ile özel tasarım: hangisi ne zaman mantıklı?

Hazır temanın gerçek avantajları var: ilk maliyet düşük, başlangıç hızlı ve demo sayfaya bakarak sonucu önceden görebiliyorsunuz. Yeni kurulmuş, içeriği henüz netleşmemiş ve kısa sürede internette görünmek isteyen bir işletme için bu yeterli olabilir; böyle bir durumda bunu size açıkça söyleriz. Ancak işletme büyüdükçe temanın sınırları belirginleşir:

• Benzerlik: Popüler bir tema, aynı sektördeki pek çok sitede neredeyse aynı düzenle kullanılır; ziyaretçi sizi rakibinizden ayırt etmekte zorlanır.
• Fazla kod: Temalar her senaryo için bileşen taşır; kullanmadığınız slider, galeri ve animasyon kütüphaneleri yine de yüklenir.
• Bağımlılık: Tema ya da sayfa oluşturucu güncellenmezse site eskir; güncellendiğinde ise düzen bozulabilir.
• Ters akış: İçeriğiniz temanın demo içeriğine benzemiyorsa içeriği temaya uydurmaya başlarsınız; olması gerekenin tam tersi.

Özel tasarımın bedeli daha uzun bir konsept aşaması ve daha yüksek bir ilk yatırımdır. Karşılığında rakiplerinizden ayrışan, içeriğinize göre şekillenmiş ve yıllarca büyütülebilen bir yapı alırsınız. Karar verirken sorulacak soru şu: Müşterinin beni seçmesinde web sitemin payı ne kadar?

UI/UX: güzel görünmenin ötesinde

Kullanıcı arayüzü (UI) ekranda ne gördüğünüzü, kullanıcı deneyimi (UX) ise o ekranda ne kadar kolay ilerlediğinizi anlatır. Türkiye'deki ziyaretçi alışkanlıkları burada somut tasarım kararlarına dönüşür: telefon numarasına dokununca arama başlamalı, WhatsApp butonu doğru numarada hazır bir mesajla açılmalı, adres tek dokunuşla haritada yol tarifine dönüşmeli. Fiyatın sık sorulduğu sektörlerde "fiyat için arayın" yerine fiyatı neyin belirlediğini açıklayan kısa bir bölüm çoğu zaman güveni artırır.

Formlarda her ek alan, formun hiç gönderilmeme ihtimalini büyütür. Bu yüzden ilk temas formunu ad, iletişim bilgisi ve kısa bir mesajla sınırlı tutuyor, ayrıntıyı görüşmeye bırakıyoruz; bu yaklaşım KVKK'nın verilerin amaçla sınırlı ve ölçülü işlenmesi ilkesiyle de örtüşür. Ziyaretçiyi talebe taşıyan sayfa kurgusunu dönüşüm odaklı web tasarım yazımızda örneklerle anlattık.

Erişilebilirliği de tasarımın parçası sayıyoruz: yeterli renk kontrastı, klavyeyle gezinilebilen menüler, görsellerde açıklayıcı alternatif metinler ve parmakla rahat dokunulabilecek buton boyutları. Bunlar yalnızca engelli kullanıcılar için değil, güneş altında telefonuna bakan herkes için siteyi daha kullanışlı hâle getirir.

Türkçe ve çok dilli sitelerde tipografi

Türkçe, tasarımda sıkça göz ardı edilen ayrıntılar barındırır. Pek çok gösterişli yazı tipinde ğ, ş ya da noktalı büyük İ ya hiç yoktur ya da başka bir yazı tipinden ödünç alınmış gibi durur. Başlıkları büyük harfe çeviren kodda sayfa dili doğru tanımlanmazsa "iletişim" kelimesi ekranda "ILETIŞIM" olarak görünebilir. Bu yüzden yazı tiplerini Türkçe karakter setiyle test ediyor, sayfa dilini kodda doğru işaretliyoruz.

Türkçe sondan eklemeli bir dil olduğu için kelimeler uzayabilir; Almancada ise birleşik kelimeler bir başlığı kolayca iki satıra taşır. Çok dilli bir sitede düzen, en uzun dilde de bozulmayacak kadar esnek kurulmalı ve her dilin adresleri kendi dilinde yazılmalıdır. Bu esnekliği tasarım sistemine baştan yerleştiriyoruz.

Bazen en iyi özel tasarım geri planda kalandır. Mimarlık ofisi G2H Architekten için tasarladığımız sitede tipografi ve ızgara bilerek sakin tutuldu; büyük mimari fotoğraflar koyu ve dingin bir zeminde öne çıktı, her hizmet kendi çizgi illüstrasyonuyla anlatıldı. Projeler değişse de site yıllarca tutarlı görünmeye devam edecek şekilde kurgulandı.