İçeriğe atla
KonseptTanıtım sitesi

Menfez Mimarlık

Kurgusal bir mimarlık stüdyosu için tanıtım sitesi: kaydırdıkça yatay akan proje galerisi, filtrelenebilir arşiv ve her proje için ayrıntı sayfası.

Gerçek ekran kaydı: sitenin kendisinde kaydırarak gezinme.
Rol
Konsept tasarım ve geliştirme
Yıl
2026
Durum
Konsept, gezilebilir
Tür
Tanıtım sitesi

NotDemo sitesidir; stüdyo adı, ekip ve iletişim bilgileri kurgusaldır.

Ne istendi

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

Ne yaptı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, galerisi ve benzer projeleri tek bir ayrıntı sayfasında toplanıyor.

Sonuç

Konsept bu portfolyonun içinde canlı olarak gezilebiliyor. Gerçek bir ofis için içerik veri dosyasından değiştirilerek aynı tasarım yayına alınabilir.

Teknik kararlar

Site tamamen statik: sayfalar küçük bir Node betiğiyle ortak şablondan üretiliyor, projeler tek bir veri dosyasında duruyor. 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.

  • HTML / CSS
  • JavaScript
  • GSAP
  • ScrollTrigger

Öne çıkanlar

  • Kaydırınca sabitlenip yatay akan eğik proje galerisi
  • Şehre ve programa göre süzülen proje arşivi
  • 16 proje için tek şablondan üretilen ayrıntı sayfaları
  • Sunucu gerektirmeyen statik yapı
Menfez Mimarlık sitesinin gerçek ekranları: masaüstü görünümü, ikinci bölüm ve telefon görünümüSAHNE 09 — KONSEPT
Kapak: sitenin gerçek ekranları, masaüstü ve telefon görünümüyle.
Ana sayfa: eğik kesilmiş proje kareleri ve altta dev MENFEZ MİMARLIK yazısı
Ana sayfa: eğik kesilmiş proje kareleri ve altta dev MENFEZ MİMARLIK yazısı

Benzer bir iş mi düşünüyorsun?

Sıradaki işMetin Önen
← Fırın TasarımıTüm işler© 2026 Bertan Bilici
E-posta WhatsApp (yeni sekmede açılır) Instagram (yeni sekmede açılır)