23/23 projekt koncepcyjny
Skórka: kurs pieczenia chleba na zakwasie · online
Kursant widzi cenę od razu, płaci na stronie i zaraz po płatności wchodzi do lekcji, bez osobnej platformy kursowej.
Projekt koncepcyjny - jak zrobiłbym stronę dla firmy z branży: kurs pieczenia chleba na zakwasie. Firma i jej dane są fikcyjne.
- Branża
- kurs pieczenia chleba na zakwasie
- Miasto
- online
- Języki
- PL
- Rok
- 2026
- Szybkość
- 100/100 · 100/100
01Wyzwanie
Kto sprzedaje kurs online, zwykle składa go z kilku narzędzi: strona w jednym miejscu, płatność w drugim, lekcje na platformie za miesięczny abonament, a faktury i dostęp dla firm załatwia ręcznie, mailami. Kursant przechodzi po drodze przez kilka różnych stron. Tak zrobiłbym stronę kursu online na przykładzie szkoły chleba na zakwasie: cena widoczna od razu, a zapis, płatność, konto i lekcje w jednym miejscu, pod jednym adresem. Chleb jest tu tylko przykładem. Tak samo zadziała kurs językowy, kurs dla księgowych albo szkolenie dla pracowników firmy.
02Co zrobiłem
-
Słoik, który pokazuje postęp
Pierwszy ekran to duży słoik zaczynu narysowany kreską. Gumka na słoiku zostaje na „dzień 1, start”, a zaczyn rośnie do kreski „dzień 14, pierwszy bochenek”, przy której pojawia się zdjęcie chleba. W całym kursie znaczy to samo: gumka to miejsce, z którego kursant zaczyna, a poziom zaczynu to jego postęp. Ten sam słoik wraca w programie kursu i na pulpicie kursanta. Animacja dzieje się raz, cena i przyciski są widoczne od pierwszej chwili, a przy ograniczonym ruchu strona od razu pokazuje stan końcowy.
-
Cena od razu, zapis także dla firm
Cena jest w pierwszym ekranie: 189 zł za kurs albo 289 zł z konsultacją wideo, porównane w jednej tabeli. W zapisie można poprosić o fakturę na firmę, a numer NIP strona sprawdza od razu, razem z cyfrą kontrolną. Kurs można kupić na prezent, a obdarowany dostaje kod. Firma albo dział szkoleń kupuje kilka miejsc naraz, kwota liczy się sama, a każdy pracownik dostaje własny kod dostępu.
-
Płatność, konto i logowanie bez hasła
Po zapisie kursant przechodzi do płatności. Na demie to bramka testowa, która niczego nie pobiera i mówi o tym wprost. W prawdziwym wdrożeniu w to miejsce wchodzą Przelewy24 albo Stripe, bez przebudowy reszty strony. Po opłaceniu konto zakłada się samo, a kursant loguje się linkiem z maila, bez zapamiętywania hasła. Link działa 15 minut i tylko raz.
-
Strefa kursanta za logowaniem
24 lekcje w 6 modułach otwierają się tylko po zalogowaniu. Bez konta nie da się ich obejrzeć ani znaleźć w kodzie strony. Pulpit pokazuje słoik z postępem i przycisk „Kontynuuj” w miejscu, w którym kursant skończył. Lekcja ma miejsce na film, listę rzeczy do przygotowania i przycisk „Oznacz jako przerobioną”. Po ostatniej lekcji kursant drukuje zaświadczenie ukończenia kursu.
-
Darmowa lekcja i harmonogram pieczenia
Darmowa lekcja wygląda dokładnie jak lekcja w kursie. Pierwsza połowa jest otwarta, drugą odsłania adres e-mail, więc szkoła zbiera kontakty do osób, które naprawdę są zainteresowane. Harmonogram liczy wstecz od godziny, na którą ma być chleb, z uwzględnieniem temperatury w kuchni, i zapisuje wszystkie kroki w kalendarzu telefonu, z przypomnieniem przed każdym. Z takiego narzędzia korzysta się, zanim kupi się kurs, i wraca się do niego przy każdym pieczeniu.
-
Panel szkoły i uczciwe podpisy
W panelu szkoła widzi zamówienia i płatności, postęp każdego kursanta i wolne miejsca w grupach na wspólne pieczenie na żywo, a dostęp może nadać ręcznie. Dane kursantów są tam częściowo ukryte. Szkoła i prowadząca są fikcyjne, płatność jest testowa, a maile strona pokazuje na ekranie zamiast je wysyłać. Opinie są oznaczone jako przykładowe, a zdjęcia są wygenerowane przez AI i podpisane na stronie.
03Efekt
Strona kursu online, na której kursant widzi cenę, płaci, dostaje konto i przechodzi lekcje w swoim tempie, a szkoła ma zamówienia i postęp kursantów w jednym panelu, bez abonamentu za platformę kursową. Szybkość 100/100 na telefonie i na komputerze, a podczas ładowania nic nie skacze.
100telefon
100komputer
pomiar:
04Karta DNA
Z czego zbudowane jest wykończenie
Kliknij kolor, krój albo zaokrąglenie, żeby zdjąć je z podglądu. Zostaje sam szkielet - ten sam, na którym stoi każda moja strona.
Kolory
Krój nagłówków
Zaokrąglenia
05Widoczność w Google
Jak klienci znajdą tę stronę
- Tytuł mówi, czego uczy kurs, że jest online i do czego prowadzi: pierwszy bochenek w 14 dni.
- Google wie, że to kurs online we własnym tempie, zna jego dwie ceny i wspólne pieczenie na żywo raz w miesiącu.
- Najczęstsze pytania są przygotowane tak, żeby Google i asystenci AI mogli cytować odpowiedzi.
- Lekcje są tylko za logowaniem, więc nie trafiają do wyników wyszukiwania.
- Demo jest ukryte przed wyszukiwarkami, bo to fikcyjna firma.