Redesign webu

Fight Gym Chrudim

S radostí představuji nový web pro Fight Gym Chrudim, který jsem měl tu čest navrhnout a vytvořit. Cílem bylo vytvořit moderní a přehledný web, který věrně odráží energii, odhodlání a vášeň tohoto klubu pro bojové sporty.

Přejít na web

Jak vypadala původní webová aplikace?

Původní web byl vizuálně zastaralý a nepřehledný, což uživatelům ztěžovalo orientaci v obsahu. Struktura stránek nebyla dobře organizovaná a některé informace bylo obtížné dohledat.

Dalším problémem byla absence optimalizace pro mobilní zařízení. Na telefonech se web zobrazoval nekomfortně a jeho používání bylo výrazně omezené.

Klient navíc neměl možnost web jednoduše upravovat nebo rozšiřovat, což komplikovalo správu obsahu a další rozvoj projektu.

První kroky spolupráce

Spolupráce začala konzultací nad požadavky klienta a jeho představou o novém webu. Na základě těchto informací vznikl návrh struktury a UX, který měl za cíl zpřehlednit obsah a usnadnit návštěvníkům orientaci.

Součástí návrhu bylo rozšíření webu o nové sekce a stránky, které lépe organizují informace o klubu, trénincích i aktivitách. Navigace byla přepracována tak, aby byla intuitivní a přehledná i pro nové návštěvníky.

Do webu přibyly také nové prvky, například statistiky klubu, sekce s často kladenými otázkami, kontaktní formulář nebo přehled rozvrhu tréninků. Tyto části doplňují důležité informace, které na původním webu chyběly a výrazně zlepšují celkový uživatelský zážitek.

Zobrazit UX návrh

Grafický návrh webové aplikace

Grafický návrh vychází z barev, které jsou pro klub typické – červené, černé, bílé a šedé. Cílem bylo vytvořit moderní a dynamický vizuální styl, který bude ladit s charakterem bojových sportů.

Velký důraz byl kladen na responzivitu. Každá stránka je navržena tak, aby se pohodlně používala jak na počítači, tak na mobilu. Mobilní verze dnes představuje klíčovou část uživatelského zážitku, a proto byla jednou z hlavních priorit při návrhu.

Design využívá jemně zaoblené prvky a čisté rozvržení obsahu, které pomáhá udržet web přehledný a vizuálně atraktivní.

Finalizace a spuštění webu

Po schválení grafického návrhu jsem se pustil do samotného vývoje. Jednotlivé části webu byly průběžně testovány, aby bylo možné včas odhalit případné nedostatky a doladit detaily podle zpětné vazby klienta.

Po dokončení vývoje a finálním schválení byl web nasazen do ostrého provozu. Následně jsme ještě doladili drobné detaily, které se během testování objevily.

Výsledkem je rychlý, moderní a technicky kvalitní web, který dosahuje velmi dobrých výsledků v metrikách Core Web Vitals. Díky tomu poskytuje skvělý uživatelský zážitek a zároveň má dobré předpoklady pro viditelnost 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 vývoji jsem využil moderní technologie a ověřené nástroje s aktivní komunitní podporou. Díky nim jsou projekty stabilní, bezpečné a snadno rozšiřitelné. Každý z nich stavím na pevných základech, které zaručují dlouhodobou kvalitu a spolehlivost.

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.

DigitalOcean

DigitalOcean je cloudová platforma, která vývojářům a firmám nabízí jednoduché a škálovatelné nástroje pro správu infrastruktury a nasazení aplikací.

Figma

Figma je cloudový nástroj pro design a prototypování, který umožňuje týmům spolupracovat v reálném čase na tvorbě uživatelských rozhraní a grafických návrhů.