WYRowisko 2026
Jak pokazać zawodnikom przebieg dnia rajdu i wymagania ich klasy w jednym miejscu?
Strona rajdu terenowego WYRowisko na trzynastą edycję, z roadbookiem dnia startu, wymaganiami sześciu klas, listą załóg i archiwum poprzednich edycji.
- Wydarzenie
- WYRowisko 2026
- Usługi
- Strony internetowe
- Współpraca
- Partner wydarzenia
stan na wrzesień 2026
Sytuacja przed projektem
WYRowisko to rajd terenowy w Bełchatowie, który organizuje Bełchatowska Grupa Offroadowa WYR 4x4. Trzynasta edycja wypadła 26 września 2026 roku. Byliśmy jej partnerem i w ramach partnerstwa przygotowaliśmy nową stronę rajdu.
Dotychczasowa strona klubu działała na WordPressie. W menu miała zapisy, rajdy, galerię, informacje o klubie i kontakt, a lista zgłoszonych załóg była na osobnej podstronie. Relacje i zapowiedzi obejmowały edycje 2023 i 2024, a edycję 2025 reprezentowały zapowiedź i wyniki w formie obrazków.
Nowa strona miała przenieść tę treść i zebrać w jednym miejscu regulamin, wymagania klas, listę załóg i dorobek poprzednich edycji. Czytają ją zawodnicy, kibice i rodziny, sponsorzy, miasto i media, a zawodnik z telefonem w ręku ma szybko znaleźć to, co dotyczy jego klasy.
Pytania, na które projekt odpowiadał
- Jak utrzymać aktualną listę załóg bez ręcznego przepisywania zgłoszeń?
- Jak zmieniać pierwszy ekran przed rajdem, w dniu startu i po nim bez ręcznych poprawek?
Zakres prac
- Projekt i wykonanie strony rajdu
- Przeniesienie treści dotychczasowej strony klubu
- Roadbook dnia rajdu z objaśnieniami terminów
- Wymagania sześciu klas i ich porównanie
- Lista załóg odświeżana ze strony zapisów
- Regulamin na stronie ze spisem paragrafów
- Archiwum edycji i galeria zdjęć
- Przekierowania starych adresów
Połączone usługi
- Next.js
- Vercel
- MapLibre
- OpenStreetMap
Jak to zrobiliśmy
Roadbook zamiast listy punktów
Strona główna jest ułożona jak trasa rajdu, a jej sekcje mają numery kolejnych punktów kontroli. Roadbook dnia ma dziewięć wierszy z tulipanami i kilometrami, od rejestracji i plombowania w bazie po kolumnę, odcinek specjalny, trasę z limitem czasu i ogłoszenie wyników.
W rogu ekranu licznik kilometrów nabija trasę w miarę przewijania, a na telefonie zamienia się w pasek u dołu. Terminy z regulaminu, takie jak PKP, OES, próba przejazdu czy plomba, mają objaśnienia w dymkach, a plansze w poziomym przejeździe pokazują teren klubu, czyli piach, błoto i wodę.
Sześć klas przedstawiają tabliczki z numerami serii, a każda ma panel wymagań dotyczących pojazdu, wyciągarki, kasku, nadwozia z klatką, mostów i opon. Osobna podstrona klas zbiera wymogi wspólne dla wszystkich pojazdów, porównanie sześciu klas i listę zakazów z odsyłaczami do paragrafów regulaminu.
Lista załóg i regulamin
Zgłoszenia trafiają na listę załóg prosto ze strony zapisów klubu, a lista odświeża się najwyżej co pół godziny. Organizator prowadzi zapisy tak jak dotąd, a gdy strona zapisów nie odpowiada, lista pokazuje kopię zapisaną w serwisie. Osobna podstrona zapisów pokazuje ich stan i terminy z odsyłaczami do regulaminu.
Każda klasa ma osobną tabelę z licznikiem zgłoszeń wobec limitu. Wybrana klasa trafia do adresu strony, więc da się wysłać link do listy jednej klasy, a wyszukiwarka znajduje załogę także po wpisaniu nazwy bez polskich znaków.
Regulamin jest na stronie wierną kopią dokumentu organizatora, z jego numeracją i pisownią. Ma spis paragrafów, objaśnienia na marginesie szerokiego ekranu i plik PDF do pobrania, a strona kontaktu odpowiada na najczęstsze pytania z odsyłaczami do konkretnych paragrafów.
Mapa bazy rajdu w kolorach strony ładuje się dopiero tuż przed wejściem w ekran i nie przejmuje przewijania palcem. Przyciski przy niej prowadzą do nawigacji w Mapach Google i Waze.
Pierwszy ekran zależny od daty
Pierwszy ekran zmienia się sam według daty. Przed startem odlicza czas, w dniu rajdu informuje o trwającej edycji z linkiem do wydarzenia na Facebooku, a po nim dziękuje uczestnikom. Nagłówek listy załóg zmienia się wtedy na „Wystartowali w 2026”.
Archiwum zbiera trzy ostatnie z dwunastu wcześniejszych edycji, z relacjami organizatora podanymi jako cytaty ze źródłem, linkami do prasy lokalnej i zdjęciami. Podium 2025 w każdej z sześciu klas przepisaliśmy z tabel wyników do tabeli na stronie, a pełne wyniki są obok jako obrazy. Galeria dzieli zdjęcia na zestawy z lat 2022-2024 i zdjęcia klubu, z podpisami autorów.
Next.js przygotowuje podstrony z wyprzedzeniem, a Vercel podaje je odwiedzającym. Zdjęcia mają lekki format AVIF w kilku szerokościach, więc telefon pobiera mniejsze pliki. Stare adresy relacji, opisu klubu i listy załóg przekierowują na nowe podstrony, więc po przepięciu domeny klubu prowadzące do nich linki zadziałają.
Do tego czasu adres techniczny jest wyłączony z indeksowania, żeby wyszukiwarka nie widziała dwóch kopii strony. Każda podstrona ma własny tytuł i opis, dane strukturalne opisują wydarzenie sportowe i klub, a link wysłany w komunikatorze pokazuje podgląd ze zdjęciem, numerem edycji, datą i miastem.
Wybrane ekrany
Podobny projekt? Sprawdź widełki cenowe i czas realizacji.
Oblicz koszt w kalkulatorzeNastępny projekt
Realizac(ja)
Firma rozważająca partnerstwo ogląda dorobek projektu i nagrody z olimpiady pod jednym adresem, a uczestnik jednym przyciskiem z pierwszego ekranu przechodzi do zapisów na najbliższe wydarzenie.









