Strona internetowa WOS na Głowie

Agnieszka Kraińska jest nauczycielką i edukatorką. Pod marką WOS na Głowie prowadzi warsztaty z edukacji obywatelskiej, sztucznej inteligencji i kompetencji przyszłości dla szkół, organizacji pozarządowych i instytucji publicznych.

Do tej pory była obecna tylko w mediach społecznościowych. Potrzebowała strony, która pomoże jej docierać do klientów i pozwoli dokumentować jej dokonania.

Dwie potrzeby, od których zacząłem

Agnieszka pracuje z trzema różnymi grupami. Szkoła, fundacja i urząd szukają u niej czegoś innego, więc jedna ogólna oferta nie odpowiadałaby żadnej z nich.

Ma też duży dorobek: nagrody, nominacje, wystąpienia na konferencjach, notatki z lekcji. Strona miała go zebrać w jednym miejscu i pozwolić jej dopisywać kolejne rzeczy bez mojej pomocy.

Osobna ścieżka dla szkół, NGO i instytucji

Zaprojektowałem trzy podstrony: Dla szkół, Dla NGO i Dla instytucji. Każda ma własny układ sekcji, dopasowany do tego, czego szuka dana grupa.

• Szkoła widzi osobno ofertę dla uczniów (np. warsztaty „Sztuczna Inteligencja w praktyce”) i wsparcie dla nauczycieli, a do tego opis, jak wygląda współpraca.
• Organizacja pozarządowa trafia na wspólne obszary działań i know-how dla organizacji.
• Instytucja publiczna dostaje ofertę współpracy i powody, dla których warto ją podjąć.

Każda podstrona kończy się zaproszeniem do rozmowy, a przycisk „Zapytaj o ofertę” prowadzi do krótkiego formularza kontaktowego. Ten sam przycisk jest na stronie głównej, zaraz pod hasłem marki.

Dorobek w dwóch działach, które Agnieszka prowadzi sama

Historie sukcesu to nagrody, nominacje i wyróżnienia, np. Nagroda Ministra Edukacji i Nauki czy nominacja do tytułu Nauczyciel Roku 2022. Każda historia ma własną stronę, a na liście widać zdjęcie i krótki cytat.

Baza wiedzy ma ponad 30 wpisów: notatki z lekcji, relacje z konferencji i omówienia książek. Wpisy są podzielone na kategorie, m.in. „Notatki z lekcji”, „Cyfrowy drogowskaz” i „Daj się powieść…”, i można je filtrować.

Strona główna pokazuje po trzy wpisy z obu działów. Nowe wpisy Agnieszka dodaje sama w panelu, więc strona jest aktualna bez zlecania mi zmian.

Dlaczego taki zestaw technologii

• Next.js. Strona ładuje się szybko i jest dobrze czytelna dla wyszukiwarek, co widać w wynikach PageSpeed Insights poniżej.
• Payload CMS. Panel, w którym Agnieszka dodaje wpisy, wybiera kategorię i wgrywa zdjęcia. Działa w tym samym projekcie co strona, więc nie ma osobnego systemu do utrzymywania.
• c15t. Obsługuje zgody na pliki cookies.

Projekt graficzny przygotowałem od podstaw dla tej marki.

Co zrobiłem pod wyszukiwarki i dostępność

Każdy wpis ma własny adres oraz dane strukturalne artykułu i ścieżki nawigacji, więc wyszukiwarka wie, czym jest dana strona i gdzie leży w serwisie. Strona ma metadane, adresy kanoniczne i mapę strony.

Treść ma poprawne znaczniki HTML, a po stronie można poruszać się samą klawiaturą, klawiszem Tab.

Wynik w PageSpeed Insights

Pomiar dla wersji na komputer z października 2026:

• Wydajność: 99
• Ułatwienia dostępu: 91
• Sprawdzone metody: 100
• SEO: 100

Prowadzisz szkolenia, warsztaty albo inną działalność opartą na wiedzy i chcesz pokazać ofertę i dorobek na jednej stronie? Napisz, czego potrzebujesz: zapytaj o wycenę.