Przejdź do treści
Wycena
Wycena

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.

Strona Skórka na komputerze - zrzut z żywej strony
Strona Skórka na telefonie - zrzut z żywej strony
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

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

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

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

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

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

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

Szybkość w teście Google (na 100)

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.
Następna realizacja Salon urody przedłużanie włosów · Dubaj

← Wszystkie realizacje

Następny krok

Co zbudujemy dla Twojej firmy?

Strona, która zamienia odwiedzających w klientów, automatyzacja, która oddaje Ci godziny, albo AI, które odpowiada klientom. Napisz, czego potrzebujesz.

Zwykle odpowiadam w ciągu kilku godzin · wycena indywidualna