Webové aplikace – Propix group

Od PDF v šuplíku k živé platformě

Jakub Krysta — Wed, 29 Oct 2025 11:38:24 +0000

Jak jsme pro Slezskou univerzitu navrhli a spustili SUtalent

Slezská univerzita v Opavě (SU) investuje nemalé prostředky do profesního rozvoje svých studentů a zaměstnanců, včetně nákupu prestižních talentových testů Gallup (CliftonStrengths).

Měli však problém, který zná každá velká organizace: co se děje s výsledky?

Drahý PDF report často skončil v e-mailu nebo v šuplíku a jeho potenciál zůstal nevyužit. Data byla roztříštěná, sdílení komplikované a jakákoliv systematická práce s týmy byla téměř nemožná.

Univerzita potřebovala víc než jen reporty. Potřebovala vlastní, centrální hub pro talent a profesní rozvoj. A zadání přišlo přímo od rektorátu.

Klient: Slezská univerzita v Opavě

Zadavatelem projektu SUtalent byl přímo rektorát univerzity. Cílem bylo vytvořit jednotnou platformu pro všechny zaměstnance a studenty, která by centralizovala data z Gallup testů a umožnila s nimi aktivně pracovat, jak individuálně tak týmově.

Předchozí řešení sloužilo jen úzké hrstce lidí. Pro zbytek univerzity nebyla data přístupná.

Výzva: Od důvěry k vítězství v soutěži

Náš vztah se Slezskou univerzitou není nový. Je to příběh budování důvěry, který začal malými úpravami na webu. Postupně jsme prokazovali naši expertízu na větších projektech:

Měření kampaní: Sledování propojení offline a online aktivit.
Hloubkový UX/UI výzkum: Kompletní analýza jejich webu studujopf.cz.
Custom prezentační web: Tvorba prezentačního webu pro festivalprilezitosti.cz.

Když univerzita vypsala soutěž o návrh UI/UX pro zbrusu novou aplikaci, šli jsme do ní s hlubokou znalostí jejich prostředí a potřeb. A náš návrh vyhrál.

Vítězství v soutěži nám otevřelo dveře. Klient byl s naším designovým myšlením natolik spokojený, že jsme po dokončení návrhu plynule přešli rovnou k vývoji.

Řešení: Synergie dvou týmů a moderní stack

Největší výzvou a zároveň největším úspěchem tohoto projektu byla synergie. Univerzita měla vlastní backendový tým (Laravel, Postgres). My v Propix jsme byli zodpovědní za kompletní frontend.

Aby takový model fungoval, vyžaduje to bezchybnou komunikaci, jasně definované REST API a stoprocentně agilní přístup. A přesně to se stalo.

1. Fáze: UX/UI Design (Vítězný návrh)

Navrhli jsme moderní, čistý dashboard. Nechtěli jsme uživatele zahltit. Hlavní stránka slouží jako personifikovaný rozcestník, který dává přehled o všech modulech. Gallup je sice jádrem verze 0.1, ale architektura je připravena na budoucí expanzi.

2. Fáze: Agilní vývoj frontendu (FE)

Náš tým nasadil moderní a bleskurychlý stack:

React + TypeScript: Pro robustnost a typovou bezpečnost.
Vite.js: Pro okamžitou odezvu při vývoji.
TanStack Query: Pro efektivní správu stavu a cachování dat z API.
React Hook Form: Pro správu formulářů a nahrávání Gallup reportů.

Během celého procesu jsme úzce spolupracovali s backend developerem univerzity. Díky agilnímu řízení a společnému cíli se nám podařilo verzi 0.1 spustit za pouhé 4 měsíce.

3. Fáze: Testování a sběr dat

Pro odhalení úzkých hrdel a sledování reálného uživatelského chování jsme nasadili analytický nástroj PostHog. To nám umožnilo v uzavřeném kruhu testerů okamžitě vidět, jak aplikaci používají, a ladit UX k dokonalosti.

Výsledek: Platforma pro rozvoj (Verze 0.1)

SUtalent není „prohlížečka PDFek“. Je to živý nástroj s jasně definovanými rolemi:

Uživatel (Student/Zaměstnanec): Může nahrát svůj Gallup report a získat personifikovaný, interaktivní přehled svých talentů. Může se stát součástí týmů.
Coach (Lektor/Vedoucí): Získal mocný nástroj. Může vytvářet nové týmy (např. „Katedra X“, „Studijní skupina Y“), spravovat je a hlavně – generovat týmové Gallup matice a přehledy. To, co dříve bylo nemožné, je nyní na pár kliknutí.
Super Admin: Spravuje role a má „God’s view“ nad celou platformou.

Zpětná vazba z testování byla jednoznačná: UI je intuitivní, líbí se a celá aplikace je rychlá.

Budoucnost: SUtalent poroste

Tento projekt je dokonalou ukázkou naší schopnosti spolupracovat s interními IT týmy klienta a dodávat komplexní řešení rychle a kvalitně.

Verze 0.1 byla jen začátek. Univerzita nyní vlastní platformu, kterou může neomezeně rozšiřovat. Už teď plánujeme další moduly, jako je hodnocení týmové kultury, vyhodnocení hodnot a další nástroje pro aktivní profesní rozvoj.

Máte ambiciózní vizi, ale chybí vám partner pro realizaci?

Ať už máte vlastní IT tým, nebo hledáte kompletní dodávku, naše síla je v designu, který funguje, a ve vývoji, který je agilní a spolehlivý.

Proměňme společně váš nápad v platformu, která přináší skutečnou hodnotu.

Domluvte si konzultaci zde

Od Excelu k vlastní platformě

Jakub Krysta — Tue, 28 Oct 2025 20:52:52 +0000

Kvalitní data jsou poklad. Ale pokud jsou prezentována ve formě „clunky“ Excel tabulky, jejich hodnota strmě klesá. Zvlášť, když jsou vaším publikem zastupitelstva.

To byl přesně problém, se kterým za námi přišla nezisková organizace Firmoškola z.s., která realizuje rozsáhlé výzkumy školního prostředí. Jejich data byla hodnotná, ale forma prezentace tomu neodpovídala.

Pojďme se podívat, jak jsme se od původního nápadu na Tableau dostali k vývoji plně customizované, bezpečné a škálovatelné datové platformy.

Firmoškola se věnuje propojování firem, škol a studentů prostřednictvím praktických workshopů, business case a spolupráce na reálných projektech. Jejich vlajkovou lodí je rozsáhlý „Průzkum školního prostředí„, do kterého se zapojují stovky respondentů napříč republikou. Výsledky slouží jako zásadní podklad pro zřizovatele a vedení měst.

Přesně tady byl ten problém.

Problém: Profesionální data v neprofesionálním kabátě

Když máte data ze stovek odpovědí a desítek otázek, jak je prezentovat?

Dosavadní řešení Firmoškoly bylo posílat partnerům excelový dokument. Grafy byly na jednom listu, surová data na druhém. Bylo to nepřehledné, nevypadalo to dobře a pro klíčové publikum (zastupitele) to bylo prakticky nepoužitelné. Chyběla jakákoliv interaktivita.

Klient za námi přišel s jasným zadáním: „Potřebujeme to prezentovat lépe.“

Strategická křižovatka: Past jménem Tableau

Jako datově orientovaná firma byl náš první návrh logický: pojďme data vizualizovat v Tableau. Je to špičkový BI nástroj, rychlý a interaktivní.

Pak jsme se ale zastavili. A začali jsme počítat.

V průběhu analýzy jsme si uvědomili, že Tableau by pro klienta byla finanční a logistická past.

Problém s filtry: Zásadním požadavkem byla možnost dynamicky filtrovat a porovnávat data. Abychom v Tableau pokryli všechny možné kombinace filtrů a zároveň nenutili klienty platit za Tableau, museli bychom generovat a exportovat přes 100 různých variant dashboardu. Interaktivní PDF neexistuje.
Problém s bezpečností: Data z výzkumu jsou citlivá. Nemohli jsme použít levnou „Tableau Public“ verzi.
Problém s cenou: Kvůli bezpečnosti bychom museli sáhnout po placených licencích. Přístup potřebovala nejen Firmoškola pro správu, ale i jejich klienti (zadavatelé výzkumu). Náklady by se rychle vyšplhaly na více než 3 000 Kč měsíčně, a to jen pro pár uživatelů. To je přes 30 000 Kč ročně jen na poplatcích.

