data.Brno je oficiální datový portál statutárního města Brna. Otevřená data, mapy, aplikace a analýzy pro 400 tisíc obyvatel na jedné adrese. Navržené rozhraní jsem převedl do HTML a CSS komponent pro ArcGIS Hub.
billboardy a plakáty na zastávkách s adresou data.brno.cz
Celé Brno
Počet obyvatel a obsah katalogu podle data.brno.cz k 21. 10. 2026. Zobrazení podle statistik portálu.
Kampaň ve městě
Z brněnských ulic na data.Brno.
Město portál propagovalo billboardy po Brně a plakáty skoro na každé zastávce. Výstava Brno v číslech 2025 vynesla městská data do veřejného prostoru. Každý panel nesl adresu data.brno.cz a QR kód. Cesta z ulice tak vedla přímo do rozhraní, na kterém jsem pracoval.
Billboard Brno v číslech 2025 Šest čísel o městě, logo data.Brno a QR kód. Takhle vypadaly billboardy po Brně.Výstava mezi domy Panely vytvořily na náměstí celé uličky. Každý nesl logo data.Brno. Foto: KAM BrnoPanel výstavy zblízka Foto: brnomycity
Cesta návštěvníka
Plakát na zastávce Plakáty visely skoro na každé zastávce ve městě.
Adresa a QR kód Každý plakát nesl stejný QR kód a adresu.
Brno v číslech 2025 na data.Brno QR kód otevře výstavu na portálu. Panely, kvíz i audio průvodce.Cíl kampanědata.brno.cz
Řada výstavních panelů Každý panel výstavy odkazoval na data.brno.cz.
Zadání a rozhraní
Návrh musel fungovat uvnitř ArcGIS Hubu.
Platforma omezuje možnosti úprav vzhledu. Připravené rozvržení jsem převedl do HTML a CSS komponent: hlavičky, úvodu, tematických karet, přehledu čísel o městě i patičky. Jednotlivé části navazují na sebe a tvoří stránky portálu.
Rozhraní po částech
HTML + CSS / ArcGIS Hub
Z návrhu do skutečného rozhraní.
Prohlédněte si úvod portálu, tematickou navigaci, přehled čísel o městě a patičku. Sestavte části do jednoho celku nebo je rozložte pro detailnější pohled.
Snímky veřejného portálu data.Brno z 17. října 2026.
Responzivní rozhraní
Rozhraní na telefonu.
Na široké obrazovce se témata řadí do čtyř sloupců, na telefonu pod sebe. Přehled zachovává názvy i přímé odkazy na jednotlivé oblasti života ve městě.
Popište mi, komu má web sloužit a v jakém prostředí poběží. Navrhnu jeho podobu a postarám se o vývoj. Pokud už máte návrh jako v tomto projektu, navážu na něj.
