Web Sitesi

Muub Mimarlık

Muub Mimarlık için ofisin iç mekân ve mimari projelerini öne çıkaran, tam ekran görseller ve sade tipografiyle kurgulanmış özel bir WordPress web sitesi tasarladık ve geliştirdik.

Müşteri
Muub Mimarlık
Kapsam
Frontend, Wordpress
Tür
Web Sitesi
Yayında
Siteyi ziyaret et
Muub Mimarlık – Frontend projesi
Özet
  1. Muub Mimarlık için sıfırdan kodlanmış özel WordPress teması; içerik ACF ile panelden yönetiliyor.
  2. Tam ekran iç mekân fotoğrafı üzerine büyük puntolu 'Muub Mimarlık' başlığıyla açılan sinematik bir hero.
  3. Dört adımlı 'Proje Geliştirme Sürecimiz' bölümü: gereksinim, konsept, proje geliştirme, inşaat.
  4. Sürüklenerek gezilen yatay proje galerisi ve ofisin değerlerini anlatan etiket bulutu.
  5. Türkçe içerik, serif başlıklar ve sans-serif metinlerle kurulan sade, beyaz ağırlıklı bir tasarım dili.

Zorluk

Muub Mimarlık, iç mekân ve mimari projelerini konuşturan bir web sitesi istiyordu. Ofisin işleri fotoğraf ve çizimlerle anlatılıyor; site bu görselleri ezmeden, aksine onları sahneye çıkararak var olmalıydı. Aynı zamanda ofisin süreç anlayışını, yani bir projenin gereksinim aşamasından inşaata nasıl ulaştığını, ziyaretçiye sade bir dille aktarması gerekiyordu.

İkinci zorluk yönetimdi. Mimarlık ofisleri portföylerini sık günceller; yeni bir proje eklemek ya da bir metni değiştirmek için geliştiriciye ihtiyaç duymamalıydılar. Görsel ağırlıklı ama hafif, tasarım disiplini bozulmadan içeriği kolayca yönetilebilen bir yapı kurmamız gerekiyordu.

Yaklaşım

Siteyi sıfırdan kodlanmış özel bir WordPress teması olarak geliştirdik; tüm bölümler ACF alanlarıyla yönetim panelinden düzenleniyor. Açılışta tam ekran bir iç mekân fotoğrafının üzerine büyük puntolu Muub Mimarlık başlığını yerleştirdik, köşeye küçük logo ve dikey bir kaydırma ipucu ekledik. Böylece ilk ekranda konuşan şey metin değil, ofisin işi oldu.

Projeler için sürüklenerek gezilen yatay bir galeri tasarladık; dış cephe fotoğrafı, teknik çizim ve iç tasarım kartları yan yana akıyor. Proje Geliştirme Sürecimiz bölümünü dört numaralı adıma böldük ve büyük kontur rakamlarla ritim verdik. Ofisin değerlerini ise zariflik, yaratıcı tasarım, yapı gibi etiketlerden oluşan bir bulutla anlattık. Serif başlıklar ve sans-serif metinlerle sade bir tipografi dili kurduk.

Sonuç

Muub Mimarlık’ın sitesi artık ofisin işlerini ilk saniyeden gösteriyor. Ziyaretçi tam ekran görselle karşılanıyor, projeleri sürükleyerek geziyor ve ofisin çalışma yöntemini dört adımda okuyor. Türkçe içerik, sade beyaz zemin ve tutarlı tipografi, ofisin zariflik ve yaratıcı tasarım vurgusunu sitenin kendisinde de hissettiriyor.

Ekip yeni projeleri ve süreç metinlerini ACF alanları üzerinden kendi başına güncelleyebiliyor; tasarım sistemi bozulmadan içerik büyüyor. Menü ve İletişim düğmesi proje galerisi ve süreç bölümlerinde görünür kaldığı için ziyaretçi, projeleri incelerken ofise ulaşmak için ekstra bir adım atmak zorunda kalmıyor.

Muub Mimarlık – Frontend projesi ekran görüntüsü 2
Muub Mimarlık – Frontend projesi ekran görüntüsü 3
Muub Mimarlık – Frontend projesi ekran görüntüsü 4

Tüm projeleri görün