Mimarlık Portfolio Sitesi Nasıl Olmalı?
2026 Sektör Rehberi

Mimarlık ofisleri için web sitesi neden kritik?

Kısa cevap: Mimarlık müşterileri bir ofisle iletişime geçmeden önce çoğunlukla web sitesindeki projeleri inceler. İlk izlenim fiziksel ofiste değil ekranda oluştuğu için; site projelerin kalitesini, tasarım vizyonunu ve ofisin profesyonelliğini ilk bakışta yansıtmalıdır. Bu sektörde site doğrudan tasarım kalitenizin aynasıdır.

Potansiyel bir müşteri sizi Google'da bulduğunda, ofisinizdeki maketten önce web sitenizdeki projelere bakıyor. Mimarlık müşterileri genellikle bir ofisle iletişime geçmeden önce web sitesini ve daha önceki projelerini detaylı şekilde incelemektedir.^[1] İlk izlenim artık fiziksel ofiste değil, ekranda oluşuyor.

Ama mimarlık siteleri "herhangi bir kurumsal site" gibi tasarlanamaz. Bir avukatlık bürosu için yeterli olan metin ağırlıklı yaklaşım, mimarlıkta tam bir felaket. Bu sektörde görsel, her şeyin önünde gelir.

Visual-first tasarım felsefesi mimarlık sitesi için neden zorunludur?

Kısa cevap: Visual-first felsefe görsellerin konuştuğu, metnin desteklediği yaklaşımdır. Mimarlık sitesinde hero alanı tam genişlikte proje görseli, bol beyaz alan, sade sans-serif tipografi ve nötr renk paleti içermelidir. Site tasarımı görünmez bir çerçeve olmalı; en dikkat çekici şey her zaman projeler olmalıdır.

Mimarlık portfolio sitesinin 1 numaralı kuralı: görseller konuşsun, metin desteklesin. Ziyaretçi sayfaya girdiğinde ilk gördüğü şey etkileyici bir proje görseli olmalı — uzun bir "Hakkımızda" paragrafı değil.

Visual-first yaklaşımın temel prensipleri:

• Hero alanı tam genişlikte görsel: Ana sayfada en iyi projenizin tam ekran fotoğrafı karşılamalı. Metin minimum — proje adı ve bir cümlelik açıklama yeterli.
• Beyaz alan bolluğu: Görsellerin nefes alması için yeterli boşluk bırakın. Sıkışık bir grid, projelerin etkisini öldürür.
• Tipografi sadeliği: Mimarlık siteleri genellikle sans-serif, ince ve zarif fontlar kullanır. Karmaşık dekoratif fontlar projelerin önüne geçer.
• Renk paleti nötr: Beyaz, siyah, gri ve belki bir vurgu rengi. Cıvıl cıvıl renkler projelerle çatışır.

Proje sunumu için case study mi galeri mi tercih edilmeli?

Kısa cevap: İkisini birleştirin. Ana sayfada ve "Projeler" sayfasında hızlı tarama için galeri görünümü kullanın, ama her projenin tıklandığında açılan detaylı case study sayfası olsun. Bu kombinasyon hem hızlı tarama hem derinlemesine inceleme imkânı sunar; SEO açısından her proje ayrı sayfada indekslendiği için aramada daha fazla görünürlük sağlar.

Mimarlık portfolio sitelerinde projeleri sunmanın iki temel yaklaşımı var. Hangisini seçeceğiniz ofisinizin büyüklüğüne, proje sayınıza ve hedef kitlenize göre değişir.

Galeri Yaklaşımı

Projelerin grid düzeninde, öncelikle görsellerle sunulduğu format. Avantajları:

• Ziyaretçi hızlıca tüm projeleri tarayabilir
• Görsel etkisi yüksek — ilk bakışta portföyün genişliğini gösterir
• Daha az metin üretimi gerektirir
• Az sayıda projesi olan ofisler için bile dolu görünür (2-3 sütunlu grid)

Case Study Yaklaşımı

Her projenin kendi detay sayfası olduğu, hikaye anlatımına dayalı format. Avantajları:

• Projenin arkasındaki düşünce sürecini gösterir — sadece sonuç değil, süreç de
• Müşteri briefingi, çözüm yaklaşımı, teknik detaylar paylaşılabilir
• SEO açısından çok daha güçlü — her proje ayrı bir sayfada indekslenir
• Potansiyel müşteriye "biz böyle çalışıyoruz" mesajı verir

Tavsiyemiz: İkisini birleştirin. Ana sayfada ve "Projeler" sayfasında galeri görünümü kullanın, ama her projenin tıklandığında açılan detaylı bir case study sayfası olsun. Bu hem hızlı taramaya hem derinlemesine incelemeye olanak tanır.

Mimarlık fotoğrafları hangi kalitede olmalı?

