Web Sitesi Tasarımı

Samsun Etkinlik V.3’ü Hazırladık

Müşteri Samsun Etkinlik
Yıl 2026
Süre 5 Ay

Samsun Etkinlik, Samsun’un en eski sosyal medya platformlarından bir tanesi. 2014 yılında yayın hayatına web sitesi ile başlayan platform, başta Facebook ve Instagram olmak üzere tüm sosyal medya mecralarında efektif yayın hayatına devam ediyor.

İlk 5 senesini bir haber platformu edasında geçiren internet sitesine ilk müdahaleyi 2018 yılında gerçekleştirdik. Bu müdahale ile birlikte sanki bir bilet satış platformuymuş gibi afiş ve etkinlik bilgilerinin yayınlandığı bir liste içerik sitesi haline getirmiştik. İnsanların etkinliklerin gerçekleştiği konumları da inceleyebilmesi adına konum özelliğini aktif etmiş, Samsun’da özellikle etkinlik düzenlenen konumların listelenmesine başlamıştık.

2026 yılı itibariyle de versiyon 3’ü hazırlamak için kolları sıvadık. Bu versiyonda artık etkinlikler ve mekanlara ek olarak etkinliklerde sahne alan sanatçılar ve etkinlikleri düzenleyen organizatörler için de bir listeleme yapmaya karar verdik.

Versiyon 3’ün hedefi: liste sitesinden şehir rehberine

Versiyon 3 ile Samsun Etkinlik’i bir ilan listesinden, şehrin kültür-sanat hayatını birbirine bağlayan bir şehir rehberine dönüştürdük. Bunun için hazır bir tema yerine, platforma özel bir WordPress temasını sıfırdan geliştirdik.

Proje künyesi
MüşteriSamsun Etkinlik (samsunetkinlik.com)
GeliştirenMauna UP
AltyapıWordPress 6.6+ özel tema, PHP 8.0+, Elementor ve WooCommerce uyumlu
KapsamTasarım, tema geliştirme, yönetim paneli, entegrasyonlar, performans ve SEO
Mevcut sürüm1.1.1

Yola çıkarken çözmek istediğimiz sorunlar şunlardı:

  • Bağlam eksikliği: Bir etkinliğe bakan ziyaretçi, sahne alan sanatçıyı ya da düzenleyen organizatörü tanıyamıyordu.
  • Tek yönlü iletişim: Site yalnızca okunuyordu. Ziyaretçinin katkı vereceği, takip edeceği veya geri döneceği bir neden yoktu.
  • Editör yükü: Her ilan, her haber ve her sanatçı bilgisi elle giriliyordu.
  • Gelir: Öne çıkarma ve reklam talepleri sistem dışında, elle yönetiliyordu.
  • Hız ve görünürlük: Mobil ağırlıklı bir kitle için hızlı açılan, arama motorlarında zengin sonuçlarla görünen bir site gerekiyordu.

Dört içerik türü, tek bir ağ

Versiyon 3’ün temelinde, birbirine bağlı dört içerik türü var: Etkinlik, Mekan, Sanatçı ve Organizatör. Her etkinlik bir mekana, sahne alan sanatçılara ve düzenleyen organizatöre bağlanıyor. Böylece ziyaretçi bir konser sayfasından sanatçının diğer konserlerine, oradan da mekanın gelecek programına tek tıkla geçebiliyor.

  • Etkinlikler: Tarih, saat, mekan, sanatçı kadrosu, bilet bilgileri, galeri ve durum (planlandı, iptal, ertelendi) bilgisi.
  • Mekanlar: Konum, harita, galeri ve mekanın yaklaşan tüm etkinlikleri.
  • Sanatçılar: Biyografi, gerçek ad, doğum tarihi, köken, Spotify ve sosyal medya hesapları.
  • Organizatörler: Profil sayfası ve düzenledikleri etkinliklerin listesi.
  • Blog ve haber: Blog, Haber, Röportaj ve Galeri olmak üzere dört içerik biçimi.

Bu yapıyı destekleyen diğer parçalar:

  • Zengin kategoriler: Her kategoriye ikon, kapak fotoğrafı ve tema rengi atanabiliyor. Bu renkler sitenin geneline otomatik yansıyor.
  • Bilet platformları: Bir etkinliğin birden fazla platformdaki bilet linki, en düşük ve en yüksek fiyatı ile tek yerde gösteriliyor.
  • Özel sayfalar: Etkinlik takvimi, gelişmiş arama, kullanıcı paneli, içerik ekleme, etkinlik önerme ve puan rehberi.

