Livanespor Dayanışma Gecesi için Dijital Roket olarak sıfırdan geliştirdiğimiz canlı bağış ve sahne gösterim sistemi, tek bir gecede 550.000 TL'nin üzerinde bağış toplanmasını sağladı. Bu yazıda, kulüp yöneticilerinin ve etkinlik organizatörlerinin ilham alacağı projenin arka planını, teknik altyapısını ve gecenin sonundaki büyülü sonucu paylaşıyoruz.
1. İhtiyaç: Neden Livanespor'a Özel Bir Yazılım Gerekiyordu?
Bursa'nın köklü kulüplerinden Livanespor, 2026-2027 sezonunun kadrosunu güçlendirmek için 23 Haziran 2026'da Kasaba Garden'da Dayanışma Gecesi düzenlemeye karar verdi. Kulüp yönetimi bize başvurduğunda üç temel sorunu masaya koydu:
Klasik Bağış Etkinliklerindeki 3 Kronik Problem
- Şeffaflık eksikliği: Bağışçılar toplanan tutarın gerçek zamanlı olarak nereye gittiğini göremiyor. Etkinlik sonunda söylenen "toplam" rakamı çoğu zaman havada kalıyordu.
- Duygusal bağın kaybolması: Bağış yapan misafir, yaptığı katkının kulübün geleceğine somut olarak nasıl dokunduğunu hissedemiyor. Bir zarf ya da makbuz veriliyor; bu kadar.
- Operasyonel kaos: 200+ misafirin olduğu bir gecede kim kart ödedi, kim nakit verdi, kim havale yapacağını söyledi — hepsini kağıt-kalem takip etmek imkânsız. Hataların bedeli hem para hem de itibar kaybı.
Livanespor yönetimi bu geceyi "kadroyu birlikte kuruyoruz" konseptiyle prestijli bir spor kulübü sezon lansmanına dönüştürmek istiyordu. Bağış yerine destek vurgusu, "bir zarfa para koymak" yerine "yeni sezonun 11'ini oluşturmak" hikâyesi... Kısacası ihtiyaçları şuydu:
"Misafirler telefonlarıyla anında destek verebilsin. Verdikleri destek büyük ekranda konfetiyle patlasın. Kulübün 4-3-3 dizilişi sahada oluşurken herkes bunu birlikte inşa ettiğini hissetsin. Ve tüm ödemeler — kart, nakit, havale — kayıp yaşamadan, çift kayıt olmadan, gecikmeden işlensin."
İşte tam bu noktada Dijital Roket devreye girdi.
2. Çözüm: Dijital Roket'in Kurduğu 5 Ekranlı Canlı Ekosistem
Livanespor İlk 11 Destek Sistemi'ni full-stack modern web mimarisiyle sıfırdan geliştirdik. Bir gecede yüzlerce eş zamanlı isteği kaldıracak, projeksiyona 16:9 oranında oturacak ve mobil kullanımda %100 optimize çalışacak bir sistem tasarladık.
Kullanılan Teknolojiler
- Frontend: React 19, Tailwind CSS, Framer Motion (animasyonlar), canvas-confetti (sarı-siyah konfeti), qrcode.react
- Backend: FastAPI (Python), MongoDB, WebSocket (anlık iki yönlü iletişim)
- Özel entegrasyonlar: OpenAI gpt-image-2 ile otomatik logo üretimi, dinamik CSV/Excel dışa aktarımı
- Tipografi: Bebas Neue + Manrope — stadyum atmosferi taşıyan premium siyah-sarı görsel dil
Sistemin 5 Ana Ekranı ve İşleyişi
2.1. Sahne Ekranı (/stage) — "Kadroyu Birlikte Kuruyoruz"
Projeksiyona bağlanan büyük ekranda; stadyum ışıklandırma efektleri arasında Livanespor logosu, canlı toplam bağış sayacı, 4-3-3 dizilişi ile 11 mevkiye ait pozisyon kartları ve sağ tarafta akan canlı destek feed'i yer alıyor. Bir misafir destek gönderdiğinde:
- Ekran hafifçe kararır.
- Ortada büyük bir teşekkür pop-up'ı açılır: destekçinin adı, verdiği mevki, tutar.
- İlgili mevki kartı sarı bir aurayla parlamaya başlar.
- Sarı-siyah-beyaz konfeti patlar.
- Sağ üstteki toplam sayaç, count-up animasyonuyla eski tutardan yeni tutara kayarak artar.
- 250.000, 500.000, 750.000, 1.000.000 TL gibi kilometre taşları geçildiğinde Milestone Banner devreye girer, tüm ekran özel bir kutlama gösterir.
Tüm bunlar birbirini ezmeyen bir pop-up kuyruk sistemi sayesinde, aynı anda gelen 10 bağış olsa bile teker teker, akıcı bir ritimde ekranda gösteriliyor. Bu detayı biz "operatörün mikrofonu bırakmadan gecenin sahnesini yönetebilmesi" için ekledik.
2.2. QR Destek Formu (/support) — Masadaki Herkesin Cebinde
Restoranın her masasına, üzerinde Livanespor logosu olan özel bir QR kod yerleştirdik. Misafir cebindeki telefonla okuttuğu anda mobil-öncelikli tasarlanmış forma ulaşıyor:
- Ad Soyad / Kurum
- Masa Numarası + Telefon
- Destek tutarı (hızlı seçim: 1.000 · 3.000 · 5.000 · 10.000 · 25.000 · 50.000 · 75.000 · 100.000 TL veya özel tutar)
- Destek vermek istediği mevki (11 mevki + Genel Kadro)
- Ödeme tipi: Kart · Nakit · Havale
Havale seçen misafirlere anında kopyalanabilir IBAN, hesap adı ve banka bilgisi ekranı geliyor. Tek tıkla panoya kopyala butonları, "unuttum" ihtimalini sıfırlıyor.
2.3. Admin Paneli (/admin) — 4 Farklı Yönetici İçin 4 Ayrı İş Akışı
Livanespor yönetim kurulunda gecenin farklı sorumlulukları vardı. Biz de admin panelini rol bazlı iş akışı mantığıyla kurguladık:
- Kart Ödemeleri Sekmesi: Kart ekibi bu sekmeyi telefonundan takip etti. QR ile "kart" seçen misafir listeye düştü, ekipteki arkadaş POS cihazıyla o masaya gitti, ödemeyi aldı, "POS ile Ödeme Alındı" butonuna bastı.
- Nakit Ödemeleri Sekmesi: Nakit ekibi aynı şekilde masaya gidip parayı teslim aldı.
- Havale Ödemeleri Sekmesi: Havale ekibi banka mobil uygulamasından ödemeyi doğrulayıp onayladı.
- Onaylananlar Sekmesi: Ödemesi tamamlanan tüm destekler bu listeye düşüyor. Buraya bakan yönetici "Ekrana Gönder" butonuna basınca destek büyük sahnede konfetiyle patlıyordu.
Her yönetici kendi telefonundan aynı anda çalışabildi. Sidebar hamburger menüyle açılıp kapanıyor, tablolar mobilde otomatik olarak dikey kart görünümüne geçiyor, dokunma hedefleri 44px iOS/Android standartlarına oturuyor. Yeni QR desteği geldiğinde tüm yöneticilerin telefonuna anlık toast bildirimi düşüyor.
2.4. Final Ekranı (/final) — Gecenin Kapanış Sahnesi
Etkinlik bitiminde tek tıkla açılabilen final ekranı; toplam bağış tutarını, mevki bazlı dağılımı, en çok destek alan mevkiyi ve destekçi onur listesini gösteriyor. Misafirler kendilerini ekranda görüyor, kulüp ise gecenin duygusal noktasını profesyonel bir sunumla kapatıyor.
2.5. Yönetici Girişi (/login) — Hızlı Erişim
Etkinlik gecesi hızlı erişim için "Admin Olarak Hızlı Giriş" butonu ekledik. Yöneticilerin şifre girmesine gerek kalmadan tek tıkla panele giriş yapabilmesi, akışın hızını sekmesiz tuttu.
Gerçek Zamanlı Senkronizasyon: WebSocket Mucizesi
Admin panelinden yapılan her aksiyon (ödeme onayı, sahneye gönderme, milestone tetikleme) WebSocket üzerinden anında sahne ekranına yansıdı. Yani ödemeyi onaylayan yönetici butona bastığı andan itibaren 0.3 saniye içinde büyük ekranda pop-up görünüyordu. Sayfa yenileme yok, gecikme yok, mola yok.
Livanespor'un Renkleriyle Kişiselleştirilmiş Görsel Dil
Sistem tamamen Livanespor'un kurumsal kimliğine göre tasarlandı: siyah (#000), Livanespor sarısı (#f5dc4c) ve parlak sarı vurgu (#FFD700). Stadyum ışıkları, ince neon sınırlar, saha çizgileri, glass-morphism paneller ve grain doku ile premium bir spor kulübü lansman ekranı hissi elde ettik. Ayrıca OpenAI gpt-image-2 modeliyle admin panelinden logo otomatik üretilebiliyor.
3. Sonuç: Bir Gecede 550.000 TL, 75 Onaylı Destek, Sıfır Kaos
23 Haziran 2026 gecesi, Kasaba Garden'da olağanüstü bir sonuç alındı:
- 550.600 TL onaylı destek toplandı — hedef bile konulmadan, tamamen misafir katılımıyla.
- 75 onaylı destek kaydı — kart, nakit ve havale kanallarına dengeli dağıldı.
- Sistemde 80 kayıt oluştu, sadece 5 kayıt mükerrer/yanlış giriş olduğu için reddedildi — %94 doğruluk.
- Reddedilenler otomatik olarak toplamdan düşürüldü, yönetim kurulu tek bir hesaplama hatasıyla karşılaşmadı.
Ödeme Kanallarına Göre Dağılım
| Ödeme Kanalı | Kayıt Sayısı | Onaylı Tutar |
|---|---|---|
| Nakit | 23 | 259.000 TL |
| Havale (IBAN) | 25 | 161.000 TL |
| Kart (POS) | 32 | 130.600 TL |
Ölçülemeyen Kazanımlar
Rakamların ötesinde, sistemin gecelemenin ruhuna kattığı değer paha biçilmezdi:
- Misafirler telefonlarıyla verdikleri desteği büyük ekranda konfetiyle patlamış görmek için heyecanla bekledi. Kimi "adım geçince alkışlayın" diye masasındakileri uyardı, kimi videosunu çekip Instagram'a koydu.
- Yönetim kurulu üyeleri, ellerinde defter yerine kendi cep telefonlarıyla gecenin operasyonunu profesyonelce yönetti.
- Gece sonunda ekrana yansıyan final tablosu, bir sosyal medya viral videosuna dönüştü. Diğer kulüplerin yöneticileri "biz de böyle bir şey yapmak istiyoruz" mesajları göndermeye başladı.
"Beklediğimizin çok üzerinde bir gece yaşadık. Dijital Roket sadece bir yazılım kurmadı, gecemizin duygusal seyrini yönetti. Misafirlerimiz teknolojiyle ilk kez bu kadar duygusal bir bağ kurdu."
— Livanespor Yönetim Kurulu
Kulübünüz İçin de Böyle Bir Sistem İster misiniz?
Livanespor İlk 11 Destek Sistemi tamamen Livanespor'a özel geliştirildi. Ama arkasındaki mimari — canlı sahne ekranı, QR bağış formu, 3 kanallı ödeme onay akışı, WebSocket senkronizasyon, mobil-uyumlu admin paneli, otomatik raporlama — her spor kulübü, dernek ve vakıf için özelleştirilebilir.
İster amatör bir mahalle takımı olun, ister süper lig kulübü — kendi renklerinizde, kendi dizilişinizde, kendi ödeme kanallarınızla çalışan bir sistemi 2-3 hafta içinde canlıya alabiliriz. Dahası:
- Basketbol kulüpleri için 5-1 diziliş versiyonu
- Voleybol kulüpleri için 6-2 formasyon
- Dernekler için "sponsor mevkileri" konsepti
- Okul mezun dernekleri için "burs alan öğrenci" gösterimi
...gibi tamamen kendi hikâyenize göre kurgulayabiliriz.
Neden Dijital Roket?
Biz sadece kod yazan bir yazılım şirketi değiliz. Etkinliğinizin duygusal ritmini, marka kimliğinizi ve operasyonel gerçeklerinizi anlayıp uçtan uca dijital ürün geliştiriyoruz. Livanespor projesinde olduğu gibi, size hem sistemin kodunu, hem eğitimini, hem de gece boyu teknik desteği veriyoruz.
Bir sonraki dayanışma gecenizi teknoloji şovuna dönüştürelim.
İletişim: dijitalroket.com/iletisim
