Portfolio

Od návrhu vzduchotechniky až po zrýchlenie spustenia

Systém GREEN box umožňuje riadiť distribúciu vzduchu do jednotlivých miestností podľa ich aktuálnych potrieb. S rastúcim počtom jednotiek, boxov, regulátorov a ovládacích prvkov však rýchlo rastie aj zložitosť celého projektu.

Pre spoločnosť ATREA sme preto navrhli a vyvinuli aplikáciu aGB, ktorá všetky časti návrhu spája do jedného prehľadného pracovného prostredia.

Jedna aplikácia pre projektantov aj technikov

Aplikácia podporuje dve hlavné fázy práce. V režime Projekcia možno vytvoriť kompletný návrh vzduchotechnického systému, definovať VZT jednotky, GREEN boxy, regulátory prietoku aj ich vzájomné väzby.

Režim Spustenie nadväzuje priamo na hotový návrh. Technik môže na stavbe priraďovať výrobné a sériové čísla, evidovať inštalované zariadenia a pripravovať ich výslednú konfiguráciu.

Prehľadná konfigurácia zložitého systému

Každý projekt možno spravovať prostredníctvom štruktúrovaných tabuliek alebo interaktívnej schémy. Diagram názorne zobrazuje VZT jednotky, jednotlivé podlažia, GREEN boxy, regulátory a ich prepojenie.

Aplikácia zároveň vykonáva potrebné výpočty prietokov, kontroluje nastavené limity a upozorňuje na problematické miesta. Projektant tak dostáva okamžitú spätnú väzbu už počas návrhu.

Kľúčové funkcie

• správa viacerých vzduchotechnických projektov,
• konfigurácia VZT jednotiek, GREEN boxov a regulátorov,
• automatické výpočty prietokov a kontrola limitov,
• interaktívna schéma zapojenia vrátane jednotlivých podlaží,
• opakovane použiteľné šablóny konfigurácií,
• nastavenie ovládacích skupín, scenárov, kalendárov a spúšťacích podmienok,
• zdieľanie projektov a riadenie používateľských oprávnení,
• evidencia výrobných a sériových čísel,
• načítanie zariadení pomocou čiarových a QR kódov,
• export projektových údajov a odovzdanie konfigurácie do servisného nástroja aTool,
• kontextová pomoc priamo v prostredí aplikácie.

Výsledok

aGB vytvára jedno spoločné miesto pre údaje, ktoré sprevádzajú zákazku od projekčnej kancelárie až na stavbu. Informácie z návrhu nie je nutné znovu prepisovať pri montáži a jednotliví účastníci pracujú nad tou istou aktuálnou konfiguráciou.

Výsledkom je špecializovaný digitálny nástroj, ktorý sprehľadňuje návrh komplexných vzduchotechnických systémov a plynule prepája projekciu, výrobu a spustenie.

Keď dodané rozhranie nestačí

Ice To Go prevádzkuje sieť samoobslužných zmrzlinových automatov. Spolu s ich technológiou však klient získal aj dodávateľské systémy, ktoré neboli navrhnuté na pohodlnú a spoľahlivú prevádzku na európskom trhu.

Informácie o automatoch, objednávkach a ich prevádzke boli rozdelené medzi niekoľko neprehľadných rozhraní. Niektoré funkcie nefungovali spoľahlivo, ovládanie bolo komplikované a systém neposkytoval dobrý základ pre ďalšie rozširovanie siete.

Nešlo teda len o vytvorenie krajšej administrácie. Bolo potrebné dostať kľúčové dáta a procesy pod kontrolu.

Vlastná platforma nad systémami výrobcu

Najprv sme zmapovali fungovanie dodávateľských systémov, ich dátové zdroje a dostupné API. Pomocou vyhradeného servisného účtu sme následne navrhli vlastnú integračnú vrstvu, ktorá komunikuje s technológiou výrobcu a prevádza jej dáta do jednotnej, stabilnej podoby.

Nad ňou vzniká nová platforma určená priamo pre potreby Ice To Go a budúcu prevádzku na európskom trhu.

Na jednom mieste postupne zjednocuje:

• prehľad automatov a ich online stav,
• objednávky, platby a tržby,
• teploty a ďalšie prevádzkové dáta,
• produkty, ceny a obsah displejov,
• informácie o konektivite zariadení,
• vzdialenú správu a audit vykonaných operácií.

Stabilná vrstva medzi obsluhou a výrobcom

Nová architektúra oddeluje používateľov od technických obmedzení pôvodného riešenia. Prístupové údaje k systémom výrobcu zostávajú bezpečne na serveri a nie sú vystavené v prehliadači.

Dáta sa synchronizujú do vlastnej štruktúry, takže platforma môže ponúknuť rýchlejšie a konzistentnejšie ovládanie a zároveň lepšie zvládať výpadky alebo budúce zmeny dodávateľského API. Citlivé vzdialené operácie sú navrhnuté ako riadené a auditovateľné povely.

Pripravené na európsku prevádzku

Výsledkom nebude iba preklad pôvodnej čínskej administrácie. Vzniká samostatný produkt prispôsobený miestnym používateľom, ich každodenným pracovným postupom a ďalšiemu rastu celej siete.

Platforma vytvára základ pre lokalizáciu, prehľadnejší reporting, správu viacerých automatov aj postupne zapájanie ďalších prevádzkovateľov a trhov.

Projekt pokračuje

Projekt je aktuálne v aktívnom vývoji. Máme zmapované kľúčové dátové zdroje, overené napojenie na dodávateľské systémy a navrhnuté vlastné integračné API aj jednotný dátový model.

Teraz postupne prevádzame technické možnosti automatov do prehľadných obrazoviek a pracovných postupov, ktoré bude možné skutočne používať pri každomodennej prevádzke.

Od nápadu k vlastnému designu

Zákazková výroba športového oblečenia obvykle začína výmenou e-mailov, prípravou grafických podkladov a čakaním na prvý návrh. Pre ELEVEN sportswear sme tento proces previedli do jednoduchej webovej aplikácie, v ktorej si zákazník vytvorí vlastný design v priebehu niekoľkých minút.

Cieľom bolo sprístupniť výrobu originálnych ponožiek tiež ľuďom, ktorí nemajú grafické skúsenosti. Stačí popísať predstavu vlastnými slovami alebo nahrať fotografiu či logo.

AI designér s okamžitým náhľadom

Generatívna AI vytvorí z textového zadania grafický motív a rovnako ho zobrazí na konkrétnom modeli ponožiek. Zákazník tak nevidí len samostatný obrázok, ale získa lepšiu predstavu o výslednom produkte.

Návrh môže ďalej upravovať pomocou jednoduchých pokynov, prepínať medzi vytvorenými verziami a zvoliť farbu ponožky, veľkosti aj počet párov. Celý proces funguje bez registrácie a rozpracované návrhy zostávajú uložené v prehliadači.

Prepojenie s výrobou a e-shopom

Každý design dostane unikátny kód, ktorý ho sprevádza až k objednávke. Podľa neho grafik ELEVEN dohľadá správnu verziu návrhu a pripraví podklady pre tlač.

Hotový košík sa odovzdáva do existujúceho e-shopu ELEVEN, kde zákazník dokončí dopravu a platbu. Konfigurátor zároveň synchronizuje ceny a skladovú dostupnosť produktov, takže informácie zobrazené počas návrhu zodpovedajú aktuálnej ponuke.

Technické riešenie pripravené rásť

Aplikáciu sme postavili ako headless riešenie s frontendom v Next.js a backendom na platforme Medusa. Samostatné moduly zaisťujú generovanie a ukladanie designov, tvorbu produktových náhľadov, prípravu tlačových podkladov, sledovanie nákladov na AI a napojenie na e-shop.

Architektúra počíta aj s rozšírením o ďalšie produkty. Ponožky sú prvým krokom, rovnaký princíp ale môže v budúcnosti obslúžiť napríklad čelenky alebo tričká.

Výsledok