Etkinlik deneyimi: “Bu hafta ne var?” sorusuna cevap

Bir şehir rehberine en sık sorulan soru “Bu hafta ne var?”. Etkinlik deneyimini bu soruya en hızlı cevabı verecek şekilde kurguladık.

Bulmak

  • Zamana göre hazır listeler: “Bu hafta”, “bu hafta sonu” gibi tek tıkla açılan seçimler.
  • Etkinlik takvimi: Tüm programı ay, hafta ve gün görünümünde gösteren interaktif takvim.
  • Gelişmiş arama ve filtreler: Kategori, tarih ve konuma göre sayfa yenilenmeden filtreleme. Sayfanın sonuna gelindikçe yeni sonuçlar yükleniyor.
  • Yakınımdaki etkinlikler: Ziyaretçi konum izni verirse, bulunduğu yere en yakın etkinlikler listeleniyor.
  • Trend etkinlikler: Son günlerde en çok ilgi gören ve yükselen etkinlikler. Eski ama çok okunmuş etkinliklerin listeyi işgal etmemesi için güncel ilgiye ağırlık veriliyor.

Karar vermek

  • Etkinlik karşılaştırma: “Üç konser arasında kaldım” diyen ziyaretçi en fazla 4 etkinliği yan yana koyup karşılaştırabiliyor.
  • Hava durumu: Açık hava etkinliklerinde, etkinliğe 5 gün kala hava tahmini gösteriliyor.
  • Bilet bilgisi: Farklı platformlardaki bilet linkleri ve fiyat aralığı aynı kartta.

Plan yapmak

  • Takvime ekleme: Her etkinlik tek tıkla telefon veya bilgisayar takvimine (.ics) eklenebiliyor. Tüm programın abone olunabilen bir takvim akışı da var.
  • QR kod: Her etkinlik, mekan, sanatçı ve organizatör sayfasının QR kodu var. Basılı afiş ile dijital sayfa arasında köprü kuruyor.
  • Gömülebilir widget: Organizatör, mekan ve sanatçılar yaklaşan etkinlik listelerini kendi sitelerine yerleştirebiliyor. Bu da platforma doğal geri bağlantı sağlıyor.

Karmaşık etkinlik senaryoları

  • Tekrarlayan etkinlikler: Her hafta veya her ay tekrar eden etkinlikler tek kayıtla yönetiliyor.
  • Çoklu oturumlar ve birleştirme: Aynı etkinlik farklı kaynaklardan geldiğinde tek bir ana etkinlik altında, birden fazla tarih ve bilet seçeneğiyle birleştiriliyor.
  • Festival sayfaları: Bir festival, altındaki tüm etkinlikleri toplayan kendi merkez sayfasına sahip.
  • İptal ve erteleme: Bir etkinliğin durumu değiştiğinde katılımcılara ve hatırlatma abonelerine otomatik e-posta gidiyor.
  • Etkinlik sonrası anket: Etkinlik bittikten 24 saat sonra katılımcılara kısa bir memnuniyet anketi gönderiliyor.

Okuyucudan topluluk üyesine

Versiyon 3’ün en büyük değişikliği, ziyaretçiyi pasif okuyucu olmaktan çıkarıp platforma katkı veren bir üyeye dönüştürmek oldu.

Hesap ve kişisel alan

  • Özel giriş ve kayıt sayfaları: WordPress’in standart giriş ekranı yerine site tasarımına uygun formlar.
  • Kullanıcı paneli: Favoriler, katılacağı etkinlikler, puanlar, kayıtlı aramalar ve bildirim tercihleri tek ekranda.
  • Organizatör paneli: Organizatörler kendi etkinliklerini yönetim paneline girmeden, sitenin ön yüzünden yönetebiliyor.

Takip ve etkileşim

  • Favoriler ve takip: Sanatçı, mekan ve organizatörler favorilere eklenebiliyor. Üye olmayan ziyaretçiler de favori listesi tutabiliyor.
  • “Katılacağım” butonu: Katılımcı sayısı ve katılımcı avatarlarıyla sosyal kanıt oluşturuyor.
  • Kayıtlı aramalar: Üye bir aramayı kaydediyor. Kriterlere uyan yeni bir etkinlik eklendiğinde e-posta alıyor.
  • Paylaşım: WhatsApp, e-posta ve “arkadaşına öner” seçenekleri.

Yorum ve puanlama

  • Kriterli puanlama: Etkinlik, mekan, sanatçı ve organizatörler “Organizasyon”, “Lokasyon” gibi yönetimin belirlediği kriterlere göre puanlanabiliyor.
  • Doğrulanmış Katılımcı rozeti: Etkinliğe katılacağını işaretlemiş kişilerin yorumları rozetle ayrışıyor ve fotoğraf içerebiliyor.