Řekli jsme klientovi na rovinu: „Tableau vám nedoporučujeme. Pojďme postavit něco vlastního. Bude to vaše, bez poplatků za uživatele a přesně na míru.“

Klient nám plně důvěřoval. Dali nám zelenou.

Řešení: Zakázková webová aplikace

Namísto implementace nástroje třetí strany jsme navrhli a vyvinuli zabezpečenou webovou aplikaci přístupnou pouze po přihlášení.

Náš proces stál na dvou hlavních pilířích:

1. Data Engineering (Ta neviditelná, ale zásadní práce)

Dostali jsme „raw data“. Byla v surovém stavu, nevhodném pro rychlé filtrování a vizualizaci. Než jsme napsali první řádek kódu pro frontend, náš tým musel:

Použít Python: Napsali jsme skripty pro čištění, transformaci a strukturování dat.
Připravit databázi: Data jsme nachystali do formátu, který umožňuje bleskurychlé načítání a filtrování v reálném čase.
Nastavit Backend: Zvolili jsme moderní řešení Supabase, které nám poskytlo robustní backend (včetně databáze a API) s minimální režií.

Bez této přípravné fáze by byl jakýkoliv dashboard pomalý a nepoužitelný.

2. Frontend & UX (Ten viditelný výsledek)

S čistými daty v zádech jsme mohli postavit samotný dashboard. Cílem byla přehlednost a intuitivnost.

Technologie: Zvolili jsme moderní stack: React s Vite.js pro maximální rychlost, TailwindCSS a ShadCN pro rychlý vývoj čistého a responzivního UI.
Design: Vycházeli jsme z brandových barev Firmoškoly a referenčních dashboardů, které se klientovi líbily. Výsledkem je čistý, profesionální vzhled.
Správa: Celou aplikaci jsme „zabalili“ do Dockeru, což zajišťuje snadné nasazení a budoucí správu.

Během vývoje byl klient aktivně zapojen. Díky tomu nedocházelo k velkým změnám v zadání, ale spíše k drobným UX vylepšením – „nápady, které člověka napadnou, až když si to zkouší“. Celý proces od analýzy po spuštění trval jen pár týdnů.

Výsledek: Z "clunky" Excelu na exkluzivní platformu

Finální produkt je webová aplikace, kam se Firmoškola i jejich klienti mohou přihlásit.

Uvnitř najdou interaktivní dashboard, kde si mohou:

Proklikat výsledky všech otázek výzkumu.
Dynamicky filtrovat odpovědi podle různých segmentů.
Porovnávat výsledky jednotlivých škol mezi sebou.

Měřitelný dopad:

Finanční úspora: Klient ušetřil minimálně 30 000 Kč ročně na licenčních poplatcích za Tableau.
Zvýšení prestiže: Prezentace dat je nyní na profesionální úrovni. Zpětná vazba od zadavatelů byla skvělá: „ne vždy dostanete přihlášení do speciální appky jenom za účelem podívat se na výsledek výzkumu.“
Efektivita: Místo generování stovek PDF variant má každý uživatel jeden odkaz a data si filtruje sám.
Škálovatelnost: Platforma je připravena na budoucnost. Už nyní plánujeme přidání nových ročníků výzkumu a rozšíření funkcí pro interní tým Firmoškoly.

Závěr

Tento projekt je dokonalou ukázkou naší filozofie v Propix. Nevěříme v prodej nejdražšího řešení. Věříme v nalezení nejlepšího řešení. Tím, že jsme klienta posunuli od myšlenky na Tableau k vlastní aplikaci, jsme mu nejen ušetřili peníze, ale dali jsme mu do rukou strategický nástroj, který plně vlastní a který roste s ním.

Máte data, která si zaslouží víc než Excel?

Bojujete s neefektivním reportingem, drahými BI licencemi nebo chcete svá data přeměnit v interaktivní nástroj pro vaše klienty?

Ozvěte se nám. Provedeme analýzu vaší situace a navrhneme řešení, které má skutečný byznys-dopad.

Domluvte si nezávaznou schůzku