Step by Step

Strony edukacyjne w Polsce przeważnie wyglądają tak samo: szablonowy Wix, niebieska paleta, zdjęcia stockowe. Pedagożka z 18-letnim stażem — oligofrenopedagog i tyflopedagog, pracująca z dziećmi z autyzmem, wadami wzroku i ZPR — nie mogła sobie pozwolić na wyglądanie jak „kolejna korepetytorka". Potrzebowała strony, która od pierwszego ekranu łączy trzy rzeczy: ciepło (pracuje z małymi dziećmi), kompetencję (18 lat, podwójna specjalizacja) i zaufanie (pierwsza konsultacja za darmo, transparentny cennik).

Paleta terakota + szałwia z ciepłymi cieniami o brązowym podtonie — zero szkolnego niebieskiego, zero korporacyjnej szarości. Kolor działa jak rzemiosło: glina, nie plastik. Font Nunito — przyjazny i miękki, ale nie infantylny. Struktura sekcji przeprowadza rodzica krok po kroku: program → format zajęć → o mnie → FAQ → ceny → formularz WhatsApp. Każda sekcja ma polski podtytuł (lang="pl") — strona mówi do rosyjsko- i ukraińskojęzycznych rodzin, ale szanuje kontekst: jesteśmy w Polsce. Akordeony z aria-controls, skip-link, focus-visible, prefers-reduced-motion, JSON-LD EducationalOrganization — dostępność i SEO od pierwszej linii kodu.

Czysty HTML, CSS i vanilla JS — jedna strona, zero zależności, ładuje się natychmiast. Formularz leadowy wysyła gotową wiadomość do WhatsApp: imię + program + tekst — bez backendu, bez kosztów utrzymania, bez ryzyka że formularz „nie doszedł". Floating WhatsApp button z pulse-animacją, scroll-reveal ze staggerem, modal dyplomów z keyboard trap. Pierwszy projekt w portfolio, który nie jest konceptem — to żywa strona klienta opublikowana na GitHub Pages, która przyjmuje zapytania przez WhatsApp.