Services · 2025 · PL

Step by Step

Лендинг педагогині з 18-річним досвідом у Гданську. Польська мова, підготовка до школи, робота з дітьми з ООП. Перший реальний клієнтський проєкт у портфоліо.

Живий клієнтський сайт Відкрити сайт ↗ реальний клієнтський лендинг: від брифу до запуску

Стек

  • HTML
  • CSS
  • JavaScript

Ніша

  • Services

Рік і регіон

  • 2025
  • PL

Моя роль

структура сторінки · візуальна система · frontend · доступність · запуск

01

Контекст

Освітні сайти в Польщі здебільшого виглядають однаково: шаблонний Wix, синя палітра, стокові фото. Педагогиня з 18-річним стажем — олігофренопедагог і тифлопедагог, яка працює з дітьми з аутизмом, вадами зору та ЗПР — не могла дозволити собі виглядати як «ще одна репетиторка». Їй потрібен був сайт, який із першого екрана поєднує три речі: тепло (працює з малими дітьми), компетентність (18 років, подвійна спеціалізація) і довіру (перша консультація безплатно, прозорий прайс).

02

Рішення

Палітра теракота + шавлія з теплими тінями коричневого підтону — жодного шкільного синього, жодної корпоративної сірості. Колір працює як ремесло: глина, а не пластик. Шрифт Nunito — дружній і м'який, але не інфантильний. Структура секцій проводить батька крок за кроком: програма → формат занять → про мене → FAQ → ціни → форма WhatsApp. Кожна секція має польський підтитул (lang="pl") — сайт говорить до російсько- та україномовних сімей, але поважає контекст: ми в Польщі. Акордеони з aria-controls, skip-link, focus-visible, prefers-reduced-motion, JSON-LD EducationalOrganization — доступність і SEO з першого рядка коду.

03

Підсумок

Чистий HTML, CSS і vanilla JS — одна сторінка, нуль залежностей, завантажується миттєво. Лід-форма надсилає готове повідомлення в WhatsApp: ім'я + програма + текст — без бекенду, без витрат на підтримку, без ризику що форма «не дійшла». Floating WhatsApp кнопка з pulse-анімацією, scroll-reveal зі stagger-ефектом, модалка дипломів із keyboard trap. Перший проєкт у портфоліо, який не є концептом — це живий сайт клієнта, опублікований на GitHub Pages, який приймає запити через WhatsApp.