Kısa cevap: Mimarlık fotoğrafları minimum 2000px genişlikte, profesyonel ışık altında ve mümkünse mimarlık fotoğrafçılığında uzman bir profesyonel tarafından çekilmiş olmalıdır. Her proje için ortalama 8-12 fotoğraf, geniş açı + detay + drone çekimleri ve plan/çizimleri içermelidir. Telefonla çekilmiş düzensiz kadrajlar projenin algılanan kalitesini düşürür.

Mimarlık sitesinde en önemli yatırım profesyonel fotoğrafçılıktır. Telefonla çekilmiş, kötü ışıklı, düzensiz kadrajlı fotoğraflar projenizin algılanan kalitesini dramatik olarak düşürür.

Fotoğraf Gereksinimleri

Profesyonel mimarlık fotoğrafçılığı maliyetli olabilir (proje başına yaklaşık 5.000-15.000 TL, 2026 Türkiye pazarı), ama bu yatırımın geri dönüşü büyüktür. Aynı fotoğrafları web sitesinde, sosyal medyada, basılı materyallerde ve yarışma başvurularında kullanırsınız.

Mimarlık sitesinde proje filtreleme sistemi nasıl tasarlanır?

Kısa cevap: 10+ projeniz varsa filtreleme şart. Proje tipi (konut/ticari/ofis), durum (tamamlanan/devam eden), ölçek ve konum bazında filtreler sunun. Filtreleme sayfa yenilemesi yapmadan JavaScript ile istemci tarafında çalışmalı; projeler aniden kaybolup belirmek yerine yumuşak fade + scale geçişiyle yeniden düzenlenmelidir.

10'dan fazla projeniz varsa, ziyaretçinin ihtiyacına uygun projeyi kolayca bulabilmesi için filtreleme sistemi şart. Ama bu filtreleme sistemi de doğru tasarlanmalı.

Etkili Filtreleme Yöntemleri

• Proje tipi: Konut, ticari, ofis, eğitim, sağlık, kamusal alan
• Durum: Tamamlanan, devam eden, konsept
• Ölçek: Küçük (daire iç tasarım), orta (villa/bina), büyük (kompleks/kampüs)
• Konum: Projelerin şehir veya ülke bazında gruplanması

Filtreleme animasyonları da önemli: Projelerin aniden kaybolup belirmesi yerine, yumuşak bir geçişle (fade + scale) yeniden düzenlenmesi çok daha profesyonel bir his verir. GSAP veya CSS transitions ile bu efekt kolayca uygulanabilir.

Mimarlık sitesinde mobil deneyim nasıl optimize edilir?

