Halka açık org sitesi · sepet · ödeme (checkout) · hediye · form · sipariş takibi · org giriş · Türkçe · Masaüstü (1440px, tam ekran) · Mevcut arayüzün birebir yakalanması
Mevcut Bugün canlıda olan, mevcut uygulamadan birebir yakalanmış ekranlar
Planlanan Ekibin daha sonra tasarlayıp ekleyeceği yeni ekranlar
Bir bandın sol kenarındaki turuncu şerit + “PLANLANAN” etiketi = henüz yapılmamış, önerilen ekran.
Vitrin · Ana Sayfa — Kahraman + Güven Bandı + Nasıl Çalışır
Organizasyonun herkese açık sitesi (/[organizationSlug]/[[...slug]]), sayfa-oluşturucu (Puck) / özel-kod kayıtlarından render edilir. Flu Akademi markası koyu tema kullanır (tema panelden yapılandırılabilir; navigasyonda açık/koyu geçişi vardır). Chrome = özel yüzen nav (logo + Akademi/Etkinlikler/Dijital/Eğitmenler/Destek + sepet + avatar/giriş + tema anahtarı) ve çok sütunlu footer (“Powered by Teachfluence”). Bloklar: ImmersiveHero (gradyan başlık + 3 bento panel), SocialProofBand güven bandı, OnboardingCards “Nasıl Çalışır?” 3 adım. Kaynak: src/custom-pages/flu.
Ana sayfa — üst bölüm (kahraman, güven bandı, İZLE·TEST ET·BULUŞ)
F
Flu
AKADEMİ
Akademi EtkinliklerDijital Eğitmenler Destek
2
Giriş YapBaşla
Kaydırmayı Bırak.Dünyayı Keşfet.
Felsefe, mitoloji, psikoloji ve daha fazlası — alanının en iyi isimlerinden, kendi hızında, evinden öğren.
Akademi Dersleri
Alanında uzman eğitmenlerden, derinlemesine online dersler.
9+
Ders
83+
Saat içerik
5.000+
Katılımcı
Dersleri Keşfet
Etkinlikler
Canlı webinarlar ve yüz yüze buluşmalar.
40+
Etkinlik
100+
Saat
2.000+
Katılımcı
Etkinliklere Bak
Dijital Eğitimler
Kodlama, tasarım, sağlık, animasyon ve daha fazlası...
7+
Ders
40+
Saat içerik
1.000+
Kullanıcı
Dijital Eğitimler
12.000+öğrenci
4,9★★★★★
120+eğitim
50+eğitmen
Nasıl Çalışır?
01
İZLE
Kendi hızında izle, istediğin yerden eriş
1: Göz ve Nokta
2: Kompozisyon
02
TEST ET
Her bölüm sonunda bilgini ölç
Herakleitos'a göre arkhe nedir?
Su
Ateş
03
BULUŞ
Eğitmenle birebir derinleş
İC
Temel Sanat Eğitimi · İlker Canikligil
El Kaldır · 28 kişi
Kahraman başlık gradyanı (mor→altın) + 3 bento panel (Akademi/Etkinlikler/Dijital) HLS video arka planlar üzerinde. Nav yüzen bir “pill”; Akademi/Dijital/Eğitmenler açılır menüler barındırır. Marka rengi altın (≈ #FFBC0B); tema koyu ve organizasyon panelinden değiştirilebilir.
Vitrin · Ürün Kartı Kütüphanesi
Sayfa-oluşturucunun yeniden kullanılabilir ürün kartları — vitrin genelinde tekrar eden tasarım sistemi. Kaynaklar: BundleCard.tsx (Paket), CourseCard.tsx (Tek Ders), CoachingSessionCard.tsx (Danışmanlık), EventSpotlight.tsx (Etkinlik). Her kart: kapak + tür/indirim rozeti + başlık + eğitmen avatarları + fiyat (üstü çizili orijinal) + puan/süre + birincil aksiyon (Paketi İncele/Hemen Al/Randevu Al/Kayıt Ol) ve ikincil Sepete Ekle. Fiyatlar TR biçiminde, kurgusal.
Öne çıkan paket kartında rozet “1. Dönem/En Kapsamlı”, kategori rengi ve “%N indirim” + ders sayısı üst üste biner; “Pakete Dahil Dersler” ızgarası ve eğitmen satırı gövdede.
Tek Ders kartı — Hemen Al / Sepete Ekle
Felsefe%40
Felsefeye Giriş
Antik Yunan'dan modern düşünceye kavramların izinde.
4,92.140
NK
Nevzat Kaya
₺1.650₺990
Hemen AlSepete Ekle
Sahip olunan ders “Erişiminiz Var” (yeşil) rozetine, satış kapalıysa saleClosed etiketine döner.
Danışmanlık kartı — kategori çipi + ₺/seans + Randevu Al
POPÜLER45 dk
Kariyer Danışmanlığı
5,045 dk
🎓 Akademik₺1.500 /seans
Randevu AlSepete Ekle
Ücretsiz danışmanlıkta tek buton Talep Oluştur (başvuru formuna yönlendirir). “Randevu Al” bir uygunluk-takvimi modalı açar.
Etkinlik kartı — Online/Yüz Yüze + tarih + Kayıt Ol
ÖNE ÇIKANOnline
Felsefe Sohbetleri: Nietzsche
15 Tem 202620:00320
Kayıt Ol
Nevzat KayaFelsefe Eğitmeni
Webinar (Online) veya yüz-yüze buluşma; “ÖNE ÇIKAN” ilk kart 2 sütun kaplar. Etiket Online/Yüz Yüze etkinlik türüne göre.
Vitrin · Ürün Izgarası + Yorumlar + SSS + Footer
Ana sayfanın alt blokları. FeaturedPackages/HomeCoursesSection — Paketler / Tek Dersler alt sekmeleriyle ürün ızgarası; TestimonialMarquee — kayan öğrenci yorumları (isim + yaş/meslek + alınan eğitimler); FAQSection — akordeon SSS; Footer — çok sütunlu bağlantılar + sosyal + “Powered by Teachfluence”. Kaynak: src/custom-pages/flu/components/sections, components/layout/Footer.tsx.
Ürün ızgarası (Paketler/Tek Dersler alt sekmeleri) · Yorumlar · SSS · Footer
Akademi Dersleri
📦 Paketler📖 Tek Dersler
Felsefe
Felsefeye Giriş
4,9₺990
Mitoloji
Mitolojiye Giriş
4,8₺990
Psikoloji
Psikolojiye Giriş
4,9₺990
Öğrenci Yorumları
“Anlatım o kadar akıcı ki bir dersi bitirmeden diğerine geçemiyorum. Emeğinize sağlık.”
DP
Duygu P.
Siyaset Bilimi · Sosyolojiye Giriş
“Nevzat Hoca'nın mitoloji anlatısı bambaşka. Tüm Eğitimler Paketi'ni aldığıma değdi.”
EY
Erdinç Y.
Mitolojiye Giriş
“Kendi hızımda ilerleyip test bölümleriyle pekiştirmek çok işime yaradı.”
FK
Filiz K.
Felsefeye Giriş · Psikolojiye Giriş
Sıkça Sorulan Sorular
Eğitimlere nasıl erişebilirim?
Flu Akademi web sitesi üzerinden istediğiniz dersi veya paketi satın aldıktan sonra, satın aldığınız mail ile hesabınıza giriş yaparak video içeriklere anında erişebilirsiniz.
Eğitimlere ne kadar süreyle erişebiliyorum?
Paket satın almak mı yoksa tek ders almak mı daha avantajlı?
Canlı dersler var mı?
İade politikanız nedir?
F
Flu Akademi
Türkiye'nin premium online eğitim platformu. Bilgi ve becerilerinizi geliştirin, kariyerinizi dönüştürün.
Gizlilik PolitikasıMesafeli Satış Sözleşmesiİletişim
Powered by Teachfluence
Alt sekmeler paket/tek-ders arasında geçiş yapar (etkinliklerde Tümü/Online/Yüz Yüze). Yorumlar canlıda kayan bir marquee'dir. Footer her org sayfasında ortaktır ve “Powered by Teachfluence” bağlantısı Teachfluence apex'e UTM ile gider.
Vitrin · Sepetim (/sepet)
Alışveriş sepeti — orderable'ları gözden geçir, kupon uygula/kaldır, satır bazında hediye işaretle, ödemeye geç (createOrder). Giriş yapmış ve anonim (localStorage cartId) ziyaretçiler için çalışır. Sol: ürün kartları (görsel, başlık, tür etiketi Eğitim/Paket/Birebir Görüşme, seçilen randevu, çöp-kutusu, hediye aç/kapa). Sağ: yapışkan Sipariş Özeti (kupon çipleri, İndirim Kodu+Uygula, Ara Toplam / İndirim / Toplam, Siparişi Tamamla). Kaynak: sepet/CartPage.tsx, CartPage mesajları.
Dolu sepet — hediye formu açık bir satır dahil
F
Flu Akademi
AY
Sepetim
Tüm Eğitimler Paketi
Paket
₺9.949,50₺14.850,00
Hediye olarak gönder
Teslimat Yöntemi
E-postaLink
Alıcı E-posta *
ayse@example.com
Alıcı Adı (isteğe bağlı)
Alıcının adı
Kişisel Mesaj (isteğe bağlı)
Hediyenize bir mesaj ekleyin...
Kariyer Danışmanlığı — 3 Seans
Birebir Görüşme
Seçilen Randevu: 18 Tem, 14:00–14:45
₺4.050,00₺4.500,00
Hediye olarak gönder
Sipariş Özeti
FLU2026
İndirim Kodu
Uygula
Ara Toplam₺19.350,00
İndirim-₺5.350,50
Toplam₺13.999,50
Siparişi Tamamla
Hediye edilebilen türlerde (Eğitim/Paket/Danışmanlık) satır altında hediye aç/kapa görünür; açılınca E-posta/Link teslimat + alıcı alanları belirir. Danışmanlık satırında “Seçilen Randevu” slotu gösterilir. Kupon çipi “X” ile kaldırılır.
Boş durum
F
Flu Akademi
Sepetiniz boş
Sepetinizde henüz ürün bulunmuyor. Eğitimlerimize göz atın!
Kurslarıma Git
Ürün olmadığında merkezî kart. Yükleme durumunda merkezî dönen spinner gösterilir.
Vitrin · Sipariş / Ödeme (/siparis/[slug])
PAYMENT_PENDING siparişi için ana ödeme ekranı: sol Sipariş Özeti (satır kalemleri, hediye notu, “Bunu da hediye et!” upsell, promosyonlar, Toplam / Toplam İndirim / Ödenen (Taksitli)); sağ 3 adımlı akordeon — Hesap Bilgileri, Fatura/Makbuz Bilgileri, Ödeme (PayTR kart formu + taksit). Kaynak: order/components (OrderPage, BillingInformationStep, PaytrPaymentStep) + OrderPage/BillingForm/PaymentForm mesajları.
Ödeme adımı açık — kart formu + taksit seçenekleri
F
Flu Akademi
Sipariş Özeti
Bu sipariş hediye içeriyor
Tüm Eğitimler Paketi
Senin için
₺9.949,50
Kariyer Danışmanlığı — 3 Seans
Ayşe için hediye
₺4.050,00
Bunu da hediye et!
Sevdiklerinize hediye olarak gönderin
Devam
Toplam₺19.350,00
Toplam İndirim (Otomatik İndirim)-₺5.350,50
Ödenen (Taksitli)₺13.999,50
Hesap Bilgileri
Fatura Bilgileri
3Ödeme
Kart Numarası
5218 42•• •••• 3344
Kart Üzerindeki İsim
AHMET YILMAZ
Ay / Yıl
08 / 28
CVC
•••
Taksit Seçenekleri
Tek Çekim₺13.999,50
3 Taksit3 × ₺4.799,83
6 Taksit6 × ₺2.449,91
Devam Et
Ödemeler güvenli ve şifrelidir
Akordeon: tamamlanan adımlar yeşil onay; aktif adım altın. Fatura adımı bireysel/kurumsal alanları içerir (Ülke, Ad, Soyad, Adres, İl, İlçe, Telefon; “Kurumsal Fatura” → T.C. Kimlik / Şirket Adı / Vergi Numarası / Vergi Dairesi). Ödeme = PayTR direkt kart formu; ₺0 siparişte “Ücretsiz Siparişinizi Tamamlayın” adımı gelir.
Fatura Bilgileri adımı (kurumsal açık)
Fatura Bilgileri
Ülke
Türkiye
Ad
Ahmet
Soyad
Yılmaz
Adres
Adres
İl
İstanbul
İlçe
Kadıköy
Kurumsal Fatura
Şirket Adı
Örnek Yazılım A.Ş.
Vergi Numarası
1234567890
Vergi Dairesi
Kadıköy
Devam Et
Alanlar org bazında yapılandırılabilir; kapsamlı Zod doğrulaması (T.C. 11 hane, vergi no vb.). Uluslararası siparişte “Vergi / KDV Numarası” + posta kodu alanları.
Ara durumlar — sipariş oluşturuluyor / ücretsiz / başarılı
Siparişin oluşturuluyor...
Ücretsiz Siparişinizi Tamamlayın
Bu sipariş ücretsizdir. Kaydınızı tamamlamak için aşağıya tıklayın.
Siparişi Tamamla
Ödeme Başarılı!
Teşekkürler! Hemen öğrenmeye başla.
Öğrenmeye Başla
“Buy now” girişinde (/siparis?course=…) createOrder çağrılıp /siparis/[slug]'a yönlendirilir. Başarı ekranı “Teşekkürler! / Ödeme Başarılı! / Siparişin” kalemlerini (Senin için · hediye · bağlantı ile paylaş) gruplar; işlemede “Ödemeniz işleniyor...” polling.
Vitrin · Siparişlerim · Hediyeler · Dijital Teslimat · Form
Uygulama-kontrollü standart akışlar. /siparisler — sipariş geçmişi + gönderilen/alınan hediyeler (3 sekme, durum filtresi); /hediye?token= — hediye önizleme/alma; /dijital-urun-teslimat?token= — token korumalı belge indirme; /form/[formSlug] — herkese açık form doldurma. Kaynak: order/components, StudentOrdersPage/GiftCard/GiftRedemptionPage/DigitalProductDelivery mesajları.
Siparişlerim — sekmeler + durum filtresi + sipariş kartları
F
Flu Akademi
Siparişlerim
Siparişlerini ve hediyelerini buradan takip edebilirsin.
Durum filtresi yalnızca siparişlere uygulanır. Filtre seçildiğinde abonelik ödemeleri listede görünmez.
Sipariş kartı: ürün sayısı, durum rozeti (OrderStatus), tutar, “Detayları Gör”. Boş: “Henüz siparişin yok”. Filtre çoklu-durum onay listesidir.
Hediye kartı · Hediye alma (/hediye)
Kullanılabilir14 Tem tarihinde gönderildi
AlıcıAyşe için
MesajDoğum günün kutlu olsun!
Hediye İçeriğiTüm Eğitimler Paketi
Bağlantıyı Kopyala
Hediyeni Almaya Hazırsın!
Nevzat sana bir hediye gönderdi! Aşağıdaki butona tıklayarak hediyeni hesabına ekleyebilirsin.
Hediye İçeriği: Mitolojiye Giriş
Hediyeyi Al
Durum rozetleri: Ödeme Bekleniyor / Kullanılabilir / Kullanıldı. Giriş yoksa “Hediyeyi almak için giriş yapman gerekiyor” + kayıt formu; ödeme tamamlanmadıysa “Hediye Henüz Hazır Değil”.
Dijital Ürün Teslimatı (/dijital-urun-teslimat)
Dijital ürün teslimatı
Sıfırdan Blender ile 3B Modelleme
Satın aldığınız ürünün belgelerini aşağıdan indirebilirsiniz.
Kaynak Dosyalar
blender-kaynak.zip · 248 MB
İndir
Çalışma Kitabı (PDF)
calisma-kitabi.pdf · 12 MB
Sırada bekliyor…
Dosya başına hazırlık/poll durumları: “Sırada bekliyor…” → “Kişisel kopyanız hazırlanıyor…” → “Dosyanız hazır”. Belge yoksa “Bu ürün için indirilebilir belge bulunmuyor.”; token geçersizse hata kartı.
Herkese Açık Form (/form/[formSlug])
F
Flu Akademi
Danışmanlık Başvuru Formu
Sana en uygun eğitmeni eşleştirebilmemiz için birkaç soru.
2 / 5
Hangi alanda destek istiyorsun? *
Kariyer & İş
Akademik
Kişisel Gelişim
Geri
Devam Et
Form renderer çoklu-soru gezinme, hesaplama, notlandırma ve satır içi ödemeyi (org'un aktif PI_PAYTR yöntemi) destekler. Navbar form ayarına (showNavbar) bağlı; tamamlanınca /form/[slug]/sonuc'a yönlendirir.
Aynı yeni bloğun herkese açık org sitesinde (org temasında, Flu = koyu) yayınlanmış hâli — artık salt bir liste değil, bir üyelik dönüşüm yüzeyi. Herkese açık (OPEN) etkinlikler ücretsiz teaser olarak normal görünür; üyeye özel (PRIVATE) alanların etkinlikleri ise kilitli teaser + üyelik CTA olarak gösterilir ve ziyaretçiyi o alanı açan abonelik kademesine (unlockingTiers) yönlendirir. GİZLİ (SECRET) alanlar hiç gösterilmez — teaser bile edilmez. Kilitli teaser kartları detay/PII taşımaz: yalnızca maskeli başlık + tarih + alan adı + “üyelere özel” rozeti; katılımcı listesi (goingCount/RSVP) ve içerik gösterilmez. Temel blok communityEvents(from,to,spaceId) (OPEN) ile beslenir; kilitli etkinlik teaser’larını yüzeye çıkarmak için yeni bir minimal herkese açık sorgu gereklidir (backend iş kalemi).
Herkese açık etkinlikler ücretsiz. Üyelere özel canlı yayın ve atölyeleri üyelikle aç.
Temmuz 2026
PztSalÇarPerCumCmtPaz
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
Sanal
Yüz yüze
Üyelere özel
18 Temmuz
Cumartesi · 1 herkese açık · 1 üyelere özel
SanalÜcretsiz
Canlı Soru-Cevap: Etik Tartışmaları
20.00 – 21.30 · Genel Sohbet
142 kişi katılıyor
KatılDetay
Üyelere özel
İleri Seviye Atölye · Kapalı Oturum
18 Tem 2026 · Ders Yardımı
Üye Ol · Flu Üyelik
Üyelere özel etkinlikler üyelikle açılır
Topluluğa katıl · tüm canlı etkinliklere eriş
Üyelere özel canlı yayınlar, atölyeler ve buluşmaların tümü — tek üyelikle.
Üye Ol
Flu Üyelik · ₺79/ay'dan
Takvim hücresi 13.* etkinlik bantlarıyla aynı yapıdadır: herkese açık günler noktayla (Sanal = mavi · Yüz yüze = org vurgu rengi), üyelere özel günler menekşe nokta + ic-lock ile işaretlenir (gizli GİZLİ/SECRET alanlar hiç görünmez). Seçili günün sağ panelinde herkese açık etkinlik normal (Katıl/Detay), üyelere özel etkinlik ise maskeli başlık + tarih + alan içeren kilitli teaser olarak açılır — katılımcı sayısı gösterilmez, tek aksiyon Üye Ol. Altta tam-genişlik dönüşüm bandı (unlockingTiers planına yönlendirir).
2 · Liste + kilitli teaser’lar · herkese açık kartlar sonra “Üyelere Özel Etkinlikler”
Topluluk
Yaklaşan Etkinlikler
TEM18
SanalÜcretsiz
Canlı Soru-Cevap: Etik Tartışmaları
18 Tem 2026, 20.00 – 21.30 · Genel Sohbet
142 kişi katılıyor
KatılDetay
TEM25
Yüz yüzeÜcretsiz
Yüz Yüze Buluşma · İstanbul
Kadıköy, İstanbul · 25 Tem 2026, 15.00
27 kişi katılıyor · 13 yer kaldı
KatılDetay
Üyelere Özel Etkinlikler
Üyelere özel
İleri Seviye Atölye · Kapalı Oturum
22 Tem 2026 · Ders Yardımı
Üye Ol
Flu Üyelik ile açılır
Üyelere özel
Mentor Masası · Birebir Değerlendirme
28 Tem 2026 · Mentorluk Odası
Üye Ol
Flu Üyelik ile açılır
Tüm etkinliklere eriş
Kilitli teaser’lar detay/katılımcı listesi taşımaz · gizli (SECRET) alanlar hiç gösterilmez
Herkese açık kartlar 13.* etkinlik satırıyla aynı anatomiyi taşır (tarih bloğu + başlık + konum rozeti + saat + Ücretsiz + katılıyor sayısı; Katıl birincil). Altta “Üyelere Özel Etkinlikler” bölümü kilitli teaser kartları listeler: kilit ikonu + maskeli (blur) başlık + tarih + alan + “üyelere özel” — katılımcı sayısı / detay yok, tek aksiyon Üye Ol (unlockingTiers planına, ör. “Flu Üyelik”). Bölüm altındaki “Tüm etkinliklere eriş →” toplu dönüşüm CTA’sıdır. Uzantı (D5): blok, bir topluluk etkinliğine bağlı ücretli Canlı Etkinlik'leri de “Ücretli · Canlı Etkinlik · Satın Al” rozetli kartlarla gösterebilir — aynı kilitli-teaser→CTA deseninin ticaret hâli (bkz. 13.14).
3 · Dönüşüm kartı · tek kilitli etkinlik → üyelik gerekli
Bu etkinliğe katılmak için üyelik gerekli
Bu etkinlik üyelere özel bir alanda. Üye olarak canlıya katıl ve kaydını izle.
Üyelere özelSanal
İleri Seviye Atölye · Kapalı Oturum
22 Tem 2026, 20.00 · Ders Yardımı
Flu Üyelik
₺79 / ay
Tüm canlı etkinlikler ve kayıtları
Üyelere özel topluluk alanları
Tüm içeriklere tam erişim
Hemen Üye Ol
Zaten üye misin? Giriş yap
Tek kilitli etkinlik için odaklı paywall kartı (13.* etkinlik anatomisi + 02.6 kademe/fiyat idiomu): kilit hero + maskeli etkinlik özeti (başlık blur, tarih + alan) + alanı açan unlockingTiers kademesi (ad “Flu Üyelik” + fiyat ₺79/ay + fayda maddeleri: canlı etkinlik · topluluk · içerik) + Hemen Üye Ol. İkincil “Giriş yap” zaten üye olanı ayırır. Katılımcı/detay sızmaz.
4 · Boş-ama-CTA · herkese açık etkinlik yok, blok yine dönüştürür
Topluluk
Yaklaşan Etkinlikler
Şu an herkese açık etkinlik yok
Ama üyelere özel 5 etkinlik seni bekliyor — canlı yayınlar, atölyeler ve buluşmalar.
Üye Ol · Üyelere Özel Etkinliklere Eriş
Flu Üyelik · ₺79/ay'dan
Herkese açık pencerede 0 etkinlik olsa bile blok ölü uç değil, dönüşür: boş durum “Üye ol, üyelere özel etkinliklere eriş” CTA’sına döner ve mevcut üyelere özel etkinlik sayısını (SECRET hariç, aggregate) cazibe olarak gösterir. Anonim ziyaretçi taslak/gizli etkinlikleri hiç göremez; bu yüzden içeriden dolu bir ay dışarıdan “herkese açık boş” görünebilir — CTA tam da bunu satışa çevirir.