Przejdź do treści

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

  1. 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.

  2. 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.

  3. 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

  • Roadbook dnia rajdu: tabela z kilometrami całkowitymi i cząstkowymi, tulipanami kierunku i opisami od bazy rajdu przez plomby, odprawę i kolumnę po odcinek specjalny i trasę, obok zdjęcie telefonów z aplikacją metromierza w kokpicie
  • Podstrona klas: nagłówek Klasy i wymagania, sześć tabliczek z numerami serii od 201 do 301 i początek karty klasy Turystyk z wymaganiami
  • Plansza Piach z poziomego przejazdu przez tereny klubu: zdjęcie auta na piaszczystym zjeździe, opis terenu i mniejsze zdjęcie quada na stromym zboczu
  • Regulamin na stronie: nagłówek Regulamin WYRowiska 2026, opis sposobu przeniesienia, przycisk pobrania PDF, paragraf pierwszy i spis paragrafów po prawej