Portfolios – Propix group

Od Týdne podnikavosti k Festivalu příležitostí: Web, který zvládnou organizátoři spravovat sami

Jakub Krysta — Fri, 21 Nov 2025 21:37:30 +0000

Klient: Slezská univerzita v Opavě

Zadavatelem projektu byl Institut interdisciplinárního výzkumu vedený Ing. Tomášem Pražákem, Ph.D., který na Obchodně podnikatelské fakultě v Karviné dlouhodobě organizuje kariérní dny.

Každý úspěšný event se vyvíjí. Pro Slezskou univerzitu to znamenalo velký krok: transformaci z původního Týdne podnikavosti na novou a svěží značku Festival příležitostí.

S novým jménem ale přišla i potřeba nového digitálního domova. Původní web, který vznikl jako studentský projekt, sice v začátcích svůj účel splnil, ale jak akce rostla, narazila na své limity. Organizátorům chyběla flexibilita. Největší bolest? Nemožnost jednoduše přidat a spravovat harmonogram akcí, což je u festivalu alfa a omega.

Cíl byl jasný: Vytvořit moderní one-pager, který skvěle vypadá a prodává novou identitu a také bude sloužit jako dlouhodobý nástroj, který si klient dokáže spravovat sám bez nutnosti volat programátora kvůli každé změně data.

Proč my?

Slezská univerzita nešla do neznáma. Už dříve jsme pro ně řešili UX/UI pro portál studujopf.cz. Znali jsme jejich styl komunikace a věděli, co potřebují. Navíc jsme se tentokrát nepodíleli jen na kódu, ale přímo jsme spolupracovali i na tvorbě nového loga a vizuální identity festivalu.

Když se design potká s chytrou administrací

Jelikož šlo o rebranding, začínali jsme na „zelené louce“. Neměli jsme svazující manuál, jen definované barvy a očekávaný „pocit“ z nové značky. To nám dalo svobodu vytvořit vizuál, který je energický a přehledný.

Výzva ale nebyla jen v tom, co vidí návštěvník (frontend), ale hlavně v tom, co používá editor (backoffice).

1. Administrace, kterou nerozbijete

Klient potřeboval web upravovat sám. Proto jsme nezvolili cestu složitých page builderů, kde může laik omylem rozhodit celý layout. Využili jsme kombinaci WordPress + Bricks Builder s rozšířením Gutenbricks.

Co to znamená v praxi? My jako vývojáři jsme připravili robustní designové bloky na pozadí. Klient v administraci vidí jen čisté, intuitivní prostředí Gutenberg editoru. Skládá web z předpřipravených „kostiček“, mění texty a obrázky, ale design zůstává vždy konzistentní a pixel-perfect.

2. Automatický harmonogram a archiv

Největší technickou „vychytávkou“ je správa programu. Věděli jsme, že festival bude mít další ročníky a historie je důležitá. Nechtěli jsme, aby klient musel po skončení akce ručně přesouvat data do nějaké sekce „Archiv“.

Vytvořili jsme systém na míru (pomocí Custom Post Types), který funguje následovně:

Organizátor vyplní jednoduchý formulář: Název přednášky, Čas, Popis, Rok.
Systém automaticky zařadí akci do harmonogramu na webu.
Díky parametru „Rok“ se obsah sám třídí. Jakmile přijde nový ročník, starý program zůstane přístupný v historii, aniž by na to musel editor sáhnout.

3. Registrace bez zbytečných nákladů

Místo vývoje drahého rezervačního systému jsme sáhli po pragmatickém řešení. Web chytře integruje Google Forms. Propojení je vizuálně čisté, pro studenty funkční a pro univerzitu to znamená nulové náklady na provoz registračního systému a snadný export dat.

Výsledek

Projekt měl pevný deadline. Web musel běžet před spuštěním reklamní kampaně na nový ročník.

Stihli jsme to za 1,5 měsíce: A to včetně fází schvalování designu a ladění nového loga.
Nadšení z Backoffice: Vedení projektu nejvíce ocenilo, jak snadno se web ovládá. Tvorba obsahu pro ně přestala být stresující záležitostí.
Připraveno na budoucnost: Web není jednorázovka. Je to platforma, která s festivalem poroste několik dalších let.

Ing. Tomáš Pražák, Ph.D.

„Propix jsme oslovili k vytvoření webu na míru pro událost Festival příležitostí na SU OPF. Na spolupráci jsme si nejvíce cenili agilitu při zpracovávání, práci s aktuálními trendy, které pomáhají k jednoduché správě webu, a rychlost samotného zpracování.“

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

Moderní tvář pro českou tradici: Redesign webu pro hodinky PRIM

Jakub Krysta — Tue, 07 Oct 2025 19:49:13 +0000

Značka PRIM je ikonou českého hodinářství s desítkami let tradice. Naším úkolem bylo přenést tuto prestiž do digitálního světa a vytvořit web, který by byl nejen moderní a elegantní, ale také dokonale funkční a uživatelsky přívětivý. Stará prezentace působila spíše jako technický katalog; naším cílem bylo vytvořit digitální butik, který vypráví příběh a prodává emoci.

Zadání

Společnost MPM Quality, a.s., která za značkou PRIM stojí, nás oslovila s jasnou vizí. Jejich stávající web již neodpovídal kvalitě a jménu jejich produktů. Působil zastarale, zahlceně informacemi a nenabízel návštěvníkům zážitek, jaký si takto významná značka zaslouží.

