Zpět na úvod
01Case study
  • Webdesign
  • UX design
  • Next.js vývoj
  • CMS

Web pro městská sportoviště Aktivní Litovel

Web provozovatele sportovišť v Litovli: bazén, sportovní haly, posilovna i venkovní hřiště na jednom místě. Přehledná struktura pro dva areály (Vítězná a Sokolka), rozvrhy lekcí a napojení na rezervační systém, aby se návštěvník dostal k rezervaci na pár kliknutí.

Zobrazit web
Úvodní stránka webu Aktivní Litovel s přehledem sportovišť
Klient
Aktivní Litovel

Provozovatel městských sportovišť, areály Vítězná a Sokolka.

Web
Doba realizace
1 měsíc
Nástroje
  • Figma
  • Next.js
  • Cloudflare

Výchozí situace

Aktivní Litovel spravuje ve městě dva areály: Vítěznou s bazénem a sportovní halou a Sokolku. Lidé na webu hledají hlavně tři věci: kde co je, kdy je otevřeno a jak si sportoviště zarezervovat. Potřebovali jeden přehledný web pro oba areály, s aktualitami na jednom místě a s co nejkratší cestou k rezervaci.

Proces

  1. Struktura podle areálů. Obsah jsem seřadil podle toho, kam lidé opravdu jdou: Sokolka a Vítězná, a ve Vítězné hala a bazén.
  2. Návrh ve Figmě. Nejdřív úvodní stránka a šablona areálu, na kterých stojí všechny ostatní stránky.
  3. Vývoj v Next.js. Stránky se generují předem a běží na Cloudflaru.

Klíčová rozhodnutí

  • Rezervace zůstala v iSportSystemu. Místo vlastního rezervačního systému vede tlačítko Rezervovat z hlavičky každé stránky rovnou do systému, který sportoviště už používají.
  • Každý areál má vlastní stránku se sportovišti, aktualitami a kontaktem, takže kdo jde do Vítězné, neprochází informace o Sokolce.
  • Přístupnost od začátku. Web má prohlášení o přístupnosti a tlačítko Rezervovat i odkazy na sociální sítě předem oznamují, že se otevřou v novém okně.

Výsledek

K rezervaci vede tlačítko v hlavičce každé stránky a oba areály najde návštěvník na jednom webu. V Lighthouse (měřeno v říjnu 2026) má web na mobilu plný počet bodů za přístupnost, osvědčené postupy i SEO (100 / 100 / 100).