Konceptuální návrh vizuálního kariérní stránky Jihomoravského kraje
Jihomoravský kraj
01
Výzva
Jihomoravský kraj potřeboval moderní kariérní stránku, která:
- zrychlí cestu kandidáta Homepage → Výpis → Detail → Přihláška,
- bude přístupná (WCAG 2.2 AA) a čitelná i na mobilu,
- zvládne rozlišit KÚ JMK vs. příspěvkové organizace a filtrovat podle toho,
- pomůže bořit předsudky (veřejná správa ≠ nuda) a posílí zaměstnavatelskou značku mladším i zkušeným kandidátům.
02
Řešení pro budoucnost: Headless Strapi + Next.js pro rychlost, bezpečnost a škálování
Navrhli jsme cloud-first headless architekturu kde Strapi (CMS) funguje jako „sklad obsahu” a běží na vlastním serveru, naopak front-end, část, kterou vidí uživatel, je pomocí technologie Next.js doručován přes CDN a uživateli se vždy načte jen to, co reálně potřebuje.
Co to přináší:
- Okamžité načítání, stránky jsou „předpřipravené“ a doručované přes CDN, takže se načítají svižně i na slabším připojení a stabilní Core Web Vitals.
- Oddělená administrace → menší útoková plocha, bezpečnější provoz.
- API-first: do budoucna snadné napojení ATS/job-feedu, newsletteru; jeden obsah pro web, mobil, AR/VR/hlas/IoT.
03
Modulární UX/UI koncept
jako stavebnice
Vytvořili jsme vizuální koncept v identitě JMK, ale moderní a přívětivý. Důraz na jasnou orientaci a přístupnost.
- Jobs-first IA: hero s primárním CTA „Zobrazit volné pozice“.
- Výpis pozic: nahoře TOP 3 „Doporučujeme“ přes celou šířku, pod nimi dlaždice pro rychlé procházení; přepínač dvou zobrazení (Karty/Seznam) a filtr „Jen KÚ JMK“.
- Detail pozice: pravý panel „Důležité údaje“, sticky „Přihlásit se“, návrat na výpis se zapamatovaným místem.
- Přístupnost v praxi (WCAG 2.2 AA) – kontrasty, viditelné focusy, pohodlné ovládání i z klávesnice, větší cíle na kliknutí.
- Modulární administrace: zaměstnanci JMK mají možnost si nové stránky skládat pohodlně a jednoduše z již navržených komponent, to vše bez pomocí programátora.
Co jsme vytvořili
Vizuální koncept
Homepage, Výpis, Detail, „Proč k nám“ v identitě JMK s moderní estetikou.
UI kit
Tlačítka, karty, formuláře a stavy tak, aby se z nich web dal skládat jako stavebnice.
Návrh provozu
Jednoduchá správa obsahu pro HR a jasné kroky k akceptaci (včetně reportů z testů).
Co se povedlo
- Moderní, vizuálně poutavý styl, který sedí k JMK a zároveň působí svěže i na mladší publikum.
- Nejkratší cesta k přihlášce – vše důležité na očích, minimum zbytečných kroků.
- Návrh řešení, které vydrží – rychlé, bezpečné a připravené na budoucí rozšíření bez přepisování webu.
- Přístupnost bez kompromisů – mysleli jsme na ni už v návrhu, ne až dodatečně.
- Připraveno na budoucnost – jeden obsah pro web, mobil a další rozhraní; snadná integrace systémů.
