Kurumsal web platformu konsepti

Bağlam: bir mimarlık stüdyosunun sitesi neyi çözmeli?

Mimarlık stüdyoları işlerini görselle anlatır, ama sitelerinin çoğu görseli küçültüp metni büyütür. Bu konseptte varsayımsal bir stüdyoyu ele aldık: konut ve ticari yapılar tasarlayan, yeni işlerinin önemli bölümünü tavsiye ve portföy incelemesiyle alan bir ekip. Böyle bir kurumda kurumsal web sitesinin görevi tektir: portföye bakan kişiye “bu ekip benim projemi yapabilir” dedirtmek ve görüşme talebine giden yolu kısaltmak.

Hedef kullanıcılar

Tasarıma başlamadan önce üç ziyaretçi tipi tanımladık. Her ekranı bu üç kişinin sorusuna göre sınadık.

• Mal sahibi ya da yatırımcı: Kendi işine benzer ölçekte bir proje arar. Proje türüne göre süzmek ve birkaç dakikada fikir edinmek ister.
• Kurumsal proje yöneticisi: Stüdyonun yetkinliğini, ekibini ve çalışma biçimini doğrulamak ister. Aradığı şey çoğu zaman bir süreç anlatımı ve doğrudan iletişim kurabileceği bir kişidir.
• Aday çalışan ve basın: Stüdyonun yaklaşımını ve güncel işlerini görmek ister; ayrıntıya en çok inen ziyaretçi budur.

Bilgi mimarisi: dört başlık

Menüyü dört başlığa indirdik: Projeler, Stüdyo, Yaklaşım ve İletişim. Projeler tek bir listede durur; tür, ölçek ve yıl süzgeçleriyle daralır. Her proje sayfası aynı şablonu kullanır: kapak görseli, künye (konum, alan, yıl, kapsam), kısa anlatı, görsel akışı ve sonraki proje.

Haberler ya da blog gibi sürekli güncelleme isteyen bölümleri bilerek dışarıda bıraktık. Aylardır yeni kayıt girilmemiş bir haber sayfası, sitenin eski görünmesinin en kısa yoludur. Stüdyonun düzenli içerik üretecek zamanı varsa bu bölüm sonradan eklenebilir; bileşen kitaplığı buna hazırdır.

Ekran ekran tasarım kararları

Ana sayfa

İlk ekranda tek bir proje görseli ve tek cümlelik bir konumlandırma yer alır. Dönen görsel şeridi kullanmadık: slaytlar ilk açılışı ağırlaştırır ve ziyaretçinin hangi görseli göreceğini şansa bırakır. Altında seçilmiş projeler, farklı oranlardaki görsellerle iki sütunlu bir ızgarada dizilir.

Proje listesi

Liste görsel önceliklidir; metin yalnızca proje adı, tür ve yıldan oluşur. Süzgeçler sayfayı yenilemeden çalışır, ama her süzgecin kendi adresi vardır. Böylece “konut projeleri” bağlantısı paylaşılabilir ve arama motorlarınca taranabilir.

Proje sayfası

Künye ilk ekranda görünür; ziyaretçi projenin ölçeğini kaydırmadan anlar. Görseller tam genişlik ve yarım genişlik arasında değişen bir ritimle sıralanır, metin ise dar ve okunur bir sütunda kalır. Sayfanın sonunda iletişim çağrısı ve sonraki proje bulunur; ziyaretçi çıkmaza girmez.

Mobil düzen

Telefonda menü tam ekran açılır, görseller kenardan kenara uzanır ve dokunma alanları parmakla rahat basılacak büyüklükte tutulur. Mobil ekranı masaüstünün küçültülmüş hâli olarak değil, aynı içeriğin ayrı bir düzeni olarak tasarladık.

Teknik altyapı

Bu ölçekte bir site için statik üretim öneriyoruz: sayfalar önceden hazırlanır, sunucuda veritabanı sorgusu çalışmaz, saldırı yüzeyi küçülür. İçerik, stüdyo ekibinin proje ekleyip görsel yükleyebildiği sade bir yönetim panelinden girilir.

• Görseller modern biçimlerde (AVIF, WebP) ve ekran boyutuna göre birkaç ayrı ölçüde üretilir; ilk ekranın dışındakiler ihtiyaç anında yüklenir.
• Yazı tipleri sitenin kendi sunucusundan, yalnızca gereken karakterlerle sunulur.
• Kurum, ekmek kırıntısı ve proje sayfaları için yapısal veri işaretlemesi eklenir.
• Başlık, kart, künye ve görsel ızgarası gibi parçalar bir bileşen kitaplığında toplanır; yeni sayfa bu parçalardan kurulur.

Hız ve erişilebilirlik için bir bütçe belirleriz: ilk ekranda yüklenecek betik ve görsel ağırlığının üst sınırı tasarım aşamasında yazılır ve geliştirme boyunca ölçülür.

Başarıyı nasıl ölçerdik?

Bu bir konsept çalışma olduğu için elde edilmiş bir sonuç yoktur. Gerçek bir projede aşağıdaki hedefleri işin başında yazılı hâle getirirdik.

• Önemli Web Verileri’nin üç ölçümünün de mobilde Google’ın “iyi” kabul ettiği aralıkta kalması.
• Otomatik erişilebilirlik denetiminde hata kalmaması ve sitenin klavyeyle baştan sona gezilebilmesi.
• Proje sayfasından iletişim formuna geçişin ve form gönderimlerinin, çerez izniyle uyumlu biçimde izlenmesi.
• Search Console’da stüdyo adı ve proje türü aramalarındaki gösterim ve tıklamaların aylık takibi.

Benzer bir kurumda nasıl uygulanır?

Aynı kurgu, işini portföyle anlatan her kurumda çalışır: iç mimarlık, mühendislik, inşaat, peyzaj ya da ürün tasarımı. Çalışmaya mevcut projelerin envanteriyle başlarız; hangi projenin yeterli görseli ve künye bilgisi olduğunu çıkarırız. Ardından tel kafes, arayüz tasarımı, geliştirme ve içerik girişi eğitimi gelir.

Bu tür projelerde en çok zaman alan kısım çoğu zaman tasarım değil, görsellerin ve proje bilgilerinin derlenmesidir. Bu yüzden içerik toplamayı tasarımla aynı anda başlatırız. Sürecin tamamını ve teslim edilenleri web tasarım hizmeti sayfasında, yayın sonrası görünürlük çalışmasını ise SEO çalışmaları sayfasında anlatıyoruz.

Benzer bir ihtiyacınız varsa kapsamı birlikte konuşalım; yöntemin tamamı için Web Tasarım sayfasına bakabilirsiniz.