İçeriğe geç

Kurumsal site

Nebula İstanbul

Prodüksiyon ve içerik ajansı Nebula İstanbul için sergiden belgesele, kampanyadan tasarıma uzanan işlerini türlerine göre sergileyen, tek sayfalık sinematik bir kurumsal site tasarladık.

Müşteri
Nebula
Yapım
İş türü
Kurumsal site
Teknoloji
WordPress, WPBakery

Neler yaptık

Nebula İstanbul ana sayfası: gün batımında Haliç ve Boğaz manzarası üzerinde büyük Nebula İstanbul logosu, masaüstü görünüm
Nebula İstanbul mobil ana sayfa: taş duvar önünde yürüyen kadın görüntüsü üzerinde logo ve alt gezinme çubuğu

İşleri türlerine göre sergilemek

Bir prodüksiyon ajansı için site, her şeyden önce bir portfolyo. Ziyaretçi ajansın ne ürettiğini birkaç saniyede görmeli ve aradığı türde işe doğrudan ulaşmalı. Nebula İstanbul kültür-sanat ve eğitim başta olmak üzere sergi, dizi, belgesel, video, kampanya ve tasarım alanlarında içerik üretiyor. Siteyi tek sayfa olarak kurduk ve menüyü anasayfa, hakkımızda, işlerimiz, referanslarımız ve iletişim bölümlerine kaydıran bağlantılarla düzenledik. Öne çıkan yapımlar en üstte bir kaydırıcıda akıyor. İşlerimiz bölümünde her tür kendi başlığı altında ayrı bir kaydırıcıyla sunuluyor. Listede yer alan Kurşungeçirmez Düşler, 100 Yıllık Emanet ve Zorbalığı Engelle projelerinin web sitelerini de biz hazırladık.

Nebula İstanbul iş kaydırıcısı: Inspiring Turkish Women, State of Matters, Diversity Stories Antioch ve diğer yapımlar ile Hakkımızda bölümü, masaüstü görünüm
Nebula İstanbul mobil iş kartları ve Hakkımızda metni

Karanlık bir salonda film izler gibi

Tasarımda işlerin görüntüleri öne çıksın diye koyu, neredeyse siyah bir zemin seçtik. Bir sinema salonu ya da sergi mekânı gibi, renk yalnızca yapımların karelerinden geliyor. Giriş bölümünde İstanbul manzarası ve yapımlardan görüntüler üzerinde logoyu büyük ve beyaz olarak kullandık. Logodaki yuvarlak uçlu, geometrik harf yapısı menüdeki yazı karakteriyle uyum içinde. İş kartlarında görselin altında kalın, ortalanmış başlıklar duruyor. Her türün bölümünde arka plana o türden bir işin görüntüsünü karartarak yerleştirdik, böylece bölümler birbirinden ayrışıyor. Mobilde ekranın altına simgeli bir gezinme çubuğu koyduk. Uzun tek sayfada bile ziyaretçi istediği bölüme tek dokunuşla geçebiliyor.

Nebula İstanbul Sergi bölümü: Yüzyıllık Emanet ve Kurşungeçirmez Düşler sergi kartları, masaüstü görünüm
Nebula İstanbul mobil Sergi bölümü: Yüzyıllık Emanet ve Kurşungeçirmez Düşler kartları

Yeni yapımları ajansın kendi panelinden eklemek

Siteyi WordPress üzerinde WPBakery sayfa düzenleyicisiyle kurduk. Bölümler arasındaki yumuşak kaydırma Page Scroll to ID ile, arka plan videoları ve paralaks etkiler Advanced Backgrounds ile çalışıyor. Yapımların videoları YouTube üzerinden sayfaya yerleşiyor, görseller açılır pencerede büyütülebiliyor. Nebula ekibi için siteye özel bir yönetim paneli de hazırladık. Yeni bir yapımı ilgili türün altına eklemek, kapak görselini ve videosunu değiştirmek ya da referans listesini güncellemek bu panelden yapılıyor. Böylece portfolyo, ajansın ürettiği her yeni işle birlikte büyüyebiliyor. İletişim formu Contact Form 7 ile çalışıyor ve reCAPTCHA ile Akismet istenmeyen gönderimleri süzüyor. Benzer bir portfolyo sitesi için hizmetlerimize göz atabilirsiniz.

  • Nebula İstanbul ana sayfası: gün batımında Haliç ve Boğaz manzarası üzerinde büyük Nebula İstanbul logosu, masaüstü görünüm
  • Nebula İstanbul iş kaydırıcısı: Inspiring Turkish Women, State of Matters, Diversity Stories Antioch ve diğer yapımlar ile Hakkımızda bölümü, masaüstü görünüm
  • Nebula İstanbul Sergi bölümü: Yüzyıllık Emanet ve Kurşungeçirmez Düşler sergi kartları, masaüstü görünüm
  • Nebula İstanbul mobil Sergi bölümü: Yüzyıllık Emanet ve Kurşungeçirmez Düşler kartları
  • Nebula İstanbul mobil iş kartları ve Hakkımızda metni
  • Nebula İstanbul mobil ana sayfa: taş duvar önünde yürüyen kadın görüntüsü üzerinde logo ve alt gezinme çubuğu