MENFEZ MİMARLIK

Sorun

Mimarlık ofislerinin siteleri çoğu zaman ya bir fotoğraf albümü ya da bir kurumsal broşür gibi duruyor. İşlerin ölçeği, malzemesi ve yeri kayboluyor, ziyaretçi hangi projeye neden bakması gerektiğini bilmiyor. Amaç, projeleri bir sergi gibi dolaştıran ama aradığını hızla bulduran bir stüdyo sitesi konsepti ortaya koymaktı.

Çözüm

Ana sayfada kaydırma dikeyden yataya dönüyor: eğik kesilmiş proje kareleri ekranın önünden geçerken stüdyonun adı dev harflerle altta sabit kalıyor. Proje arşivinde şehir ve program filtreleri, ızgara ile liste arasında geçiş var. Her projenin künyesi, alıntısı, galerisi ve benzer projeleri tek bir ayrıntı sayfasında toplanıyor. Hakkımızda, kültür ve iletişim sayfaları aynı sade dili sürdürüyor.

Teknik kararlar

Site tamamen statik: altı HTML sayfası küçük bir Node betiğiyle ortak şablondan üretiliyor, projeler tek bir veri dosyasında duruyor ve ayrıntı sayfası adres satırındaki parametreyle dolduruluyor. Hareketler GSAP ScrollTrigger ile. Türkçe büyük harflerin nokta ve çengelleri dar satır aralığında kesilmesin diye başlık maskelerine pay verildi. Tarayıcı animasyonları durdurduğunda açılış perdesinin ekranı kapatmaması için bir güvenlik ağı var.

Sonuç

Konsept bu portfolyonun içinde canlı olarak gezilebiliyor. Stüdyo adı, ekip ve iletişim bilgileri kurgusal, fotoğraflar Unsplash lisanslı. Gerçek bir ofis için içerik veri dosyasından değiştirilerek aynı tasarım yayına alınabilir.

Öne çıkanlar

• Kaydırınca sabitlenip yatay akan eğik proje galerisi
• Şehre ve programa göre süzülen, ızgara/liste görünümlü proje arşivi
• 16 proje için tek şablondan üretilen ayrıntı sayfaları ve ışık kutusu
• Süreç akordeonu, çizim ekip portreleri, doğrulamalı iletişim formu
• Sunucu gerektirmeyen, alt klasörde çalışan statik yapı