30/31 projekt koncepcyjny
Paszport: szkoła językowa z grupami do 8 osób · Poznań
Kursant robi test w 3 minuty, widzi swój poziom i dwie grupy z wolnym miejscem, a potem rezerwuje miejsce zadatkiem.
Projekt koncepcyjny - jak zrobiłbym stronę dla firmy z branży: szkoła językowa z grupami do 8 osób. Firma i jej dane są fikcyjne.
- Branża
- szkoła językowa z grupami do 8 osób
- Miasto
- Poznań
- Języki
- PL / EN
- Rok
- 2026
- Rodzaj
- strona z testem i zapisem do grup
01Wyzwanie
Klient nie zna swojego poziomu i nie wie, czy w grupie jest miejsce.
- „Jaki mam poziom?” bez odpowiedzi
- Grafik w PDF albo wcale
- Zapis tylko przez telefon
Pełny opis wyzwania
Szkoła językowa sprzedaje miejsce w konkretnej grupie, ale na większości stron jest tylko lista języków i formularz „zapytaj o kurs”. Klient nie wie, jaki ma poziom, czy jest grupa w jego godzinach i czy zostało w niej miejsce, więc dzwoni albo odkłada decyzję. Tak zrobiłbym stronę szkoły w Poznaniu: test, grafik z wolnymi miejscami i zapis z zadatkiem w jednym ciągu.
02Co zrobiłem 6 decyzji
-
Test poziomu, który kończy się konkretną grupą
Test w 3 minuty z wynikiem A1-C1 i dwiema grupami z wolnym miejscem.
Więcej szczegółów
15 krótkich pytań z angielskiego od najłatwiejszych, z przyciskiem „Nie wiem”. Wynik A1-C1 wbija się pieczątką w stronę paszportu, a obok od razu pojawiają się dwie grupy z wolnym miejscem i przycisk zapisu.
-
Grafik grup jak tablica odlotów
Grafik jak tablica odlotów, z filtrami i liczbą wolnych miejsc.
Więcej szczegółów
Każda grupa to wiersz z klapkami: język, poziom, dni, godzina, start, sala i liczba wolnych miejsc. Filtry zawężają tablicę do języka, poziomu, dnia i trybu (w szkole albo online), a na telefonie wiersze zamieniają się w listwy.
-
Paszport jako znak szkoły
Paszport otwiera się przy przewijaniu i pokazuje pieczątki poziomów.
Więcej szczegółów
Na pierwszym ekranie leży paszport z okładką w bordo i złotą folią. Przy przewijaniu okładka obraca się na grzbiecie i odsłania stronę z pieczątkami poziomów. Ten sam motyw wraca w nagłówku jak brzeg okładki, w pieczątce wyniku testu i w stopce.
-
Zapis z zadatkiem, bez wolnych miejsc „na słowo”
Zapis z zadatkiem 200 zł, a miejsce zajmowane bez ryzyka podwójnego zapisu.
-
Języki, lektorzy, firmy i zajęcia indywidualne
Fiszki sześciu języków, lektorzy, firmy i lekcje indywidualne.
-
Next.js na Cloudflare
Next.js (React) na Cloudflare Workers z bazą D1.
Szczegóły decyzji 04-06
04 Zapis z zadatkiem, bez wolnych miejsc „na słowo”
Zapis zajmuje miejsce w bazie tylko wtedy, gdy w chwili zapisu wciąż jest wolne, więc dwie osoby nie dostaną tego samego. Po danych jest płatność testowa zadatku 200 zł (BLIK albo karta), a na końcu potwierdzenie z numerem zapisu. Formularz chroni Cloudflare Turnstile.
05 Języki, lektorzy, firmy i zajęcia indywidualne
Sześć języków na odwracanych fiszkach z poziomami i grupami, sześcioro lektorów z biografiami, osobne strony z cenami lekcji indywidualnych i z zapytaniem od firmy. Pytania przed zapisem wyglądają jak rozmowa.
06 Next.js na Cloudflare
Strona jest napisana w Next.js (React) i działa na Cloudflare Workers z bazą D1. Podstrony są statyczne, a dynamiczne są tylko wolne miejsca i zapis.
03Efekt
Kursant przechodzi od testu do zarezerwowanego miejsca w kilka minut.
Pełny opis efektu
Kursant w kilka minut przechodzi od „nie wiem, jaki mam poziom” do zarezerwowanego miejsca w grupie. Szybkość 92/100 na telefonie i 100/100 na komputerze, a podczas ładowania nic nie skacze.
92telefon
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ę
- Google wie, że to szkoła językowa w Poznaniu, i zna jej godziny oraz ceny.
- Pytania przed zapisem są przygotowane tak, żeby Google i asystenci AI mogli cytować odpowiedzi.
- Demo jest ukryte przed wyszukiwarkami, bo to fikcyjna firma.
