Online pilates · saját platform

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.

Egy platform, egy telefonon

A nora flow története egy telefonon

  1. 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.

  2. 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.

  3. é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.

  4. 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.

  5. 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.

  6. 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
  1. 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.

  2. 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.

  3. 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.

29regisztrált felhasználó két nap alatt
54%látogató iPhone-ról
9program induláskor
42automatikus teszt

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.

Nézd meg élőben: noraflow.hu

Sárdi Márk

Minden ami elektromos, vagy ip címe van az érdekel.

Megosztás

Segíthetünk ebben?

Írj nekünk, és 48 órán belül jelentkezünk egy ajánlattal.

Kapcsolat