Forward. Strona kongresu bez przeładowań.

Projekt graficzny strony Forward dostałem gotowy. Moja praca zaczęła się od decyzji technicznej: na czym zbudować serwis kongresu organizowanego przez cashless.pl, żeby wiernie odwzorować projekt i móc dalej go rozwijać.

Wybrałem WordPress z własnym motywem oraz Barba.js. Motyw pisany pod ten projekt trzyma kod blisko zatwierdzonego układu, bez dopasowywania go do gotowego szablonu, a WordPress obsługuje publikowanie treści.

Strona główna prowadzi przez News, Dlaczego warto?, Agendę, Partnerów i Kontakt. Agenda obejmuje dwa dni, 17 i 18 września 2026 roku w Courtyard by Marriott w Gdyni, z numerowanymi sesjami i formatami Speech, Chat oraz Ring, w którym naprzeciw siebie stają dwie osoby. Domyślnie jest zwinięta, a pełny program otwiera przycisk „Rozwiń pełną agendę”.

Partnerzy są podzieleni na osiem poziomów, od Organizatora i Patronatu honorowego po Partnera Forward Night i Partnerów instytucjonalnych. Aktualności to około 80 artykułów z własnymi podstronami i numerowanym archiwum. Sprzedaż biletów ekobilet.pl otwiera się w oknie na stronie.

Barba.js podmienia treść przy przejściu między podstronami, na przykład ze strony głównej do artykułu, bez pełnego przeładowania. Samo przejście to krótkie, trwające 220 ms wygaszenie do ciemnego tła, spójne z czarną kolorystyką projektu.

Ten efekt nie jest obowiązkowy. Osoby z włączonym w systemie ograniczeniem ruchu widzą zmianę strony bez animacji. Linki otwierane w nowej karcie i panel WordPressa pomijają Barbę i działają jak zwykła nawigacja.

Przy szerokości 390 px nawigacja chowa się pod przyciskiem menu, który otwiera panel na całą wysokość ekranu. Zwinięta agenda ma tu szczególne znaczenie: pełny program zajmuje na telefonie kilka ekranów, więc odbiorca rozwija go dopiero wtedy, gdy go potrzebuje.

Moja rola nie skończyła się na uruchomieniu serwisu. Nadal opiekuję się stroną i monitoruję jej działanie.