Education · Website

Website for a children's development centre

A bilingual website for a centre with two branches that runs classes for children and workshops for adults: a catalogue, a schedule with live free seats, online sign-up and a CMS the staff use every day.

  • 2026
  • Design, development, CMS, hosting
Home page

The task

Let parents find a class, see free seats and sign up online — in Polish and Ukrainian.

Parents had to call to find out which groups had free seats, what a class costs and when a trial lesson is possible. Part of the audience speaks Ukrainian, so every page and every form had to work in both languages.

The staff needed to manage courses, groups, prices, workshops and news themselves, see every enquiry in one place and get an e-mail the moment one arrives — while keeping children's and parents' data under GDPR.

Solution

What we built

01Public site

  • Course catalogue by category, course pages with prices and trial lessons
  • Weekly schedule filtered by branch, with free seats
  • Workshops with live seats, booking and a photo gallery
  • Pricing with a calculator, news, team, vacancies

02Sign-up

  • Five-step booking wizard: branch, course, group or 1:1, time, contact
  • 1:1 slots from each teacher's availability; a taken slot is refused
  • Waitlist when a group or workshop is full
  • Callback and contact forms with spam protection and consent records

03CMS for the staff

  • Dashboard: new enquiries, upcoming workshops, group fill levels
  • Enquiry workflow with statuses, notes and CSV export
  • Courses, groups, teachers, prices, workshops, news, gallery, FAQ
  • PL/UK tabs on every field; the site updates within seconds

04Under the hood

  • E-mail alerts to staff and confirmations to parents
  • Structured data for local business, courses, events and articles
  • Responsive WebP images with focal points
  • GDPR: retention job, audit log, no IP addresses stored

Screens

Inside the product

Course page with price and trial lesson
Weekly schedule
Booking wizard, step one
CMS: courses
Home page on a phone
Workshops on a phone
Pricing on a phone
Booking on a phone

Technology

Stack and result

Frontend
  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS
  • next-intl
  • React Hook Form + Zod
Backend
  • NestJS
  • Prisma
  • PostgreSQL
  • sharp
  • OpenAPI
Infrastructure
  • Docker
  • Hetzner (EU)
  • Caddy
  • Terraform
  • GitHub Actions
Quality
  • Vitest
  • Playwright
  • axe
  • Lighthouse CI
Result
Accessibility, best practices and SEO 100 on every page; mobile performance 92–95.

Have a similar task?

Tell us about it. We will share relevant experience and suggest how to approach it.

Discuss your project