nora flow: saját online pilates platform bővítmények helyett
Bővítmények helyett saját rendszer: előfizetés, automatikus e-számla és védett videó – iPhone-ra és a Facebook beépített böngészőjére hangolva.
A nora flow története egy telefonon
-
kiindulásWordPress
Bővítmények helyett egy rendszer kellett.
A WordPress + WooCommerce + LearnDash összeállítás túl bonyolult egy edzőnek: minden funkció más bővítményben, más beállítófelületen, és a védett videóra, a magyar e-számlára nincs jó válasza.
-
platformsaját rendszer
Egy egységes, saját platform.
Laravel 12 és Filament 4 alapokon, saját design rendszerrel: egy felület a tartalomnak, a tagoknak, a fizetésnek és a számlázásnak.
-
érkezésiPhone, Facebook
A tagok harmada a Facebook appból jön.
A látogatók 54%-a iPhone-ról érkezik. Ez határozta meg, mit tesztelünk először: érintés, beépített böngésző, Apple Pay.
-
fizetéselőfizetés
Fizetés és számla – kézi munka nélkül.
A fizetést teljes egészében a Stripe kezeli: a platform nem tárol fizetési adatot, csak a Stripe visszaigazolását kapja meg. Utána automatikusan megy az e-számla a Billingóval.
-
lejátszásvédett videó
Gyors lassú neten is, linkként nem megosztható.
A 2,3–5,4 GB-os eredeti fájlokból Cloudflare Stream adaptív HLS-t készít. Pár óráig érvényes aláírt token, lejátszás csak a noraflow.hu-n.
-
launchelső két nap
29 regisztrált felhasználó két nap alatt.
A launch után, organikus forgalomból és social media megosztásokból. Induláskor 9 program és nagyjából 15 óra tartalom várta őket.
- Ügyfél
- nora flow – Majlinger Nóra, pilatesoktató
- Helyszín
- Online
- Terület
- Online pilates, előfizetés
- Szolgáltatások
- Egyedi webplatform, fizetés és számlázás, videó-kiszolgálás, üzemeltetés
- 01
Kihívás
A WordPress + WooCommerce + LearnDash összeállítás túl bonyolult egy edzőnek: minden funkció más bővítményben él. Védett, mobilon is gyors videó és ismétlődő fizetés szabályos e-számlával kellett – elsősorban iPhone-ra és a Facebook beépített böngészőjére.
- 02
Megoldás
Saját Laravel 12 + Filament 4 platform: előfizetés a Stripe-on keresztül (fizetési adatot a platform nem tárol), automatikus Billingo e-számla, Cloudflare Stream adaptív videó aláírt tokennel és domain-korlátozással, hozzájárulás-alapú mérés.
- 03
Eredmény
A launch után organikus forgalomból és social media megosztásokból két nap alatt 29 regisztrált felhasználó. A fizetés, a számlázás és a tagkezelés kézi adminisztráció nélkül fut.
Egy pilatesoktatónak nem bővítmények kellenek, hanem egy felület, ahol órát tölt fel, és a tagjai edzenek. A nora flow ezért saját platformot kapott.
Majlinger Nóra több mint tíz éve pilatesoktató. A nora flow – „move. breathe. flow.” – az ő online, videós pilates programja havi előfizetéssel. A cél egyszerű volt: a tagok otthonról, a saját tempójukban, bármilyen eszközön edzhessenek, Nóra pedig fejlesztő nélkül kezelhesse a tartalmat.
A kiindulás: túl sok mozgó alkatrész
Kézenfekvőnek tűnt a WordPress, WooCommerce és LearnDash összeállítás. Működne, de minden funkció egy másik bővítményben él, más beállítófelülettel és más frissítési ritmussal – egy edzőnek ez túl bonyolult, és minden frissítés újabb hibalehetőség. Ráadásul több kérdésre a bővítmények nem adnak jó választ:
- Védett videók: ne legyenek linkként megoszthatók, és lassú mobilneten is fussanak – miközben az eredeti fájlok 2,3–5,4 GB-osak.
- Ismétlődő fizetés és szabályos magyar e-számla emberi beavatkozás nélkül.
- iPhone és a Facebook beépített böngészője: innen jön a tagok jelentős része.
Saját, egységes platform
Bővítmények helyett saját, egységes rendszert építettünk Laravel 12 és Filament 4 alapokon: egy felület a tartalomnak, a tagoknak, a fizetésnek és a számlázásnak. A platform a Dreasure saját szerverén fut, a Cloudflare mögött.
Fizetés és számlázás
- A fizetést teljes egészében a Stripe kezeli (Checkout, ügyfélportál, kuponkódok): a platform semmilyen fizetési adatot nem tárol, csak a Stripe aláírt visszaigazolását kapja meg.
- Automatikus e-számla a Billingóval (a Számlázz.hu is választható), dupla számla elleni védelemmel.
Védett, gyors videó
A videókat a Cloudflare Stream adaptív HLS-ként szolgálja ki, így a lejátszás a hálózathoz igazodik. A lejátszás pár óráig érvényes, aláírt tokennel történik, és csak a noraflow.hu-n engedélyezett. A feltöltés közvetlenül a böngészőből megy a Cloudflare-re, méretkorlát nélkül és a szerver terhelése nélkül.
A képernyőfelvétel ellen nincs tökéletes védelem, és ezt őszintén ki is mondtuk. A választott megoldás a rétegzett védelem: aláírt link és domain-korlátozás.
Tagi élmény
- Folytatás onnan, ahol a tag abbahagyta; teljesített órák, percek és napi sorozat.
- Kedvencek, címkék, „Új” jelölés, időzített megjelenés, ingyenes bemutató órák és programok.
- Automatikus levelek az adminban szerkeszthető sablonokkal: üdvözlés, sikeres előfizetés, sikertelen fizetés, lemondás, inaktivitási emlékeztető.
Amit az adatok mondtak
A látogatók 54%-a iPhone-ról, 29%-a számítógépről, 8%-a Androidról érkezett. A tagok nagyjából harmada a Facebook alkalmazás beépített böngészőjéből jött. Ez határozta meg a tesztelési sorrendet: érintésre optimalizált felület, hover-effektek csak egérrel, és külön figyelem a beépített böngészőre.
A mérés (GA4, Google Ads, Meta Pixel) kizárólag hozzájárulás után indul, Consent Mode v2-vel; a regisztráció, a fizetés indítása és a sikeres előfizetés értékkel, vásárlásonként egyszer mérődik. Az adminban a vezérlőpult a valóban befolyt bevételt mutatja, teszt- és visszatérített fizetések nélkül.
A launch után
Organikus forgalomból és social media megosztásokból két nap alatt 29 regisztrált felhasználó lett. Induláskor 9 program, nagyjából 15 óra tartalom várta őket.
Üzemeltetés
42 automatikus teszt, biztonsági zár, hogy a tesztek soha ne fussanak az éles adatbázison, mentés minden változtatás előtt. Minden beállítás – levelezés, fizetés, számlázás, videó, mérőkódok – egy helyen, titkosítva.
Hogyan tovább
A következő lépések: PWA, majd bolti mobilalkalmazás, push-értesítések és állandó tesztoldal a fejlesztésekhez.
