BAU Convention Center Web Sitesi

İstanbul'un kalbindeki kongre merkezi, tek sitede.

BAU Convention Center · Web Platformu · 2026 · 2 Hafta

BAU Convention Center, Beşiktaş'ta BAU CAMPUS içindeki kongre ve kültür merkezi. Site; Conference Hall-1'den Focus ve Point modüler salonlara kadar tüm alanları, 20 kalemlik hizmet kataloğunu ve kampüs ekosistemini kurumsal etkinlik planlayıcılarına anlatıyor, hedefi teklif talebi toplamak. Türkçe birincil, İngilizce /en altında; salonlar, hizmetler, blog, etkinlikler ve galeri yönetim panelinden güncelleniyor.

Zorluk

Merkezin salonları, kapasiteleri ve hizmetleri 37 sayfalık bir tanıtım sunumunda duruyordu. Etkinlik planlayıcısının alanları karşılaştırıp hızlıca teklif isteyebileceği, iki dilli bir dijital vitrin yoktu.

Çözüm

Sunumdaki içeriği birebir koruyarak lacivert ve açık mavi kimlikli, scroll'a bağlı hareketli bir site kurduk. Kampüs videosuyla açılan banner, zigzag salon vitrini, mega menü, salon detay sayfaları ve etkinlik planlama formu iki dilde tek Node süreci üzerinden sunuluyor; içerik ve ziyaret analitiği panelden izleniyor.

Neler yaptık

  • Vimeo video banner: Kampüs posteriyle açılır, oynatıcı gerçek oynatmayı bildirince videoya geçer; ses aç/kapat düğmesi ve mobilde 16:9 tam kadraj.
  • Salon vitrini ve detay sayfaları: Conference Hall-1 (495), Dr. Burhan Kara (270), Forum, Platform, Focus ve Point modüler salonları; kapasite, donanım listesi ve birleşim notlarıyla.
  • Mega menü ve hizmet kataloğu: Salonlar tam genişlik panelde 3x2 kart olarak; 20 hizmet ikonlu karo ızgarasında.
  • Kayan galeri ve lightbox: 28 kare üç satırda sonsuz kayar, üzerine gelince durur, tıklanınca lightbox açılır.
  • Etkinlik planlama formu: Salon, tarih ve katılımcı bilgisiyle teklif talebi; sunucu tarafı doğrulama ve hız sınırı.
  • Yönetim paneli: Salonlar, hizmetler, blog, etkinlikler, galeri, çeviriler, kullanıcılar ve ziyaret analitiği tek panelde.

Süreç

  • İçerik envanteri: 37 sayfalık tanıtım sunumunun salon, hizmet ve kampüs verisine dönüştürülmesi.
  • Tasarım sistemi: Lacivert ve açık mavi palet, tipografi ölçeği, scroll'a bağlı hareket dili.
  • Geliştirme: React ve TypeScript ön yüz, Express API, PostgreSQL, Türkçe/İngilizce rota yapısı ve yönetim paneli.
  • Yayın: Coolify üzerinde Docker dağıtımı, sağlık kontrolü, panel eğitimi ve devir.

Sonuçlar

  • 12 Salon ve alan (detay sayfalarıyla)
  • 20 Hizmet kalemi (panelden yönetilir)
  • TR · EN İki dil (/en öneki ile)

Teknolojiler

  • React
  • TypeScript
  • Vite
  • GSAP
  • Lenis
  • Express
  • PostgreSQL
  • Docker / Coolify

Bağlantılar

Web sitesi