Fight Gym Chrudim
S radostí představuji nový web pro Fight Gym Chrudim, který jsem měl tu čest vytvořit. Cílem bylo navrhnout moderní a uživatelsky přívětivou webovou aplikaci, která věrně odráží hodnoty, odhodlání a vášeň tohoto klubu pro bojové sporty.
Přejít na web
Jak vypadala původní webová aplikace?
Původní webová aplikace byla vizuálně zastaralá a nepřehledná, což výrazně komplikovalo pohyb uživatelů po aplikaci. Web nebyl optimalizován pro mobilní zařízení, takže jeho používání na telefonech bylo prakticky nemožné. Navíc klient neměl možnost web snadno upravovat, což omezovalo jeho flexibilitu.
V oblasti Core Web Vitals měl původní web značné nedostatky, což negativně ovlivňovalo jeho pozici a hodnocení ve vyhledávačích, jako je Google či Seznam.
První kroky spolupráce
Nejprve jsem s klientem probral jeho požadavky a očekávání od nového webu. Na základě těchto informací jsem se pustil do tvorby UX návrhu. Původní web jsem rozšířil o několik nových stránek, které lépe segmentují prezentovaná data. Problém s navigací jsem vyřešil přidáním hlavního menu umístěného na vrch stránky.
Do webu jsem také přidal několik užitečných sekcí, jako jsou výpis číselných statistik, otázky a odpovědi, kontaktní formulář či rozvrh tělocvičny. Tyto prvky přinesly užitečné informace, které na původním webu chyběly, a výrazně zlepšily uživatelský zážitek.
Grafický návrh webové aplikace
Při tvorbě grafického návrhu nové webové aplikace jsem zvolil několik základních barev, které tvoří vizuální identitu webu – červenou, černou, bílou a šedou. Každou stránku jsem navrhl tak, aby byla plně responzivní, tedy optimalizovaná jak pro zobrazení na počítači či notebooku, tak na mobilu. Moderní a funkční mobilní zobrazení je dnes naprostým standardem, na který kladu velký důraz.
V celém návrhu jsem pracoval se zaoblenými rohy, které designu dodávají moderní a příjemný vzhled, čímž zvyšují vizuální atraktivitu i uživatelský zážitek.
Finalizace a spuštění webu
Po schválení grafického návrhu klientem jsem se pustil do samotného vývoje. Jednotlivé části webové aplikace byly průběžně testovány klientem, který měl možnost hlásit případné nedostatky a připomínky. Po dokončení vývoje a finálním schválení jsme web spustili a následně doladili drobné chyby, které se během vývoje přehlédly.
Výsledný web je precizně zpracovaný a velmi rychlý, což se pozitivně projevuje i ve výsledcích Core Web Vitals. To zajišťuje nejen skvělý uživatelský zážitek, ale také lepší pozici ve vyhledávačích.

Core Web Vitals jsou klíčové ukazatele kvality webu, které sledují rychlost načítání, odezvu na akce uživatele a stabilitu obsahu při načítání. Když jsou tyto parametry v pořádku, web je uživatelsky přívětivý a lépe hodnocený ve vyhledávačích.
Jak spolupráci hodnotí klient?
S Kubou se mi skvěle spolupracovalo. Na všem jsme se bez problémů domluvili a s výsledkem jsem velmi spokojený.

Martin Dočkal
Fight Gym Chrudim
Použité technologie a nástroje
Při práci jsem využil nejmodernější technologie a nástroje, které mají širokou podporu komunity. Díky tomu jsou projekty postaveny na pevných základech, které minimalizují chyby a umožňují dodat web v maximální kvalitě odpovídající nejvyšším standardům.
Next.js
Next.js je výkonný framework pro React, který umožňuje snadno vytvářet moderní webové aplikace s podporou server‑side renderingu, statického generování a dalších pokročilých funkcí.
Strapi
Strapi je open‑source headless CMS, které umožňuje snadnou správu obsahu a poskytuje flexibilní API pro rychlou integraci s webovými a mobilními aplikacemi.
Cloudinary
Cloudinary je platforma pro správu, optimalizaci a doručování médií, která umožňuje snadnou práci s obrázky, videi a dalšími soubory pro webové a mobilní aplikace.
Vercel
Vercel je platforma pro nasazování a škálování webových aplikací, která nabízí rychlé buildy, serverless funkce a optimalizaci výkonu pro moderní front‑end projekty.