Edukacja · Strona internetowa
Strona centrum rozwoju dla dzieci
Dwujęzyczna strona centrum z dwiema placówkami, które prowadzi zajęcia dla dzieci i warsztaty dla dorosłych: katalog, grafik z aktualnymi wolnymi miejscami, zapisy online i CMS, z którego pracownicy korzystają na co dzień.
- 2026
- Projekt, wdrożenie, CMS, hosting
Zadanie
Pozwolić rodzicom znaleźć zajęcia, zobaczyć wolne miejsca i zapisać się online — po polsku i po ukraińsku.
Rodzice musieli dzwonić, żeby dowiedzieć się, w których grupach są wolne miejsca, ile kosztują zajęcia i kiedy można przyjść na próbną lekcję. Część odbiorców mówi po ukraińsku, więc każda strona i każdy formularz musiały działać w obu językach.
Pracownicy chcieli samodzielnie zarządzać zajęciami, grupami, cenami, warsztatami i aktualnościami, widzieć każde zgłoszenie w jednym miejscu i dostawać e-mail od razu, gdy przyjdzie — przy zachowaniu RODO dla danych dzieci i rodziców.
Rozwiązanie
Co zbudowaliśmy
01Strona publiczna
- Katalog zajęć według kategorii, strony zajęć z cenami i lekcją próbną
- Grafik tygodniowy z filtrem placówki i wolnymi miejscami
- Warsztaty z aktualną liczbą miejsc, zapisem i galerią zdjęć
- Cennik z kalkulatorem, aktualności, zespół, oferty pracy
02Zapisy
- Pięciokrokowy kreator: placówka, zajęcia, grupa lub 1:1, termin, kontakt
- Terminy 1:1 z dostępności prowadzących; zajęty termin jest odrzucany
- Lista rezerwowa, gdy grupa lub warsztat są pełne
- Formularze kontaktu i oddzwonienia z ochroną przed spamem i zapisem zgód
03CMS dla pracowników
- Pulpit: nowe zgłoszenia, najbliższe warsztaty, zapełnienie grup
- Obsługa zgłoszeń ze statusami, notatkami i eksportem CSV
- Zajęcia, grupy, prowadzący, ceny, warsztaty, aktualności, galeria, FAQ
- Zakładki PL/UK przy każdym polu; strona aktualizuje się w kilka sekund
04Pod spodem
- Powiadomienia e-mail dla pracowników i potwierdzenia dla rodziców
- Dane strukturalne: lokalna firma, zajęcia, wydarzenia, artykuły
- Responsywne obrazy WebP z punktem centralnym
- RODO: automatyczna retencja, dziennik audytu, bez zapisu adresów IP
Ekrany
Wewnątrz produktu
Technologie
Stos i rezultat
- Frontend
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS
- next-intl
- React Hook Form + Zod
- Backend
- NestJS
- Prisma
- PostgreSQL
- sharp
- OpenAPI
- Infrastruktura
- Docker
- Hetzner (UE)
- Caddy
- Terraform
- GitHub Actions
- Jakość
- Vitest
- Playwright
- axe
- Lighthouse CI
- Rezultat
- Dostępność, dobre praktyki i SEO 100 na każdej stronie; wydajność mobile 92–95.
Masz podobne zadanie?
Opowiedz nam o nim. Podzielimy się odpowiednim doświadczeniem i zaproponujemy, jak do niego podejść.