Case studyConnected Hair

Akademia fryzjerska, która działa jak Netflix.

Ponad 100 kursów wideo dla fryzjerów przenieśliśmy z WordPressa na własną platformę: katalog jak w serwisie streamingowym, konta i plany, bezpieczne wideo, wyszukiwarka po treści kursów i asystent AI odpowiadający z materiałów.

connectedhair.com
Akademia Connected Hair: katalog kursów w stylu Netflixa

Wyzwanie

Akademia Connected Hair, największa polska platforma edukacyjna dla fryzjerów, działała na WordPressie: rozbudowany zestaw wtyczek do subskrypcji, płatności i wideo, coraz wolniejsza strona i interfejs, którego nie dało się już rozwijać w tempie, w jakim rósł produkt. Cel: doświadczenie jak w serwisie streamingowym, pełna kontrola nad płatnościami i danymi, i to wszystko bez przerwy w działaniu dla obecnych kursantów.

Katalog jak w serwisie streamingowym

Kursant przegląda kursy tak, jak przegląda się filmy: rzędy tematyczne, podgląd wideo po najechaniu na kafel, hero z zapowiedziami nowości. Każdy kurs i każdy edukator ma własną, publiczną stronę, która pracuje na SEO i sprzedaje dostęp. Jeden z rzędów, Fundamenty, nie układa się sam: kursy dostają w panelu ocenę tego, jak bardzo są podstawowe, więc o tym, od czego zaczyna ktoś nowy, decyduje redakcja, a nie licznik odtworzeń.

  • Rzędy: nowości, polecane, top oglądane, kategorie technik
  • Strony kursów z galerią efektów, rozdziałami i zapowiedzią wideo
  • Strony edukatorów z biografią i ich kursami
  • Kontynuuj oglądanie, Moja lista i oceny jak w Netflixie
Katalog akademii: rzędy kafli z kursami, podgląd po najechaniu

Strony kursów, które sprzedają dostęp

Każdy kurs ma bogatą, publiczną stronę: hero z zapowiedzią wideo, galeria efektów, rozdziały z miniaturami i czasami, sekcja czego się nauczysz. To wszystko widzi też niezalogowany, bo właśnie to robi sprzedaż. Pełne wideo odtworzy natomiast wyłącznie osoba z aktywnym dostępem: każdy film chronią podpisane, wygasające tokeny.

Strona kursu: rozdziały z miniaturami wideo i czasami trwania

Konta, plany i płatności

Logowanie bez haseł: link albo kod na e-mail. Plany subskrypcyjne, dostęp do pojedynczego kursu i wypożyczenie kursu na 48 godzin obsługuje jeden system, a konto ma limit dwóch aktywnych urządzeń, więc jeden dostęp nie zamienia się po cichu we wspólny. Płatności działają na Stripe: checkout, faktury i portal klienta. Kupujący nie musi się najpierw rejestrować, konto czeka na niego po zakupie. Istniejące subskrypcje przenieśliśmy na nowy system bez proszenia klientów o ponowne podanie karty.

Konto kursanta

Po zalogowaniu kursant ma wszystko w jednym miejscu: aktywne dostępy i to, co zaczął oglądać, listę faktur zaciąganą z systemu księgowego razem z plikami do pobrania, potwierdzenia płatności dla tych, którzy faktury nie potrzebują, swoje urządzenia i zarządzanie płatnością. Plik faktury wydaje własny endpoint, który przed wysłaniem sprawdza, czy dokument należy do zalogowanej osoby, więc podmiana numeru w adresie nic nie daje.

Quizy i certyfikaty

Kurs może kończyć się quizem. Po zdaniu certyfikat wystawia się sam, bez udziału administratora. Sam certyfikat to gotowa do druku strona, którą kursant zapisuje jako PDF prosto z przeglądarki, więc nic nie musi się generować na serwerze.

Wyszukiwarka i asystent AI