Vznikol nový digitálny predajný kanál, ktorý prepojuje kreativitu generatívnej AI s reálnou českou výrobou. Zákazník získa rýchly a zrozumiteľný spôsob, ako vytvoriť originálny produkt, zatiaľ čo ELEVEN dostáva návrh spoločne so všetkými údajmi potrebnými pre objednávku a následnú výrobu.

Zadanie

Atrea prevádzkuje rad webových aplikácií pre zamestnancov, obchodných partnerov aj zákazníkov. Každá z nich si doteraz riešila prihlasovanie, používateľov a oprávnenia po svojom. To znamenalo niekoľko účtov pre jedného človeka, roztrieštenú správu práv a zakaždým nanovo programovanú logiku prístupov.

Cieľom bolo vytvoriť jednu spoločnú platformu, ktorú môže použiť každá nová aj existujúca aplikácia, s jednotným prihlásením, centrálnou správou práv a zdieľanými službami, ako sú notifikácie alebo spätná väzba od používateľov.

Riešenie

Jednotné prihlásenie (SSO)

Ako poskytovateľa identity sme zvolili open-source IAM platformu Zitadel. Prihlasovacie obrazovky sme však napísali vlastné (Next.js nad Session API v2), takže registrácia, reset hesla aj viacfázové overenie (MFA) vyzerajú a spracúvajú sa presne podľa potrieb Atrey. Zamestnanci sa prihlásia svojím firemným Microsoft účtom, externí používatelia e-mailom a heslom.

Viac brandov na jednej platforme

Jedna inštalácia obsluhuje viac značiek a organizácií. Každý brand má vlastný vzhľad prihlásenia, vlastnú doménu, e-mailové šablóny aj odosielací SMTP server. Brand sa určuje centrálne podľa aplikácie a callbacku, takže používateľ sa nikdy ocitne v nesprávnom prostredí.

Práva na jednom mieste

Aplikácie už samy nič nepočítajú, všetka logika oprávnení žije v centrálnej službe:

• role v rámci každej aplikácie a automatické priradenie role podľa e-mailovej domény,
• binárne aj stupňované práva (zakázané / zobrazenie / editácia) v stromovej štruktúre,
• práva na konkrétne záznamy (napr. zdieľanie jedného projektu s kolegom),
• aplikační administrátori a superadministrátori s auditným logom všetkých zmien.

Role a práva sa pri prihlásení vkladajú priamo do prístupového tokenu (JWT). Frontend tak vie, čo má používateľ vidieť, bez ďalších dopytov. Backendy ostatných aplikácií si oprávnenie overia jedným volaním API.

Zdieľané služby pre všetky aplikácie

• Notifikácie cez e-mail a Web Push, so šablónami pre každý typ správy, hromadným rozosielaním a používateľským nastavením odberu.
• Viacjazyčnosť s centrálnym registrom jazykov, záložnými jazykmi a automatickým prekladom šablón.
• Spätná väzba a podpora priamo z aplikácií, vrátane príloh a notifikácií o zmene stavu.
• Používateľské profily a preferencie zdieľané naprieč aplikáciami.

Administrácia

Pre správcov sme postavili administračný panel vo Vue 3. Sú v ňom používatelia, role a práva, aplikácie a ich OIDC klienti, brandy, e-mailové nastavenia, notifikačné šablóny, podpora aj audit. K platforme patrí tiež vývojárska dokumentácia (VitePress) s verziou upravenou pre AI asistentov, podľa ktorej nové aplikácie pripoja vývojári rýchlo a jednotne.

Výsledok

• Jeden účet pre všetky aplikácie Atrea a firemné SSO cez Microsoft.
• Nová aplikácia sa napojí za pár dní namiesto týždňov vývoja vlastného prihlasovania a správy práv.
• Správa prístupov na jednom mieste, vrátane okamžitého zablokovania používateľa naprieč celou platformou.
• Pripravené na viac značiek a trhov vďaka podpore viacerých brandov a jazykov.
• Platforma už obsluhuje produkčné aplikácie Atrea a ďalšie sa na ňu postupne prevádzajú.

Zadanie