Kısa cevap: Mobilde tek sütun grid kullanın (masaüstündeki 3 sütun mobilde 1'e düşmeli), proje detay sayfasında fotoğraflar yatay swipe ile gezilsin, filtre/navigasyon butonları minimum 44x44px dokunmatik hedef boyutunda olsun, plan ve çizimler için pinch-to-zoom etkin tutulsun.

Mimarlık sitesi ziyaretçilerinin büyük bir bölümü mobil cihazdan geliyor; günümüzde web trafiğinin yarısından fazlası mobil kaynaklıdır.^[2] Büyük, geniş açılı mimarlık fotoğraflarını 375px genişliğinde bir ekrana sığdırmak ciddi bir UX zorluğu.

Mobil için dikkat edilmesi gerekenler:

• Tek sütun grid: Masaüstünde 3 sütun olan grid, mobilde tek sütuna düşmeli. Böylece her fotoğraf tam genişlikte görünür.
• Yatay kaydırma galerisi: Proje detay sayfasında fotoğraflar yatay swipe ile gezilebilir olmalı — dikey kaydırma içinde küçük thumbnail'ler yetersiz kalır.
• Dokunmatik hedefler: Filtre butonları, navigasyon öğeleri minimum 44x44px olmalı.
• Pinch-to-zoom: Mimarlık görselleri detay görmek için yakınlaştırılabilir olmalı — özellikle plan ve çizimler için.

Görsel ağırlıklı mimarlık sitesinde sayfa hızı nasıl optimize edilir?

Kısa cevap: Lazy loading (loading="lazy"), WebP formatı (JPEG'e göre %25-35 daha küçük), <picture> elementi ile responsive görseller, blur-up tekniği (önce küçük thumbnail sonra tam çözünürlük fade-in) ve CDN üzerinden sunum birlikte kullanılmalıdır. Bu kombinasyon 20+ büyük görselli bir sayfayı bile makul sürede yüklenir hale getirir.

Mimarlık siteleri doğası gereği görsel ağırlıklıdır — ve bu, sayfa hızı için bir mayın tarlasıdır. 20 adet 5MB fotoğrafı olan bir sayfa, 3G bağlantıda dakikalarca yüklenebilir.

Performans Optimizasyon Stratejileri

• Lazy loading: Ekranın altındaki görseller sadece kullanıcı kaydırdığında yüklenmeli. loading="lazy" attribute'u kullanın.
• Responsive images: <picture> elementi ile farklı ekran boyutları için farklı çözünürlükte görseller sunun.
• WebP formatı: JPEG'e göre %25-35 daha küçük dosya boyutu, aynı görsel kalite.
• Blur-up tekniği: Önce küçük, bulanık bir thumbnail yükleyin, sonra tam çözünürlüklü görseli üzerine fade-in ile getirin. Bu, algılanan yükleme süresini dramatik olarak azaltır.
• CDN kullanımı: Görselleri Cloudflare veya benzeri bir CDN üzerinden sunun — global erişimde %40-60 hız farkı yaratır.

Mimarlık ofisi için Hakkımızda sayfası neden bu kadar önemli?

Kısa cevap: Mimarlık müşterileri sadece projelere değil arkasındaki ekibe de bakar. "Hakkımızda" sayfası genellikle projelerden sonra en çok ziyaret edilen sayfadır. Profesyonel kurucu/ortak portreleri, somut örneklerle anlatılan tasarım felsefesi, ekip yapısı, ödüller, yayınlar ve briefinten teslimata uzanan görsel timeline güvenilirlik inşa eder.

Mimarlık müşterileri sadece projelere değil, projelerin arkasındaki insanlara da bakar. "Hakkımızda" sayfası, potansiyel müşterilerin en çok ziyaret ettiği ikinci sayfadır (projelerden sonra).

Etkili bir "Hakkımızda" sayfası şunları içermeli:

• Kurucu/ortak fotoğrafları: Profesyonel, ama soğuk olmayan portreler. Stüdyo ortamında çekilmiş kareler insani bir bağ kurar.
• Tasarım felsefesi: "Her projeye özenle yaklaşırız" gibi klişeler yerine, gerçek tasarım yaklaşımınızı somut örneklerle açıklayın.
• Ekip yapısı: Kaç kişisiniz, hangi disiplinlerden geliyorsunuz, kimlerle işbirliği yapıyorsunuz.
• Ödüller ve yayınlar: Varsa, ödülleri ve medyada çıkan haberleri gösterin — güvenilirlik artırır.
• Süreç anlatımı: Bir projenin ilk briefinten teslimata nasıl ilerlediğini görsel bir timeline ile gösterin.

LimeGraf'ın geliştirdiği mimarlık demo siteleri

Kısa cevap: LimeGraf mimarlık ofisleri için iki farklı yaklaşımda demo geliştirdi. Kurumsal portfolio (mimar-k1) 15 sayfalık çok projeli ofisler için case-study odaklı yapıdır; landing portfolio (mimar-l1) tek proje veya yarışma sunumu odaklı tek sayfalık etkileyici yapıdır. Doğru tercih ofisin proje sayısı, ekip büyüklüğü ve hedeflediği müşteri segmentine göre değişir.

Her iki demo da gerçek bir mimarlık ofisi için üretilmiş gibi tasarlanmış; ekibimiz, süreç sayfası, proje detayları, ödüller, blog ve iletişim modülleri tam çalışır durumda. Demolar, mimarlık ofislerinin sipariş vermeden önce iki farklı portfolio yaklaşımını canlı incelemesi için yayında.

Sonuç: Siteniz, tasarım kalitenizin aynasıdır

Mimarlık sektöründe web sitesi, sadece bir pazarlama aracı değil — bir tasarım manifestosudur. Kendi sitesini iyi tasarlayamayan bir mimarlık ofisine, müşteriler evlerini veya ofislerini emanet etmekte tereddüt edecektir.

Projeleriniz ne kadar güçlü olursa olsun, onları sunan dijital platform zayıfsa, potansiyel müşteriler sizi keşfedemez. Güçlü projeler + güçlü portfolio sitesi = yeni müşteri akışı.

Sıkça Sorulan Sorular

Kaynaklar

1. RIBA — Architect's Marketing & Visibility insights (Royal Institute of British Architects yayınları): architecture.com
2. StatCounter Global Stats — Mobile vs Desktop Browser Market Share: gs.statcounter.com

Not: Bu yazıdaki fiyatlar Limegraf'ın 2026 Mayıs itibarıyla geçerli resmi paket fiyatlandırmasıdır ("TL'den başlayan" formatında). Proje kapsamı, ofis büyüklüğü, profesyonel fotoğraf ihtiyacı ve özelleştirme miktarına göre nihai fiyat yukarı doğru değişebilir. Bağlayıcı teklif için LimeGraf iletişim formunu veya fiyatlandırma sayfasını ziyaret edebilirsiniz.