Realizacja / Autorskie
MykoRadar.
Mapa aktywności grzybów
Grzybowa mapa aktywności — gdzie i kiedy rosną grzyby, atlas gatunków i pogoda dla grzybiarzy.
- Rodzaj projektu
- Autorskie
- Zakres
- Projekt, budowa i rozwój
- Rok
- 2026
- Obszar
- Mapa aktywności grzybów
- Adres strony
- mykoradar.pl (otwiera nową kartę)
01 / Kontekst
Pomysł i zakres produktu
Interaktywna mapa pokazująca, gdzie i kiedy pojawiają się grzyby w 16 regionach, uzupełniona atlasem gatunków, prognozą pogody dla grzybiarzy i przewodnikiem po niebezpiecznych sobowtórach. Dane pochodzą z otwartych zbiorów obserwacji przyrodniczych.
03 / Wykonanie
Decyzje widoczne w szczegółach
Pomysł w działającym interfejsie
- Mapa ostatnich obserwacji zamiast ogólnej odpowiedzi, czy już są grzyby
- 747 stron gmin i 381 powiatów, żeby pytanie brzmiało gdzie u mnie, a nie gdzie w Polsce
- 377 kart gatunków w atlasie, z 16 osobnymi stronami sobowtórów
Szczegóły sposobu użycia
- Gatunki niebezpieczne pokazane obok najczęściej obserwowanych, nie w osobnym dziale
- Pogoda przeliczona pod grzybiarza, a nie pod planowanie pikniku
- 17 stron województw z rankingiem, żeby dało się porównać regiony
Zakres / pozostałe elementy
Co zostało zbudowane
- 16 stron o przepisach, bo zbiór grzybów jest miejscami reglamentowany
- Kalendarz sezonu i 242 strony gatunków spoza Polski
- Zgłoszenia użytkowników jako źródło danych, które zasilają mapę
04 / Funkcje i technika
Co ta strona potrafi
Sprzedaje na miejscu
MykoRadar prowadzi koszyk i zamówienie u siebie — klient nie ląduje w połowie zakupu na obcym serwisie.
Checkout — koszyk i zamówienie na stronie
Widać ją od razu
0,44 sGłówna treść pojawia się w 0,44 s — zanim ktokolwiek zdąży się zniecierpliwić i wrócić do wyników wyszukiwania.
LCP — largest contentful paint — czas do największego elementu
Da się z niej korzystać bez myszy
32 testówMykoRadar przechodzi 32 automatyczne testy dostępności bez jednego poważnego błędu: obsłużysz ją klawiaturą, przeczyta ją czytnik ekranu.
WCAG 2.2 AA — wytyczne dostępności W3C, poziom AA
Pod maską (6)
- Instaluje się jak aplikacjaMykoRadar
- Po dodaniu do ekranu telefonu otwiera się jako „MykoRadar” — w osobnym oknie, bez paska adresu i bez pobierania czegokolwiek ze sklepu.PWA — progresywna aplikacja webowa
- Ma tryb nocnyprzełącznik jasny/ciemny
- Ma własny przełącznik jasny/ciemny, a wybór zostaje zapamiętany na następną wizytę.prefers-color-scheme — systemowe ustawienie motywu
- W Google pokazuje więcej niż tytułfirma, witryna, pytania i odpowiedzi
- Wyszukiwarka czyta stąd gotowe dane: firma, witryna i pytania i odpowiedzi — nie musi ich zgadywać z treści.schema.org — słownik danych strukturalnych
- Zdjęcia dopasowane do ekranu23 zdjęcia
- 23 zdjęcia podawane są w nowoczesnym formacie i w rozmiarze dobranym do ekranu, a te niżej doładowują się dopiero przy przewijaniu.WebP · srcset — nowoczesny format i zestaw rozmiarów
- Trudniej ją podrobić7 nagłówków bezpieczeństwa
- Odpowiada 7 nagłówkami bezpieczeństwa, które wymuszają szyfrowanie i ograniczają, co obcy kod może na niej zrobić.CSP · HSTS — polityka bezpieczeństwa treści i wymuszone HTTPS
- Przygotowana dla wyszukiwarek2124 adresy w mapie strony
- Mapa strony podaje Google 2124 adresy, więc nowa podstrona nie czeka, aż robot trafi na nią sam.robots.txt · sitemap.xml — instrukcje dla robotów i mapa strony
Data i sposób weryfikacji
Zmierzone na działającej stronie, 12 września 2026. Odczyty dotyczą sprawdzonych publicznych stron: pomiar ładowania w przeglądarce, kontrola dostępności axe-core, nagłówków HTTP, manifestu aplikacji i mapy strony. To stan z dnia pomiaru, nie obietnica wyników biznesowych. Zakres kontroli zależy od pokazanej funkcji.
Jak została zbudowana
Mapa zasilana otwartymi zbiorami obserwacji przyrodniczych, przeliczanymi na sezonową aktywność w regionach. Dane trzymane we własnej bazie i odświeżane cyklicznie.