TIGER CZ s.r.o. predáva, servisuje a prenajíma poľnohospodársku a manipulačnú techniku: traktory TIGER, YTO a JINMA, nakladače MANITECH a bagre LIZZARD. Pôvodný web zemstroje.cz bol zastaraný, na mobile sa zle používal a každá zmena v ponuke vyžadovala zásah vývojára. Klient chcel web, ktorý vzbudí dôveru u zákazníkov kupujúcich drahé stroje, rýchlo ich dovedie k cene a parametrom a prinesie viac dopytov.

Riešenie

• Produktový katalóg s filtrovaním podľa kategórie a výrobcu, detailom stroja, technickými parametrami, galériou a dokumentmi na stiahnutie
• Dopytové formuláre pri každom stroji aj naprieč webom s validáciou a okamžitým odoslaním e-mailom
• Servis, prenájom a dotácie: prehľadné stránky o servisných službách, podmienkach prenájmu a aktuálnych dotáciách na techniku
• Novinky a stránky výrobcov, aby bolo vidieť, že firma žije
• Vlastná administrácia: klient sám pridáva a upravuje produkty, novinky a výrobcov, nahráva fotky a potiahnutím mení ich poradie
• Tmavý aj svetlý režim vo firemných farbách a mobile-first dizajn

Technológie

Frontend je postavený na Next.js 15 a Reactu 19 so statickým exportom, takže web je rýchly a jeho prevádzka nič nestojí. Dáta, prihlasovanie do administrácie a úložisko obrázkov zabezpečuje Supabase (PostgreSQL s Row Level Security). Každá stránka má SEO metadata, generovanú sitemapu a robots.txt.

Výsledok

Web sa rýchlo načítava, dobre sa používa na mobile a klient v ňom aktualizuje ponuku strojov sám, bez vývojára a bez nákladov na hosting.

Jediný prehľad pre celú prevádzku

Spoločnosť ATREA patrí medzi popredných európskych výrobcov vzduchotechnických systémov. S rastúcim počtom pripojených jednotiek vznikla potreba nástroja, ktorý správcom budov, servisným technikom aj ďalším používateľom ponúkne jednoduchý prehľad a bezpečné ovládanie z jedného miesta.

Výsledkom je aManager – webová aplikácia pre centralizovanú správu vzduchotechnických jednotiek aMotion.

Od jednotlivých jednotiek k prehľadnej štruktúre

Jednotky je možné v aplikácii usporiadať do objektov a viacúrovňových skupín podľa ich umiestnenia alebo funkcie. Používateľ tak rýchlo zistí, ktoré zariadenie vyžaduje pozornosť, a ľahko sa dostane od celkového prehľadu až ku konkrétnej jednotke.

Súčasťou aplikácie je aj interaktívny diagram, ktorý názorne zobrazuje štruktúru objektov, skupín a pripojených zariadení. Aktuálne stavy sú rozlíšené vizuálne, takže prípadné alarmy, servisné požiadavky alebo výpadky nezostanú skryté.

Hromadné ovládanie bez zbytočnej rutiny

Pre opakované prevádzkové situácie môžu správcovia vytvárať scenáre a aplikovať ich na viaceré jednotky súčasne. Nemusia tak každé zariadenie nastavovať zvlášť. Aplikácia zároveň podporuje pripojenie cloudových aj lokálnych jednotiek a poskytuje priamy prístup k ich detailnému ovládaniu.

Medzi hlavné funkcie patria:

• prehľad jednotiek a ich aktuálnych stavov,
• členenie do objektov a viacúrovňových skupín,
• interaktívny diagram celej inštalácie,
• tvorba a hromadné spúšťanie scenárov,
• zdieľanie objektov a riadenie používateľských oprávnení,
• evidencia prevádzkových a servisných požiadaviek,
• upozornenia prostredníctvom e-mailu a push notifikácií,
• cloudový aj lokálny režim prevádzky,
• vicejazyčné používateľské rozhranie.

Bezpečný základ pripravený na ďalší rozvoj

Frontend aplikácie sme postavili na technológiách Vue.js a TypeScript. Komunikuje s cloudovými službami ATREA prostredníctvom API a využíva zabezpečené prihlasovanie pomocou štandardu OIDC.

