Nový web

Mark

S radostí představuji nový web Mark, který jsem měl tu čest navrhnout a vytvořit. Jedná se o osobní blog zaměřený na fitness, zdravý životní styl a stravování, za kterým stojí můj kamarád Vojtěch Marek.

Přejít na web

Původní záměr a vize

Vojtěch se věnuje kalistenice a zdravému stravování již několik let. Jeho cílem bylo vytvořit prostor, kde může přehledně publikovat své know‑how, sdílet tréninkové tipy a budovat komunitu lidí se zájmem o pohyb. Web však není koncipován pouze jako blog, v budoucnu má sloužit jako hlavní pilíř pro Vojtův profesní růst, včetně nabídky osobních tréninků a individuálního koučinku. Celý projekt je tedy navržen s ohledem na budoucí rozšiřování služeb a budování osobní značky.

Zobrazit UX návrh

Grafický návrh webové aplikace

Při návrhu jsem se zaměřil na moderní a čistý vzhled, který reflektuje dynamiku fitness světa, ale zároveň neodvádí pozornost od samotného obsahu. Hlavním pilířem je maximální důraz na mobilní verzi (Mobile First). Vzhledem k tomu, že je dnes responzivita naprostým standardem a většina uživatelů bude web konzumovat na smartphonech, například při hledání tipů přímo v posilovně nebo na cestách, bylo prioritou, aby byl web na mobilu nejen přehledný, ale i bleskově ovladatelný.

Zvolil jsem minimalistickou typografii a logické uspořádání prvků, které usnadňuje orientaci v kategoriích cvičení a stravy. Celý grafický koncept je připraven tak, aby v budoucnu organicky přijal nové funkcionality, jako je rezervační systém pro tréninky nebo rozhraní e‑shopu.

Finalizace a spuštění webu

Před spuštěním byl web důkladně otestován, aby se načítal rychle a bez zbytečných prodlev a to i u delších článků doplněných fotografiemi. Díky základní optimalizaci pro vyhledávače je web snadno dohledatelný a pomáhá oslovit nové zájemce o cvičení a kalisteniku.

Celý web je navržen tak, aby měl Vojtěch plnou kontrolu nad obsahem. Prostřednictvím přehledného administračního systému Strapi může jednoduše přidávat nové články, upravovat jednotlivé sekce a rozvíjet web podle svých potřeb. Projekt je od začátku připravený na další rozšíření, například o osobní tréninky nebo e‑shop. Spuštěním webu tak naše spolupráce nekončí.

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í Vojtěch?

Od začátku velmi příjemná spolupráce. S Kubou jsme probrali veškeré náležitosti týkající se webu od jeho struktury až po design. Výsledek předčil má očekávání. Web je přehledný, moderní a dobře se pracuje s jeho obsahem.

Vojtěch Marek

Mark

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í.

Neon

Neon je moderní cloudová platforma pro PostgreSQL, která nabízí škálovatelné, serverless databáze s integrovaným automatickým ukládáním do archivu a nástroji pro správu dat.

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ů.