Mimarlık ofisi web sitesinde proje nasıl anlatılır?

Mimarlık ofisi web sitesinde bir proje, yalnızca güzel fotoğraflarla değil, bir hikâye olarak anlatılır. Bu hikâyenin altı bölümü vardır: projeyi tanımlayan bir künye, problemi anlatan bağlam, verilen kararları açıklayan yaklaşım, eskizden şantiyeye süreç görselleri, malzeme ve ayrıntı notları ve sonuç. Fotoğraf ziyaretçiyi durdurur; metin ise onun “bu ofis benim sorunumu anlar mı?” sorusuna cevap verir. Aşağıda her bölümü, sayfanın hızlı açılmasını ve projeleri kendiniz ekleyebilmenizi de hesaba katarak anlatıyoruz.

Bir proje sayfası kimin için yazılır?

Bir mimarlık ofisinin sitesini üç tür ziyaretçi okur. Ev yaptırmak isteyen bir aile, ofisini ya da mağazasını yenilemek isteyen bir işletme ve ofisi meslek içinden tanımak isteyen bir mimar, bir yayıncı ya da bir aday.

İlk ikisi için fotoğraf tek başına yetmez. Bir aile, bitmiş bir evin fotoğrafına bakıp kendi arsasını, kendi takvimini, kendi gündelik hayatını göremez. Ama “eğimli bir arsada, hafta içi iki kişiye büyük gelmeyen ama kalabalık hafta sonlarını kaldıran bir ev” cümlesinde kendini bulabilir.

Meslek içinden okuyan için ise kararların gerekçesi önemlidir. Neden bu malzeme, neden bu yönlenme, neden bu plan? Proje sayfası iki kitleye birden konuşabilir, yeter ki yapısı baştan kurulmuş olsun.

Bir proje sayfasının altı bölümü

1. Künye: projeyi tek bakışta tanımlamak

Künye, projenin kimlik kartıdır. Ziyaretçi sayfaya girer girmez neye baktığını bilmeli.

Künye alanı	Örnek
Yer	İlçe / il
Yıl	Tamamlanma ya da proje yılı
Alan	Kullanım alanı, m²
Kategori	Konut, ofis, restorasyon, iç mimari
Kapsam	Mimari proje, iç mimari, uygulama danışmanlığı
Durum	Tamamlandı, uygulamada, projelendiriliyor
Ekip	Proje ekibi ve iş birliği yapılan disiplinler

Künyeyi bir tablo olarak işaretlemek, ekran okuyucu kullananlar için de bilgiyi düzenli kılar. Fotoğrafçı, mühendislik ofisleri ve yüklenici gibi iş birliklerini yazmak hem meslek etiğinin hem de güvenin parçasıdır; izinleri alınmış olmak kaydıyla.

2. Bağlam: problem neydi?

Her projenin bir başlangıç noktası vardır: arsa, yapı, kullanıcı ve kısıt. Bağlam bölümü bunu iki üç cümlede anlatır.

İyi bir bağlam paragrafı şunları içerir: yer nasıl bir yerdi, işveren ne istiyordu, hangi kısıtlar vardı? Eğim, rüzgâr, tescilli bir yapı, dar bir dükkân, çalışmaya devam eden bir ekip. Kısıtları açıkça yazmak, sonraki bölümdeki kararları anlamlı kılar.

3. Yaklaşım: kararlar ve gerekçeleri

Yaklaşım bölümü sayfanın kalbidir. Burada her biri bir karar ve bir gerekçe içeren kısa maddeler iyi çalışır. “Evi eğime gömerek iki kademeye ayırdık; sokaktan tek katlı görünen yapı bahçe tarafında iki katlı bir yaşama alanına açılıyor.” gibi.

Numaralandırılmış üç dört karar, uzun bir tasarım metninden daha kolay okunur. Ziyaretçi her kararı bağlamdaki bir kısıtla eşleştirebilir. Mimari terimler kullanılabilir, ama ilk geçtiği yerde sade bir açıklamayla. “Restitüsyon” kelimesini bilmeyen bir işveren, “yapının hangi dönemde nasıl değiştiğini ortaya koyan çalışma” açıklamasıyla konuyu anlar.