Dôraz sme kladli na zrozumiteľné ovládanie, responzívne rozhranie a architektúru, ktorú je možné dlhodobo rozvíjať. aManager sa vďaka tomu môže priebežne prispôsobovať novým typom zariadení, prevádzkovým scenárom aj potrebám jednotlivých používateľských rolí.

Výsledok

ATREA získala jednotné digitálne prostredie, ktoré zjednodušuje každodennú správu vzduchotechniky. Používatelia majú rýchlejší prístup k dôležitým informáciám, môžu efektívnejšie reagovať na prevádzkové udalosti a spravovať viac objektov aj zariadení z jedného miesta.

Okrem veľkých projektov, ktoré majú vlastnú referenciu, dodávame aj menšie, ale o to konkrétnejšie veci — funkcie a integrácie, ktoré sa stanú súčasťou väčšieho produktu a často z neho urobia to, kvôli čomu si ho zákazníci vybrajú.

Spája ich jeden princíp: čo môže urobiť stroj, nemá robiť človek.

Sociálne siete na autopilota

Prepojenie Facebooku a Instagramu na jedno kliknutie: bez kopírovania tokenov, bez čítania dokumentácie, bez IT oddelenia. Používateľ autorizuje svoj účet a od tej chvíle sa o obsah stará automatizácia.

Tvorba príspevkov potom prebieha kompletne cez AI:

• text — popisok aj hashtagy vyladené podľa produktu a tónu značky,
• obrázok — vygenerovaná vizuálna podoba príspevku,
• reels — krátke videá pripravené priamo pre formát sociálnych sieťach.

Používateľ zadá len dve veci: ktorý deň chce publikovať a ktoré produkty chce propagovať. Zvyšok, od vygenerovania obsahu až po samotné publikovanie na obe platformy, beží bez neho.

Výsledky sa nesledujú mimo aplikácie. Štatistiky jednotlivých príspevkov sa načítavajú späť, takže je na jednom mieste vidieť, čo fungovalo a čo nie a ďalší obsah sa dá plánovať podľa dát, nie podľa odhadu.

E-mail, ktorý si roztriedi a pripraví odpovede sám

Napojenie e-mailovej schránky je rovnako jednoduché ako pri sociálnych sieťach — na klik. Prichádzajúca pošta sa potom automaticky analyzuje pomocou AI.

Ku každému e-mailu vznikajú:

• tagy na automatické roztriedenie do kategórií,
• zhrnutie, aby bolo na prvý pohľad jasné, o čo ide,
• návrh odpovede pripravený na odoslanie.

Kľúčové je, odkiaľ odpovede berú obsah. Súčasťou riešenia je znalostná báza, ktorú si aplikácia vytvorí sama — AI prejde web používateľa a vyťaží z neho informácie o firme, službách a produktoch. Používateľ do nej potom môže kedykoľvek zasiahnuť, doplniť ju alebo upraviť.

Odpovede vďaka tomu nie sú všeobecné frázy, ale reagujú na to, čo firma skutočne ponúka.

Lokalizácia do desiatok jazykov bez ručného prepisovania

Preklad aplikácie zvyčajne znamená tabuľky, exporty, čakanie na prekladateľov a nekonečné dohľadávanie, čo sa od posledného razu zmenilo.

Celý tento proces sme zautomatizovali. Aplikácia sa prekladá do desiatok jazykov automaticky, vrátane novopridaných textov. Vstup na nový trh tak nie je niekoľkotýždňový projekt, ale otázka nastavenia.

Prepojenie interných systémov s HubSpotom a Intercomom

Dáta o zákazníkoch majú hodnotu len vtedy, keď sú tam, kde s nimi ľudia pracujú. Preto sme prepojili interné systémy klienta s HubSpotom a Intercomom.

Obchod aj zákaznícka podpora vďaka tomu vidia aktuálny kontext priamo v nástrojoch, ktoré používajú každý deň bez prepínania medzi aplikáciami a bez ručného prenášania údajov. Výsledkom sú rýchlejšie reakcie zákazníkom a čistejšie dáta pre obchodný proces.