Požadavek zněl: vytvořit kompletně nový prezentační web na platformě WordPress, který bude vícejazyčný, snadno spravovatelný a především bude mít svěží a prémiový design. Klient hledal partnera, který se nebojí pracovat s prostorem, nechá vyniknout kvalitní fotografie a přinese neotřelý pohled na věc.

Cíle

Hlavní filozofií projektu bylo „nechat mluvit design, ne text“. Chtěli jsme vytvořit čistý, vzdušný prostor, kde bude hlavním hrdinou produkt a jeho příběh.

Vytvořit digitální vizitku, která vypráví příběh a je hodna prestiže značky PRIM.
Navrhnout prémiový design, který se nebojí velkých komponent a velkorysého prostoru, aby mohly vyniknout kvalitní produktové fotografie.
Definovat promyšlenou cestu zákazníka webem, která ho nejprve vtáhne do příběhu, utvrdí v kvalitě značky a až poté mu představí jednotlivé modely.
Poskytnout klientovi mocný, ale intuitivní systém, který mu dá maximální svobodu při tvorbě obsahu a zároveň zautomatizuje rutinní úkony.

Řešení

Náš přístup jsme postavili na strategickém designu a chytrých technických řešeních, která klientovi dávají do rukou plnou kontrolu.

1. Strategie a Cesta Zákazníka:

Příběh na prvním místě

Od začátku jsme věděli, že nechceme jen redesignovat stránky – chtěli jsme změnit způsob, jakým web komunikuje. Definovanou cestu zákazníka jsme promítli přímo do struktury domovské stránky:

Zaujmout a vtáhnout do děje: Dominantní hero sekce s dechberoucím videem okamžitě pohltí návštěvníka a navodí atmosféru značky.
Utvrdit v kvalitě: Hned poté následuje příběh značky, který zdůrazňuje tradici a hodnoty firmy PRIM.
Představit produkty: Teprve když je zákazník emočně naladěn, představujeme mu konkrétní kolekce a modely.
Prohloubit důvěru: Závěr stránky je věnován detailům z výroby, podporovaným akcím a představení firmy.

2. Živá Domovská Stránka:

Jedno kliknutí mění vše

Hero sekce není statická. Vytvořili jsme pro klienta v editoru Gutenberg jednoduchý přepínač, kterým může na jedno kliknutí změnit její obsah. Když je uvedena nová kolekce s vlastním videem, klient jednoduše zvolí variantu „Nová kolekce“ a video se okamžitě zobrazí na hlavní stránce. Nemusí nic složitě nahrávat nebo měnit. Web tak žije společně se značkou.

3. Svoboda pro Klienta:

Mikroweby jako stavebnice

Nechtěli jsme klienta svazovat šablonami. Pro prezentaci jednotlivých modelů hodinek jsme proto připravili sadou 10-15 na míru vytvořených obsahových bloků v Gutenberg editoru. Klient tak získal tvůrčí svobodu a může si pro každý model sestavit unikátní prezentační „mikroweb“ přesně podle svých představ a marketingových potřeb. Je to jako skládačka, kde jsou všechny dílky designově perfektní a ladí se zbytek celého webu.

4. Inteligentní Automatizace Obsahu:

CPT

Srdcem efektivity nového webu je promyšlená práce s vlastními typy obsahu (Custom Post Types).

Životní cyklus produktu: Když klient přidá novou limitovanou edici, automaticky se zobrazí na domovské stránce a v příslušné sekci. Jakmile ji označí jako „neaktivní“, sama zmizí z nabídky a přesune se do archivu předchozích modelů. Vše se děje automaticky.
Jazyková kontrola: Systém umožňuje zobrazit konkrétní model pouze ve vybrané jazykové verzi webu.
Globální princip: Stejná logika je aplikována napříč celým webem – u blogu, aktualit i sekce „Podporujeme“. Klient zadá obsah na jednom místě a web se postará o jeho správné zobrazení všude, kde je to potřeba.

5. Design a Funkčnost v Detailu

Moderní a uživatelsky přívětivé

Logicky jsme zjednodušili hlavní menu a po konzultaci s klientem sloučili související sekce pod jednu zastřešující položku „BRAND“. Pro zákazníky jsme zase vytvořili interaktivní mapu prodejců s intuitivním filtrováním, která nahradila zdlouhavé prohledávání statického seznamu.

Výsledek

Finálním výstupem je plně funkční, rychlý a vizuálně podmanivý web www.prim-hodinky.cz, který je důstojným digitálním domovem pro tuto tradiční českou značku.

Prezentace, která vypráví příběh: Web aktivně komunikuje prestiž a tradici značky, čímž posiluje její postavení na trhu a dává zákazníkům pocit, že mohou být součástí její historie.
Maximální svoboda a kreativní kontrola pro klienta: Díky systému na míru vytvořených Gutenberg bloků může klient bez naší pomoci tvořit unikátní a vizuálně bohaté prezentace pro každý svůj produkt.
Radikální zjednodušení správy obsahu: Chytrá automatizace šetří klientovi desítky hodin práce a eliminuje riziko lidské chyby. Obsah se na webu spravuje sám podle předem daných pravidel.
Výrazně lepší uživatelský zážitek: Od přehledné navigace až po funkční mapu prodejců – každý prvek webu byl navržen tak, aby byla cesta zákazníka co nejjednodušší a nejpříjemnější.