Matěj Vais
Profesní průvodce
Vývoj webové aplikace pro Moravskoslezský pakt zaměstnanosti

Profesní průvodce je moderní webová aplikace pro kariérní rozhodování, kterou jsme na míru vyvinuli pro Moravskoslezský pakt zaměstnanosti, z.s. Cílem projektu bylo propojit sebepoznání, informace o trhu práce a praktické nástroje pro uplatnění v zaměstnání – vše v jedné přehledné a interaktivní platformě.
Aplikace cílí na široké publikum: od studentů a čerstvých absolventů po lidi uvažující o kariérní změně či snad návratu do práce.
O zadavateli a kontextu veřejné zakázky
Moravskoslezský pakt zaměstnanosti, z.s. dlouhodobě podporuje zaměstnanost a kariérní rozvoj v regionu (MS kraj). Projekt byl financovaný z dotačních zdrojů a navazuje na dřívější aktivity MSPAKT (např. mujzivotposkole.cz, cestakzamestnani.cz). Profesní průvodce je však první komplexní aplikace, která v jednom prostředí spojuje sebepoznání, orientaci na trhu práce, sebeprezentaci a plánování kariéry – s možností konzultace s kariérním poradcem.
Před zahájením spolupráce neexistoval jednotný nástroj, který by uživatelům nabídl na jednom místě:
- ujasnění silných stránek, zájmů a hodnot,
- zmapování dovedností a zkušeností,
- přehled profesí, které mohou dávat smysl,
- praktické nástroje pro tvorbu CV a přípravu na pohovor,
- inspiraci k plánování změny kariéry a možnost propojit se s poradcem.
Na základě zadání bylo naším cílem vytvořit přehlednou, srozumitelnou a interaktivní aplikaci, která:
- funguje bez nutnosti registrace (registrace je volitelná a umožňuje ukládání výsledků),
- uživatele provede krok za krokem, aniž by ho zatěžovala,
- nabídne reálnou hodnotu na první dobrou: od cvičení přes databázi povolání až po konkrétní návody
- nebude bavit jen výsledkem, ale i cestou
Jak probíhala tvorba samotné aplikace?
- úvodní UX analýza s definicí cílových uživatelů a scénářů,
- iterativní návrh informační architektury a uživatelských toků,
- prototypování a testování s reálnými uživateli,
- průběžné implementování zpětné vazby až do finalizace.
Klíčové funkce a obsah aplikace
1. Sebepoznání
Sekce pomáhá uživatelům ujasnit si kariérní směr prostřednictvím interaktivních cvičení a kvízů. Mohou zde objevit vhodné profese podle svých zájmů, projít si pracovní hodnoty nebo si zmapovat své dosavadní zkušenosti pomocí osobní SWOT analýzy. Každá část je zakončena přehledným souhrnem, který pomůže utřídit získané poznatky.
2. Informace o trhu práce
Tato část nabízí přehled statistik a databázi karet povolání a pomáhá uživatelům lépe se zorientovat v možnostech pracovního trhu. Součástí jsou také odkazy na relevantní zdroje a další užitečné rozcestníky.
3. Sebeprezentace
V sekci Sebeprezentace najdou uživatelé praktické nástroje pro tvorbu životopisu a přípravu na výběrové řízení. Nechybí kvízy, doporučení k pohovoru ani základní pracovněprávní minimum.
4. Tvorba kariérního plánu
Tato část nabízí jednoduchý a přehledný nástroj pro sestavení kariérního plánu, zejména při změně zaměstnání. Uživatelé si zde mohou stanovit cíle, kroky i časový rámec svého dalšího profesního směřování. Pomáhá tak proměnit úvahy o změně v konkrétní plán.
5. Konzultace s kariérním poradcem
Pokud uživatel potřebuje individuální podporu, může se jednoduše objednat na konzultaci s kariérním poradcem. Aplikace obsahuje přímý proklik na externí rezervační systém, kde si vybere vhodný termín.
Technické řešení a správa obsahu
Aplikace Profesní průvodce je postavena na frameworku Next.js poskytující flexibilitu, kterou aplikace vyžadovala. Jako databázi jsme vybrali PostgreSQL.
Samozřejmostí u nás je to, že poskytujeme vždy i redakční systém pro správu obsahu. V tomto případě jsme z důvodu velmi custom architektury zvolili PayloadCMS.
Odpovědi neregistrovaných uživatelů ukládáme do lokálního úložiště prohlížeče. Registrovaným uživatelům jsou data bezpečně ukládána do databáze.
Pro synchronizaci dat na straně klienta a serveru používáme synchronizační motor postavený na míru pomocí knihovny Zustand.
Účet uživatele je vždy zabezpečen silným heslem.
Celá aplikace je navržena plně v souladu s principy GDPR a veškerá zpracování osobních dat probíhají jen po souhlasu uživatele.
Aplikace je plně přístupná pro nevidomé a zrakově indisponované uživatele. Je plně ovladatelná klávesnicí a v průměru dosahujeme skóre Lighthouse Accessibility 99+ ze 100.
Realizační proces a tým
- Časový rámec: 15. října – začátek února (s ohledem na zimní svátky).
- Tým: 4 klíčoví členové – 2 vývojáři, UX/UI designer, produkční dohled.
Postup:
- analýza a návrh,
- vývoj jádra aplikace a obsahových modulů,
- prototypy a testování s uživateli,
- průběžné schvalování a iterace,
- finální testování a příprava na spuštění.
Klientská reference
Se spoluprací s TD Productions na vývoji webové aplikace jsme velmi spokojeni. Oceňujeme rychlou komunikaci, kreativní přístup k realizaci našeho zadání a iniciativní návrhy na vylepšení. Výsledná aplikace působí profesionálně a firmu rádi doporučujeme.
Co činí profesního průvodce unikátním
- Jedno místo pro celý proces: od sebepoznání přes orientaci na trhu práce až po konkrétní kroky k uplatnění.
- Plná funkčnost bez registrace (s možností přihlášení pro ukládání výsledků).
- Praktické nástroje, ne jen informace: tvorba CV (včetně interaktivního formuláře a chatu), kvízy, návody, příprava na pohovor.
- Databáze profesních karet s možností vyhledávání a filtrování.
- Jasná struktura a srozumitelné vedení uživatele krok za krokem.
- Připraveno na rozvoj obsahu a funkcí skrze CMS.
Sháníte partnera pro tvorbu webových aplikací za přijatelnou cenu?
Rádi vám pomůžeme od analýzy přes UX a vývoj až po škálování a provoz.
Kontaktujte násČasto kladené otázky
Jak dlouho trvá vývoj podobné webové aplikace?
Záleží na rozsahu a integracích. Tento projekt jsme realizovali přibližně za 3,5–4 měsíce od analýzy po finální testování.
Jak řešíte přístupnost pro veřejné projekty?
Cílíme na standardy WCAG 2.1 (obvykle úroveň AA) a přizpůsobujeme design i interakce různým skupinám uživatelů.
Je možné aplikaci rozšířit o další funkce nebo napojit na externí systémy?
Ano, architektura je modulární a připravená na napojení externích služeb.
Jak pracujete s daty z cvičení a registrací?
Respektujeme GDPR a minimalizaci dat. Bez registrace jsou cvičení plně použitelná, registrace umožní bezpečné ukládání výsledků.
Kolik stojí vývoj takové aplikace?
Rozpočet závisí na rozsahu funkcí, designu, integracích a testování. Rádi připravíme odhad po krátkém callu.