Strony internetoweIdentyfikacja wizualnaSocial mediaGoogle AdsAutomatyzacje AIOpieka nad stroną
Dlaczego jaPortfolioProcesCennikKontakt
PLEN日本語
Porozmawiajmy

EWMES 2026.

Strona European Winter Meeting of the Econometric Society, konferencji, która 2–4 grudnia 2026 roku odbywa się na Uniwersytecie Warszawskim. Organizatorzy to Uniwersytet Warszawski, FAME|GRAPE i Econometric Society.

Zobacz stronę na produkcji ewmes2026.pl
Pierwszy ekran strony EWMES 2026: gradientowy napis EWMES 2026 na jasnej aurorze, data konferencji i informacja o otwarciu rejestracji.

Iskra

Od czego się zaczęło

Formalnego briefu nie było, więc pracę zaczął research: kalendarz Econometric Society i poprzednie edycje konferencji. Wynikało z niego, że strona musi stanąć w dwóch wydaniach, a pierwsze przed otwarciem rejestracji 30 września.

Skalę pokazała poprzednia edycja w Nikozji: 89 sesji, 314 referatów, 17 sal i do 13 sesji jednocześnie. Najważniejsze zadanie brzmiało więc: czytelna nawigacja, która nie zgubi uczestnika w wielu równoległych ścieżkach.

Immersja

Jak to zostało zrobione

Z pięciu kierunków wybrany został najbardziej kolorowy: gradientowy znak EWMES 2026 i aurora z miękkich pól koloru. Aurora rusza się powoli i szeroko, bo o spokoju ruchu decyduje amplituda, a nie tempo. Przy ograniczeniu ruchu w systemie stoi w miejscu.

Tekst na aurorze sprawdziłem w 40 momentach animacji: kontrast nie spada poniżej 5,66:1. Menu to przyklejony pasek z czterema pozycjami, który na telefonie przewija się w poziomie zamiast chować się pod hamburgerem.

Komitet programowy dostał układ katalogu: nazwiska na jednej osi, pogrupowane w dziesięć dziedzin. Teksty pochodzą od Econometric Society i uczelni, a 37 nazwisk z afiliacjami sprawdziłem na stronach uniwersytetów.

Substancja

Co siedzi pod spodem

Strona jest prerenderowana statycznie i stoi na własnej domenie. Treść żyje w osobnej warstwie danych, więc komponenty zajmują się wyłącznie wyglądem.

Pomiar z 4 września: LCP 964 ms na komputerze i 332 ms w emulacji telefonu, CLS 0. Dane strukturalne Event i WebSite przechodzą walidator schema.org bez błędów.

Decyzje techniczne
dla zainteresowanych kodem
Next.js 15, React 19, TypeScript

Każda strona jest prerenderowana statycznie, więc uczestnik dostaje gotowy HTML od pierwszego żądania.

Warstwa ContentSource

Komponenty tylko wyświetlają treść, a o jej źródle decyduje jedna warstwa. Zmiana źródła danych nie wymaga przepisywania widoku.

Aurora animowana samym transform

Przeglądarka przesuwa gotowe warstwy zamiast malować je od nowa, a prefers-reduced-motion zatrzymuje ruch.

Wyłanianie przy przewijaniu w samym CSS

animation-timeline: view() robi to bez biblioteki, więc efekt nie dokłada JavaScriptu.

Obrazy AVIF z zapasem WebP, 640–2560 px

Panorama przychodzi w rozmiarze dopasowanym do ekranu, a cała strona na retinie waży 431 KB zamiast 961 KB.

JSON-LD Event i WebSite

Google zna daty, miejsce, prelegentów i organizatorów konferencji, a walidator schema.org nie zgłasza błędów.

Iskra· © 2026 Przemysław Wojenka