Kullanıcı katkıları

Azı kalabalık bir editör ekibinin tüm şehri takip etmesi mümkün değil. Bu yüzden içeriğin bir kısmını toplulukla birlikte üretmeyi hedefledik. Tüm katkılar yayına girmeden önce yönetici onayından geçiyor.

  • İçerik gönderme: Üyeler yeni etkinlik, mekan veya organizatör ekleyebiliyor.
  • Etkinlik önerme: Üye olmayan ziyaretçiler de etkinlik önerebiliyor.
  • Fotoğraf gönderme: Etkinlik, mekan ve sanatçı sayfalarına fotoğraf eklenebiliyor.
  • Düzenleme önerisi: Mekan ve sanatçı bilgilerindeki eksik ya da hatalı alanlar için düzeltme önerilebiliyor.
  • Sayfa sahiplenme: Bir mekan, sanatçı ya da organizatör kendi sayfasını sahiplenip yönetebiliyor.

Puan sistemi

Katkıyı ödüllendirmek için bir puan sistemi kurduk. Yorum yazmak, fotoğraflı yorum bırakmak, onaylanan düzenleme önerileri ve arkadaş daveti puan kazandırıyor. Doğum günlerinde de bonus puan veriliyor. Yönetim tüm puan kurallarını panelden değiştirebiliyor ve her puan hareketini kayıt defterinden izleyebiliyor.

Ziyaretçiyi geri getiren bildirim altyapısı

Bir etkinlik sitesinin değeri, ziyaretçiyi doğru zamanda geri çağırabilmesine bağlı. Bu yüzden dört ayrı kanal üzerinden çalışan bir bildirim altyapısı kurduk.

  • Site içi bildirim merkezi: Üst menüde zil ikonu, okunmamış bildirim sayısı ve açılır bildirim listesi.
  • Tarayıcı push bildirimleri: Uygulama indirmeye gerek kalmadan, tarayıcı üzerinden anında bildirim. Hangi senaryoda bildirim gideceği yönetim panelinden açılıp kapatılabiliyor.
  • Etkinlik hatırlatmaları: Katılacağını işaretleyen üyeye etkinlik öncesi hatırlatma e-postası.
  • Favori bildirimleri: Takip edilen sanatçı, mekan veya organizatör yeni bir etkinlik eklediğinde e-posta.

“Samsun’da Bu Hafta” bülteni

Her hafta varsayılan olarak Perşembe sabahı 09.00’da, haftanın etkinliklerini özetleyen bir e-posta bülteni otomatik gönderiliyor. Üyeler bülteni ayarlarından kapatabiliyor. Bülten aboneleri büyük listelerde de hızlı çalışması için ayrı bir veritabanı tablosunda tutuluyor.

E-posta altyapısı

  • SMTP entegrasyonu: E-postalar güvenilir bir e-posta sunucusu üzerinden gönderiliyor, spam klasörüne düşme riski azalıyor.
  • E-posta günlüğü: Sitenin gönderdiği her e-posta alıcı, konu ve kaynak bilgisiyle kaydediliyor. Başarısız bir e-posta panelden tekrar gönderilebiliyor, günlük CSV olarak indirilebiliyor.
  • Düzenlenebilir şablonlar: Tüm otomatik e-postaların konu ve içerikleri kod bilgisi gerektirmeden panelden değiştirilebiliyor.

Editör ekibinin işini hızlandıran araçlar

Platformun içerik üretimini küçük bir ekip yürütüyor. Bu yüzden versiyon 3’te tekrar eden editör işlerini mümkün olduğunca otomatikleştirdik.

Mail ile Haber

Kurumların ve organizatörlerin basın bültenleri çoğunlukla e-postayla, çoğu zaman da ekte bir Word dosyası olarak geliyor. Bu bültenleri haber haline getirmek için kopyala-yapıştır ve fotoğraf indirip yükleme işini ortadan kaldırdık.

  1. Panel, haber e-posta kutusundaki son 7 günün maillerini listeliyor.
  2. Editör bir maili seçip önizliyor. Ekteki Word (.docx) dosyasının metni ve içindeki fotoğraflar otomatik çıkarılıyor.
  3. Mail tek tıkla “Haber” kategorisinde bir yazıya dönüşüyor: taslak olarak kaydediliyor, hemen yayınlanıyor ya da yayın sırasına alınıyor.
  4. İstenirse metin yapay zekâ desteğiyle haber diline uyarlanıyor.

