Case study

Platforma kursów online

Panel ucznia, ścieżki nauki, śledzenie postępów, certyfikaty. Aplikacja, w której uczeń wraca codziennie.

Wszystkie realizacje
Web apps2024Next.js · Supabase
Wizualizacja projektu — Platforma kursów

Wyzwanie

Z czym przyszedł klient

Edukator z popularnym kanałem YouTube (200k subów) sprzedawał kursy przez zewnętrzną platformę, która brała 30% prowizji i nie pozwalała na customizację. Cel: własna platforma, własny brand, własna baza klientów. Wymagania: szybkie wdrożenie (uruchomienie w 8 tygodni), niska bariera dla ucznia (login + Google OAuth), płatności jednorazowe + subskrypcje + raty, śledzenie progresu, generowanie certyfikatów po ukończeniu.

Podejście

Jak to rozwiązaliśmy

Wybraliśmy stack pod szybkość: Next.js + Supabase (Postgres, auth, storage w jednym) + Stripe + Mux (wideo). Każdy kurs to ścieżka modułów, każdy moduł to lekcje wideo + materiały do pobrania + quiz. Po quizie status modułu = ukończony, użytkownik widzi pasek postępu na dashboard. Panel ucznia pokazuje aktualny moduł, czas spędzony, kolejne kroki. Po ukończeniu całego kursu generuje się PDF certyfikatu z imieniem, datą, hashem weryfikacyjnym (link publiczny do weryfikacji). Stripe z trzema modelami: jednorazowa płatność, miesięczna subskrypcja (dostęp do wszystkich kursów), raty 3/6/12 (Klarna). Strefa edukatora: dodawanie kursów, modułów, lekcji bez kontaktu z agencją. Statystyki sprzedaży i ukończeń w czasie rzeczywistym.

Rezultaty

Co udało się osiągnąć

8 tyg.

od briefu do uruchomienia

0%

prowizji platformy (vs 30% wcześniej)

+45%

konwersja na zakupie z 3 modelami płatności

62%

ukończalność kursu (benchmark: 35%)

Zakres prac

Co zbudowaliśmy

Panel ucznia z progresem

Dashboard pokazuje aktualny moduł, % ukończenia, kolejne kroki, czas spędzony. Wraca się codziennie.

Wideo na Mux z DRM

Wideo strumieniowane przez Mux — adaptacyjny bitrate, ochrona przed downloadem, statystyki oglądania.

Quizy po modułach

Po lekcji uczeń odpowiada na 5–10 pytań. Wynik > 70% = moduł ukończony, niżej = powtórka.

Certyfikaty PDF

Po ukończeniu kursu generuje się PDF z imieniem, datą, hashem weryfikacyjnym. Link publiczny dla LinkedIn.

Stripe: jednorazowo + sub + raty

Trzy modele płatności: 397 PLN raz, 99 PLN/mc subskrypcja, raty Klarna 3/6/12. Konwersja +25%.

Społeczność / komentarze

Pod każdą lekcją uczniowie zadają pytania. Edukator odpowiada, inni uczniowie też. Buduje retencję.

Panel edukatora

Dodawanie kursów, modułów, lekcji, quizów bez kontaktu z agencją. Statystyki sprzedaży i ukończeń.

Email automation

Welcome, dripping treści, przypomnienia o ukończeniu, post-completion. Resend + cron.

Stack technologiczny

Z czego jest zbudowane

Next.js 14Supabase (Postgres + Auth + Storage)Stripe + KlarnaMux (wideo)TypeScriptTailwind CSSVercelResend (email)

Czas realizacji

8 tygodni

Twój projekt może być następny. Wyślij brief — przygotujemy konkretną propozycję w jeden dzień roboczy.

Wyceń podobny projekt

Twój projekt może być następny

Masz pomysł? Zrealizujemy go.

Niezależnie czy potrzebujesz nowej strony, sklepu czy modernizacji — wyślij brief i porozmawiajmy.