Wyszukiwarka przeszukuje to, co edukatorzy mówią w kursach, nie tylko tytuły. Rozumie sens zapytania i prowadzi do konkretnej minuty konkretnej lekcji. Do tego asystent Zapytaj Akademię: odpowiada na pytania wyłącznie na podstawie materiałów kursowych i podaje źródła, które po kliknięciu otwierają player we właściwym miejscu.

Wyszukiwarka: zapytanie cieniowanie znajduje kursy i momenty w transkrypcjach

To nie są same kursy

Wokół akademii stoi pełna platforma treści: 63 artykuły, 19 odcinków podcastu i archiwum magazynu, każde z własną stroną pracującą na wyszukiwarkę. Do tego forum społeczności, przeniesione razem z ludźmi i archiwum dyskusji, na jednym logowaniu z akademią. Całość działa po polsku i po angielsku w pełnym parytecie, łącznie 469 stron, z danymi strukturalnymi kursów i nagrań oraz oznaczeniami językowymi, żeby wyszukiwarka wiedziała, co jest czym i w którym języku.

Dwa panele dla właścicielki

Kursy, edukatorzy, blog, quizy i certyfikaty siedzą w jednym panelu treści (Payload CMS). Publikacja zmiany automatycznie przebudowuje i wdraża stronę, bez udziału programisty. Obok działa panel operacyjny: wyszukanie dowolnego klienta, jego dostępy, plany, płatności i faktury, nadanie albo odebranie kursu, przedłużenie dostępu o wybraną liczbę dni. Każda zmiana trafia do dziennika, więc zawsze wiadomo, kto co zmienił i kiedy.

Przeprowadzka bez przestoju

Nowa platforma przejęła główną domenę bez przerwy w dostępie. Ponad 500 przekierowań przeniosło stare adresy na nowe, więc pozycje w Google zostały na miejscu, a WordPress został wyłączony dopiero wtedy, gdy wszystko, od logowania przez płatności po faktury, działało już na nowym systemie. Razem z adresami przeszła treść: kilkadziesiąt artykułów bloga wraz z obrazkami przeniesionymi na nowy hosting i linkami przepisanymi w środku tekstów, żeby nikt nie lądował na łańcuchu przekierowań.

// Pod maską

Jak to jest spięte

Cały dostęp opiera się na jednym rejestrze. Płatność tylko go aktualizuje, a wszystkie kanały (wideo, audio, certyfikaty, faktury, forum, oba panele) czytają z niego jedną prawdę o tym, kto co może obejrzeć. Dzięki temu dołożenie kolejnego typu produktu nie komplikuje reszty.

Wejście: płatność i logowanie
Zakup bez rejestracji bez tarcia
konto pojawia się po zakupie
Płatności Stripe Stripe
plany, pojedyncze kursy, wypożyczenia
Logowanie linkiem lub kodem bez hasła
bez haseł
Rdzeń: jeden rejestr dostępów
Rejestr dostępów źródło prawdy
plany, kursy, dostępy czasowe
Webhooki płatności realtime
aktualizują rejestr na bieżąco
Reguły dostępu jedna logika
plan, pojedynczy kurs, wypożyczenie 48 h
Egzekucja dostępu
Wideo signed
podpisane, wygasające tokeny
Audio signed
podpisane adresy
Limit urządzeń sesje
dwie aktywne sesje
Quizy i certyfikaty auto
wystawiane po zdaniu
Faktury i paragony auto
Maile transakcyjne pl / en
Jedno logowanie do forum SSO
Panele
Konto kursanta self-service
dostępy, faktury, urządzenia, postęp
Panel operacyjny z audytem
klienci, dostępy, dziennik zmian
Panel treści bez programisty
publikacja przebudowuje stronę

Uproszczony schemat. Najedź na klocek, żeby podświetlić powiązania. Każdy element działa na produkcji.

Technologie

  • Astro
  • Payload CMS
  • Postgres (Neon)
  • Better Auth
  • Mux
  • Bunny
  • Stripe
  • Fakturownia
  • Discourse
  • Resend
  • AI / RAG
  • Vercel

Planujesz podobny projekt?

Opowiedz nam, co ma robić Twoja platforma. Doradzimy zakres i wycenimy.

Wróć do wszystkich realizacji