Výzva: Od bežného webu k pokročilej Appke
Zákazníci klienta potrebovali nástroj, cez ktorý by si vedeli graficky navrhnúť všetky steny fotobúdky (Predná stena, Bočná 1, Bočná 2, Zadná stena). Základný WordPress alebo Elementor na túto úlohu nepostačoval, keďže editor vyžadoval okamžitú odozvu na nahrávanie obrázkov, zložité maskovanie cez SVG šablóny, vrstvenie (Z-indexy, prelínanie textúr, priehľadnosť dvierok a pod.) a zachovanie plynulého užívateľského zážitku.
Hybridná architektúra a React Editor
- Interaktívny React Editor: Naprogramovali sme robustnú SPA (Single Page Application) v Reacte, ktorá beží v rámci WordPress stránky. Editor disponuje multi-wall state managementom (manažovaním stavu pre 4 rôzne steny), čo umožňuje prepínať medzi stenami bez načítavania a straty rozrobenej práce.
- Zložitá vizualizácia (Finish Flow): Užívatelia po zadaní návrhov prejdú do fázy náhľadu, kde sa vygeneruje kompletný náhľad fotobúdky pomocou zložitých SVG rámikov, výrezov a presne ukotvených elementov (napríklad orez na dvere búdky so správnymi čiernymi okrajmi).
- Custom Téma (Trubini Studio): Samotná prezentácia služby a obal celej aplikácie je postavený na čistej WordPress téme vyvinutej úplne od základu. Editor komunikuje s WP pomocou prepojenia stavov a špeciálneho API endpointu, čím sa dopyt priamo naviaže na konkrétny „SaveDesign“ v databáze.
Hlboká technologická robustnosť
Pri projekte STADIONI (Trubini) sme neriešili len "farbičky". Systém čelil komplikáciám s asynchrónnym nahrávaním súborov, build-time optimalizáciami React bundle-ov priamo do WordPress štruktúry a ošetreniam voči výpadkom (napríklad ochrana a refactoring funkcií pre uloženie dizajnu).
Dizajn samotného prostredia, vrátane tohto portfólia, si zachováva unikátnu vizuálnu stránku, kde dominujú monochromatické farby doplnené iba o kľúčové prvky rozhrania.