Türkçe karakter setleriyle sorunsuz çalışması için e-posta okuma ve çözümleme katmanını kendimiz yazdık. Bu sayede sistem, PHP 8.4 ile sunuculardan kaldırılan IMAP eklentisine ihtiyaç duymadan çalışıyor.

Yapay zekâ ile içerik üretimi

  • Açıklama üretimi: Google Gemini entegrasyonu ile etkinlik, mekan ve sanatçı açıklamaları tek tıkla taslak olarak üretiliyor.
  • Sosyal medya paylaşım kiti: Etkinlik düzenleme ekranından Instagram, X ve Facebook için platforma özel paylaşım metinleri hazırlanıyor.

Sanatçı bilgilerinin otomatik zenginleştirilmesi

Çok sayıda sanatçının bilgilerini tek tek aramak yerine, güvenilir açık veri kaynaklarından yararlandık.

  • Wikidata ve Wikipedia: Gerçek ad, doğum tarihi ve köken gibi bilgiler aday veri olarak öneriliyor.
  • MusicBrainz: Spotify, Instagram, YouTube, TikTok gibi resmi hesaplar ile tür önerileri getiriliyor.
  • Toplu zenginleştirme: Sosyal medya bilgisi eksik tüm sanatçılar tek seferde taranıp tamamlanabiliyor.

Tüm öneriler editör onayından sonra kaydediliyor. Böylece veri hızla tamamlanırken doğruluk kontrolü ekipte kalıyor.

Yönetim paneli

  • SE Ayarları: Renkler, yazı tipleri, e-posta, bildirim ve entegrasyon ayarlarının toplandığı sekmeli tema ayar merkezi. Ayarlar JSON olarak başka bir siteye taşınabiliyor.
  • Sekmeli düzenleme ekranları: Etkinlik, mekan, sanatçı ve organizatör alanları tek ekranda sekmelere ayrılmış durumda.
  • Yönetim takvimi: Etkinliklerin tarihleri sürükle-bırak ile değiştirilebiliyor.
  • Toplu işlemler: Durum, kategori ve tarihleri toplu güncelleme, hızlı düzenleme ve CSV ile içe-dışa aktarma.
  • Analitik paneli: Harici bir servise ihtiyaç duymadan 7, 15, 30, 90 günlük ve yıllık istatistikler, bir önceki dönemle karşılaştırmalı.

Sürdürülebilir bir gelir modeli

Bir şehir platformunun ayakta kalabilmesi için kendi gelirini üretebilmesi gerekiyor. Versiyon 3’te öne çıkarma ve reklam süreçlerini sistemin içine taşıdık.

  • Etkinlik tanıtım paketleri: WooCommerce üzerinden Bronz, Gümüş ve Altın paketler. Organizatörler kendi etkinliklerini ödemeyi yapıp kendileri öne çıkarabiliyor. Paket süresi bitince öne çıkarma otomatik sona eriyor.
  • Sponsorlu ve Editörün Seçimi: Yönetim herhangi bir etkinliği bu iki işaretle öne çıkarabiliyor. Editör seçimleri tek ekranda listeleniyor ve sürükle-bırak ile sıralanıyor.
  • Reklam ve banner yönetimi: Sitenin farklı alanlarındaki reklam alanları panelden yönetiliyor.
  • İlan süresi yönetimi: Etkinlik, mekan ve organizatör ilanlarına son geçerlilik tarihi verilebiliyor. Süresi dolan ilanlar otomatik olarak yayından kaldırılıp taslağa alınıyor.
  • Öne çıkan içerik alanları: VIP içeriklerin sitenin hangi alanlarında görüneceği ayarlardan seçiliyor.

Hız, arama motoru görünürlüğü ve güvenlik

Ziyaretçilerin büyük kısmı siteye sosyal medyadan, telefonla geliyor. Bu yüzden hız ve arama motoru uyumu, temayı yazarken ilk günden öncelikli konular arasındaydı.

SEO ve sosyal medya paylaşımı

  • Yapılandırılmış veri (JSON-LD): Etkinlikler, mekanlar ve sanatçılar arama motorlarına tarih, konum ve bilet bilgileriyle tanıtılıyor. Bu sayede Google’da zengin sonuç olarak görünme şansı artıyor.
  • Genişletilmiş XML site haritası: Tüm içerik türleri için ayrı site haritaları.
  • Otomatik paylaşım görselleri: Her etkinlik için afiş tarzında bir sosyal medya görseli otomatik üretiliyor.
  • Open Graph ve Twitter Card etiketleri: Ayrı bir SEO eklentisi kurulu değilse devreye giriyor, kuruluysa onunla çakışmıyor.