4. Süreç görselleri: eskizden şantiyeye

Bitmiş yapı fotoğrafları projenin sonunu gösterir. Süreç görselleri ise nasıl düşündüğünüzü gösterir: ilk eskizler, maket fotoğrafları, güneş açısı çalışmaları, rölöve çizimleri, şantiyeden kareler.

Bu görseller özellikle ilk kez mimarla çalışacak bir işveren için değerlidir. Sürecin bir kara kutu olmadığını, her adımda neyin konuşulduğunu gösterir. Her görselin altına kısa bir açıklama yazmak (“İlk eskiz: güneş açılarıyla saçak derinliği çalışması”) görseli bir belgeye dönüştürür.

5. Malzeme ve ayrıntı notları

Malzeme, mimarlık ofislerinin en çok sorulan konularından biridir. Bir proje sayfasında malzemeyi, ışığı ve ayrıntıyı ayrı kısa notlarda toplamak iyi çalışır:

• Malzeme: Kullanılan ana malzemeler ve neden seçildikleri
• Işık: Gün ışığı ve yapay aydınlatma kararları
• Ayrıntı: Bir birleşim, bir doğrama, bir sabit mobilya

Bu notlar, yakın plan detay fotoğraflarıyla birlikte durduğunda en güçlü hâlini alır. Bir duvar köşesinde iki malzemenin buluştuğu bir kare, uzun bir paragraftan çok şey anlatır.

6. Sonuç: proje ne değiştirdi?

Sonuç bölümü kısa olmalı. Yapı kullanılmaya başlandıktan sonra ne oldu? Isınma yükü azaldı mı, ekip katı nasıl kullanıyor, konak konuk evine dönüştü mü?

Burada abartıdan kaçınmak önemlidir. Ölçülmüş bir sonuç varsa yazılabilir. Ölçülmemişse, gözlem olarak ve ölçülü bir dille anlatılmalıdır. İşveren yorumları ise ancak izinle ve gerçek olarak kullanılmalı.

Sayfanın sonunda önceki ve sonraki projeye bağlantı vermek, ziyaretçiyi portfolyonun içinde dolaştırır. Son olarak kısa bir davet: “Benzer bir proje mi düşünüyorsunuz?” ve iletişim ya da proje başvurusu bağlantısı.

Bir örnek: Bağlık Evi

Bu altı bölümün bir arada nasıl durduğunu örnek sitemizdeki Bağlık Evi proje sayfasında görebilirsiniz. Hayalî bir mimarlık stüdyosu için kurduğumuz bu sayfada önce büyük bir kapak görseli ve tek cümlelik özet geliyor. Ardından yan sütunda künye tablosu, ana sütunda bağlam paragrafı ve numaralı tasarım kararları yer alıyor. Malzeme, ışık ve peyzaj kısa notlar hâlinde; görseller açıklamalarıyla birlikte büyütülerek incelenebiliyor. Sayfa, önceki ve sonraki proje bağlantılarıyla ve bir proje başvurusu davetiyle bitiyor.

Restorasyon gibi belgeleme ağırlıklı işlerde aynı şablon farklı vurgularla çalışır. Örnek sitedeki Taş Konak Restorasyonu sayfasında yaklaşım bölümü rölöve, restitüsyon ve koruma kurulu sürecini sırasıyla anlatıyor.

Görsel hızı: büyük fotoğraf, hızlı sayfa

Mimarlık siteleri görsel ağırlıklıdır ve haklı olarak öyledir. Ama büyük fotoğraflar sayfayı yavaşlatırsa, ziyaretçi o fotoğrafları hiç göremeden ayrılabilir. Özellikle telefondan, hızlı olmayan bir bağlantıyla gelenler.

Görsel kaliteyi koruyup sayfayı hızlı tutmak için kullandığımız yöntemler:

1. Ekrana göre boyut. Her görsel birkaç farklı genişlikte üretilir; telefon küçük, geniş ekran büyük dosyayı alır.
2. Modern biçimler. Fotoğraflar WebP ya da AVIF gibi daha küçük dosya boyutu sağlayan biçimlerde sunulur.
3. Sonradan yükleme. Sayfanın aşağısındaki görseller, ziyaretçi o noktaya yaklaşınca yüklenir. İlk görünen kapak görseli ise öncelikli yüklenir.
4. Sabit en-boy oranı. Görsellerin yeri önceden ayrılır; sayfa yüklenirken metin yerinden oynamaz.
5. Anlamlı alternatif metin. Her görselin, ekran okuyucu kullananlar için ne gösterdiğini anlatan bir açıklaması olur.

Örnek sitelerimizin mobil Lighthouse ölçümlerinde performans 96–100, erişilebilirlik 100 aralığında ve yüklenirken yerinden oynama değeri (CLS) 0,05’in altında. Bunu, görsel ağırlıklı bir portfolyonun da hızlı açılabileceğini göstermek için paylaşıyoruz.

Projeleri kendiniz eklemek

Bir mimarlık ofisinin portfolyosu sürekli büyür. Her yeni proje için bir geliştiriciyi beklemek, portfolyonun güncel kalmamasının en yaygın nedenidir.

Bu yüzden proje sayfalarını tek bir şablon üzerine kuruyoruz. Yeni bir proje eklemek için künye alanlarını, bağlam metnini, yaklaşım maddelerini, notları ve görselleri doldurmak yeterli olur. İhtiyaca göre bunu içerik dosyalarından ya da basit bir düzenleme akışından yapabilirsiniz. Şablon sabit kaldığı için her yeni proje, sitenin geri kalanıyla aynı düzende ve aynı kalitede görünür.

Bu düzenin iki faydası daha var:

• Tutarlılık. Ziyaretçi her projede aynı bilgiyi aynı yerde bulur; projeleri birbiriyle kıyaslayabilir.
• Arama görünürlüğü. Her proje kendi adresinde, kendi başlığı ve açıklamasıyla durur. “Restorasyon”, “iç mimari ofis”, “eğimli arazide konut” gibi aramalarla ilgili projeler bulunabilir.

Kategoriye göre süzülebilen bir proje listesi ve tamamlanmamış ya da küçük işleri de gösteren kısa bir arşiv listesi, portfolyonun genişliğini tek sayfada görünür kılar. Her işin ayrıntılı bir sayfası olması gerekmez.

Mimarlık ofisleri için neye dikkat ettiğimizi mimarlık ofisi web sitesi sayfamızda ayrıntısıyla anlattık. Genel yaklaşımımız için web tasarım ve geliştirme sayfamıza bakabilirsiniz.

Kaçınılması gerekenler

• Yalnızca fotoğraf. Metinsiz bir galeri güzel görünür ama hiçbir soruyu cevaplamaz; aramada da bulunmaz.
• Ağır görseller. Sıkıştırılmamış, tek boyutlu büyük dosyalar telefonda sayfayı kilitler.
• İzni olmayan içerik. İşveren adı, adres ya da iç mekân fotoğrafı, işverenin onayı olmadan yayımlanmamalı.
• Abartılı dil. “Ödüllü”, “eşsiz”, “en iyi” gibi ifadeler yerine kararların kendisi konuşmalı.
• Güncel olmayan portfolyo. Son projesi yıllar önce eklenmiş bir site, ofisin hâlâ çalışıp çalışmadığı sorusunu doğurur.

Özet

Mimarlık ofisi web sitesinde iyi bir proje sayfası künye, bağlam, yaklaşım, süreç görselleri, malzeme notları ve sonuçtan oluşur. Fotoğraf ziyaretçiyi durdurur, metin güven kurar. Görseller farklı ekranlara göre hazırlanıp sonradan yüklendiğinde büyük fotoğraflar sayfayı yavaşlatmaz. Tek bir şablon üzerine kurulan proje sayfaları, yeni projeleri kendiniz eklemenizi ve portfolyonun güncel kalmasını sağlar.

Ofisiniz için projelerinizi bu düzenle anlatan bir site düşünüyorsanız teklif sihirbazında mimarlık sektörünü seçip ihtiyaç duyduğunuz sayfaları belirtebilirsiniz. Talebinize en geç iki iş günü içinde dönüyoruz.