Performans

  • Kritik CSS: Sayfanın ilk görünen kısmı için gereken stiller sayfaya gömülüyor. Sayfa, stil dosyalarının yüklenmesini beklemeden görünmeye başlıyor.
  • Birleştirilmiş ve küçültülmüş dosyalar: Tema stilleri tek bir sıkıştırılmış dosyada sunuluyor.
  • Yerel yazı tipleri ve kütüphaneler: Google Fonts ve slider, harita, galeri kütüphaneleri sitenin kendi sunucusundan yükleniyor. Bu hem hız kazandırıyor hem de ziyaretçi verisinin üçüncü taraflara gitmesini engelleyerek KVKK uyumunu destekliyor.
  • Seçici yükleme: Yalnızca yönetim panelinde gereken modüller ziyaretçi sayfalarında hiç yüklenmiyor.
  • Önbellek dostu yapı: Dış servis yanıtları merkezi olarak önbelleğe alınıyor. Görüntülenme sayaçları, sayfa önbelleği açıkken de doğru sayıyor.
  • Düzenli veritabanı temizliği: Geçici veriler periyodik olarak temizleniyor, veritabanı zamanla şişmiyor.

Güvenlik ve erişilebilirlik

  • API koruması: Sitenin veri uç noktalarında yetki kontrolleri ve istek sınırlaması var. Bu, spam ve kötüye kullanımı önlüyor.
  • İçerik Güvenlik Politikası hazırlığı: Olası ihlaller şimdilik yalnızca raporlanıyor. Böylece sıkı politikaya geçildiğinde siteyi bozacak bir şey olup olmadığı önceden görülebiliyor.
  • Güvenli SVG yükleme: Yüklenen SVG ikonlar zararlı kodlardan arındırılıyor.
  • Erişilebilirlik: WCAG 2.1 AA hedefini esas alan bir erişilebilirlik beyanı sayfası hazır geliyor.

Tasarım ve esneklik

Sitenin görsel dilini sade ve editöryel bir çizgide kurduk: DM Sans yazı tipi ve Samsun Etkinlik’in turuncu rengi üzerine. Ekibin yazılımcıya ihtiyaç duymadan sayfa tasarlayabilmesi için de esnek bir yapı hazırladık.

  • 27 özel Elementor bileşeni: Hero alanları, slider’lar, etkinlik ızgaraları ve listeleri, sanatçı ve mekan ızgaraları, haber karuseli, video röportaj, istatistik ve animasyon bileşenleri.
  • Elementor olmadan da çalışma: Temel işlevler WordPress’in kendi blok editörü (Gutenberg) için de hazır. Editöre eklenen “Kısa Kod Ekle” butonu ile listeler ve formlar kod yazmadan sayfaya yerleştirilebiliyor.
  • Mega menü: Kategorileri görselleriyle sergileyen geniş menü.
  • Okunabilir haber sayfaları: “Bu haberde” içindekiler listesi, ilgili yazılar ve en çok okunanlar.
  • Uygulama gibi kullanım (PWA): Site telefonun ana ekranına eklenip bir uygulama gibi açılabiliyor.
  • Tutarlı ikon dili: Tüm arayüz ikonları tek bir merkezi SVG kütüphanesinden geliyor.

Şehrin kültür-sanat hayatı için bir dijital altyapı

Versiyon 3 ile Samsun Etkinlik, etkinlik ilanlarının listelendiği bir siteden; etkinlikleri, mekanları, sanatçıları ve organizatörleri birbirine bağlayan bir şehir rehberine dönüştü. Projeyi üç ilke üzerine kurduk:

  1. Ziyaretçi için: Ne zaman, nerede, kiminle sorularına hızlı cevap vermek ve onu doğru zamanda geri çağırmak.
  2. Editör için: Tekrar eden işleri otomatikleştirip ekibin vaktini içeriğin kendisine ayırmak.
  3. Platform için: Öne çıkarma ve reklam süreçlerini sisteme taşıyıp sürdürülebilir bir gelir modeli kurmak.

Mauna UP olarak bu projede hazır bir temayı uyarlamak yerine, platformun ihtiyaçlarına göre şekillenen özel bir yazılım geliştirdik. Platform büyüdükçe yeni özellikler eklemeye devam ediyoruz.

Benzer bir şehir rehberi, etkinlik ya da içerik platformu projeniz varsa bizimle iletişime geçebilirsiniz.