[{"data":1,"prerenderedAt":348},["ShallowReactive",2],{"$P0L8BJb9LI":3,"$rl_bdmY2hB":40,"page-/reference,mysafe-locking-systems-portal":68},{"id":4,"ctaButton":5,"extension":8,"menu":9,"meta":30,"stem":38,"__hash__":39},"header/core/header.md",{"label":6,"link":7},"Sjednat konzultaci","/kontakt","md",[10,13,16,19,22,25,28],{"label":11,"link":12},"Služby","/sluzby",{"label":14,"link":15},"Reference","/reference",{"label":17,"link":18},"Vzdělávací kurzy","/vzdelavaci-kurzy",{"label":20,"link":21},"O Foxily","/o-foxily",{"label":23,"link":24},"Kariéra","/kariera",{"label":26,"link":27},"Praxe pro studenty","/praxe-pro-studenty",{"label":29,"link":7},"Kontakt",{"body":31},{"type":32,"value":33,"toc":34},"minimark",[],{"title":35,"searchDepth":36,"depth":36,"links":37},"",2,[],"core/header","awYFeyWsusD9gWX80_1wxbYttqbH1-TJrHbUIJNq9hc",{"id":41,"title":42,"body":43,"claim":52,"company":53,"description":35,"extension":8,"facebook":59,"instagram":60,"linkedin":61,"meta":62,"navigation":63,"path":64,"seo":65,"stem":66,"__hash__":67},"footer/general/Footer.md","Footer",{"type":32,"value":44,"toc":50},[45],[46,47],"footer-menu",{":items":48,"header":49},"[{\"label\":\"Služby\",\"link\":\"/sluzby\"},{\"label\":\"Reference\",\"link\":\"/reference\"},{\"label\":\"Vzdělávací kurzy\",\"link\":\"/vzdelavaci-kurzy\"},{\"label\":\"Praxe pro studenty\",\"link\":\"/praxe-pro-studenty\"},{\"label\":\"Kariéra\",\"link\":\"/kariera\"},{\"label\":\"O Foxily\",\"link\":\"/o-foxily\"},{\"label\":\"Kontakt\",\"link\":\"/kontakt\"}]","Odkazy",{"title":35,"searchDepth":36,"depth":36,"links":51},[],"Jsme lídři IT odvětví, pomůžeme Vám \u003Cbr> s jakýmkoli softwarovým řešením.",{"name":54,"street":55,"zipCity":56,"ic":57,"dic":58},"Foxily s.r.o.","Velká Hradební 2800/54","400 01 Ústí nad Labem","10984488","CZ10984488","https://www.facebook.com/foxily.cz","https://www.instagram.com/foxily.cz/","https://www.linkedin.com/company/foxily",{},true,"/general/footer",{"description":35},"general/Footer","YocstqDVxhi6ZEomDm-naYg9dpn9f6Z8wR1g_O6lPs8",{"id":69,"title":70,"body":71,"description":319,"extension":8,"layout":320,"meta":321,"metaDescription":341,"metaTitle":342,"navigation":63,"path":343,"robots":344,"seo":345,"stem":346,"subtitle":344,"__hash__":347},"content_cs/reference/mysafe-locking-systems-portal.md","Mysafe postavil digitální ekosystém pro chytré trezory: subscription portál, prémiový branding a real-time synchronizace s mobilní aplikací",{"type":32,"value":72,"toc":306},[73,91,127,158,177,201,224,253,257],[74,75,76],"reference-two-columns",{},[77,78,79,80,83,85,86,88,90],"p",{},"Společnost Mysafe Locking Systems s.r.o. vyvinula unikátní certifikované řešení, které proměňuje tradiční trezory na\nchytrá IoT zařízení. Pomocí hardwarové jednotky a mobilní aplikace mohou uživatelé bezpečnostní schránky vzdáleně\nmonitorovat a spravovat v reálném čase. Produkt od počátku mířil na globální trh a potřeboval tomu odpovídající digitální\nzázemí – vizuálně důvěryhodné, technologicky stabilní a připravené na monetizaci. ",[81,82],"br",{},[81,84],{},"\nÚkolem Foxily bylo zastřešit uvedení produktu do online prostředí komplexně: od návrhu globální brand identity přes\nvývoj prezentačního webu až po backendový subscription portál pro správu SaaS předplatného. Ten byl přes API plně\nsynchronizován s mobilní aplikací a návaznou IoT infrastrukturou vyvíjenou externím partnerem. ",[81,87],{},[81,89],{},"\nVýsledkem je ucelený digitální ekosystém, který propojuje značku, onboarding uživatelů, správu účtů, předplatné i\nintegraci s mobilní aplikací do jednoho škálovatelného celku.",[74,92,93,98,111,114],{},[94,95,97],"h2",{"id":96},"výchozí-stav-launch-inovativního-produktu-vyžadoval-důvěryhodný-brand-i-robustní-digitální-základ","Výchozí stav: launch inovativního produktu vyžadoval důvěryhodný brand i robustní digitální základ",[77,99,100,101,103,105,106,108,110],{},"Mysafe vstupoval na trh s technologicky inovativním produktem, který kombinoval hardware, mobilní aplikaci a IoT logiku.\nAby však produkt obstál v mezinárodním prostředí, nestačilo mít pouze funkční technologii. Bylo potřeba vytvořit\nsrozumitelnou digitální prezentaci, která vysvětlí hodnotu řešení zákazníkům, distributorům i partnerům a současně\nnastaví prémiové vnímání značky. ",[81,102],{},[81,104],{},"\nVedle značky a komunikace bylo klíčové vybudovat také backendové zázemí pro monetizaci. Produkt byl od začátku navržen s\ndůrazem na pravidelné platby a víceúrovňový model předplatného. To vyžadovalo stabilní subscription portál, který bude\nspravovat účty, tarify a platby a zároveň si bude bezchybně vyměňovat data s mobilní aplikací a IoT vrstvou. ",[81,107],{},[81,109],{},"\nProjekt proto vyžadoval partnera, který zvládne současně dvě klíčové disciplíny: vytvořit prémiovou high-tech identitu a\npostavit technickou architekturu připravenou na globální provoz.",[77,112,113],{},"Z pohledu byznysu to vytvořilo tři klíčové požadavky:",[115,116,117,121,124],"ol",{},[118,119,120],"li",{},"Prémiové uvedení produktu na trh: vytvořit vizuální identitu, která se jasně odliší od tradičního trhu mechanického\nzabezpečení a podpoří globální ambice značky.",[118,122,123],{},"Monetizace a správa uživatelů: vybudovat subscription portál pro měsíční paušály, správu účtů a freemium model.",[118,125,126],{},"Bezchybné napojení na aplikaci: zajistit real-time synchronizaci mezi webovým portálem, mobilní aplikací a související\ninfrastrukturou.",[74,128,129,133,141],{},[94,130,132],{"id":131},"cíle-projektu-sjednotit-značku-monetizaci-a-uživatelskou-identitu-do-jednoho-funkčního-ekosystému","Cíle projektu: sjednotit značku, monetizaci a uživatelskou identitu do jednoho funkčního ekosystému",[77,134,135,136,138,140],{},"Projekt byl od počátku definován jako kombinace brandingu, digitálního produktu a backendové platformy pro správu\npředplatného.\n",[81,137],{},[81,139],{},"\nKlíčové cíle byly:",[115,142,143,146,149,152,155],{},[118,144,145],{},"Vytvořit prémiový branding a vizuální konzistenci napříč celým ekosystémem – od loga přes packaging až po webové\nrozhraní.",[118,147,148],{},"Vyvinout subscription portál pro správu měsíčních paušálů a několika úrovní předplatného ve freemium modelu.",[118,150,151],{},"Zajistit jednotnou identitu uživatelů (SSO), aby stačil jeden login pro webový portál i mobilní aplikaci.",[118,153,154],{},"Navrhnout a implementovat API vrstvu pro synchronizaci dat s mobilní aplikací vyvíjenou partnerem Deep Systems s.r.o.",[118,156,157],{},"Postavit škálovatelný technologický základ připravený na globální růst a budoucí rozvoj služby.",[74,159,160,164],{},[94,161,163],{"id":162},"strategické-rozhodnutí-oddělení-rolí-mezi-webem-a-aplikací-pro-vyšší-stabilitu-i-přehlednost","Strategické rozhodnutí: oddělení rolí mezi webem a aplikací pro vyšší stabilitu i přehlednost",[77,165,166,167,169,171,172,174,176],{},"Klíčovým architektonickým rozhodnutím bylo striktní oddělení systémových rolí. Webový portál byl navržen jako místo pro\nadministrativu, onboarding, správu účtů a monetizaci, zatímco mobilní aplikace se soustředí primárně na samotné ovládání\nhardwaru. Tento přístup přinesl lepší stabilitu celého řešení, přehlednost odpovědností a nižší riziko vzájemného\novlivňování jednotlivých částí systému. ",[81,168],{},[81,170],{},"\nPro frontend byl zvolen Nuxt.js v kombinaci s TailwindCSS, a to kvůli rychlosti načítání, vysokému výkonu a připravenosti\npro mezinárodní SEO prezentačního webu. Backend vznikl v PHP Laravelu s integrací na Stripe, aby bylo možné spolehlivě\nmodelovat logiku předplatného, správu uživatelských účtů i API komunikaci směrem k aplikaci. ",[81,173],{},[81,175],{},"\nPro nezávislou správu obsahu byl nasazen headless CMS Strapi, díky němuž mohl klient efektivně upravovat obsahové stránky\nbez zásahů do aplikační logiky.",[74,178,179,183],{},[94,180,182],{"id":181},"řešení-prémiový-branding-subscription-portál-a-real-time-synchronizace-s-aplikací","Řešení: prémiový branding, subscription portál a real-time synchronizace s aplikací",[77,184,185,186,188,190,191,193,195,196,198,200],{},"Foxily dodalo řešení, které vizuálně i technologicky podtrhuje ambici značky Mysafe působit jako globální high-tech\nprodukt. Součástí projektu byla kompletní vizuální identita postavená na tmavém, prémiovém vzhledu. Logo symbolizuje\npropojení fyzického zabezpečení a digitálního signálu a celý designový systém byl dotažen od ikon v digitálních\nproduktech až po potisk prodejní krabice. ",[81,187],{},[81,189],{},"\nNa technologické úrovni vznikl subscription portál, který centralizuje správu uživatelských účtů, tarifů a plateb.\nSystém podporuje freemium model, ve kterém jsou základní funkce dostupné zdarma a pokročilé možnosti jsou rozděleny do\nvíce úrovní předplatného. ",[81,192],{},[81,194],{},"\nDůležitou součástí byznys logiky bylo i elegantní řešení platebních výpadků. Pokud dojde k expiraci karty nebo\nnezaplacení, systém nezpůsobí nefunkčnost trezoru. Uživatele pouze notifikuje a jeho účet automaticky převede do\nbezplatného základního tarifu. Tím se zachovává funkčnost služby i dobrá zákaznická zkušenost. ",[81,197],{},[81,199],{},"\nJakákoliv změna stavu předplatného ve webovém portálu se v reálném čase propisuje skrze API do mobilní aplikace. Web a\naplikace tak tvoří jeden propojený ekosystém, ve kterém jsou data konzistentní a okamžitě dostupná tam, kde jsou potřeba.",[74,202,203,208,211,214,218,221],{},[204,205,207],"h3",{"id":206},"digitální-infrastruktura-a-it-zázemí-více-než-jen-webový-projekt","Digitální infrastruktura a IT zázemí: více než jen webový projekt",[77,209,210],{},"Projekt nezahrnoval pouze web a backendový portál, ale i širší digitální zajištění startu značky.",[77,212,213],{},"Foxily fungovalo jako technologický partner a pomohlo klientovi také s kompletním digitálním nastavením potřebným pro\nuvedení produktu na trh – od e-mailové infrastruktury přes e-mailingové platformy až po základní nastavení online kanálů.\nTím vznikl pevný základ, na kterém mohl nový produkt vyrůst nejen technologicky, ale i provozně.",[204,215,217],{"id":216},"uživatelská-identita-a-integrace-jeden-login-jeden-ekosystém","Uživatelská identita a integrace: jeden login, jeden ekosystém",[77,219,220],{},"Zásadní součástí řešení byla centralizovaná správa identit. Díky Single Sign-On stačí uživateli jediný login pro přístup\ndo webového portálu i mobilní aplikace.",[77,222,223],{},"To zjednodušuje onboarding, snižuje administrativní tření a současně poskytuje pevný rámec pro správu oprávnění,\npředplatných a synchronizace napříč celým ekosystémem.",[74,225,226,230,233,236],{},[94,227,229],{"id":228},"výsledky-úspěšný-launch-důvěryhodná-značka-a-platforma-připravená-na-globální-růst","Výsledky: úspěšný launch, důvěryhodná značka a platforma připravená na globální růst",[77,231,232],{},"Díky úzké spolupráci Foxily a vývojového týmu Deep Systems proběhlo uvedení produktu na trh bez komplikací. Mysafe získal\nsjednocenou digitální prezentaci i technologické zázemí, které odpovídá ambicím moderní značky s globálním přesahem.",[77,234,235],{},"Mezi hlavní přínosy patří:",[115,237,238,241,244,247,250],{},[118,239,240],{},"jednotná prémiová identita, která posiluje důvěru distributorů i koncových zákazníků,",[118,242,243],{},"škálovatelná backendová infrastruktura připravená na růst počtu uživatelů a další rozšiřování služby,",[118,245,246],{},"subscription portál se stabilní logikou předplatného, freemium modelem a automatizovaným downgradováním účtů,",[118,248,249],{},"real-time API synchronizace mezi webovým portálem a mobilní aplikací,",[118,251,252],{},"jasně oddělené role systému, díky nimž platební a administrativní logika nezatěžuje vývoj ani provoz mobilní\naplikace.",[204,254,256],{"id":255},"projekt-v-kostce-technická-specifikace","Projekt v kostce (technická specifikace)",[77,258,259,263,264,266,269,270,272,275,276,278,281,282,284,287,288,290,293,294,296,299,300,302,305],{},[260,261,262],"strong",{},"Klient",": Mysafe Locking Systems s.r.o. (projekt Mysafe)",[81,265],{},[260,267,268],{},"Typ projektu",": tvorba brand identity, vývoj prezentačního webu a SaaS subscription portálu",[81,271],{},[260,273,274],{},"Role Foxily",": design (web a packaging), frontend a backend vývoj, IT konzultace",[81,277],{},[260,279,280],{},"Spolupráce",": Deep Systems s.r.o. (vývoj mobilní aplikace a hardware integrace)",[81,283],{},[260,285,286],{},"Backend a API",": PHP Laravel (Single Sign-On, webhooks)",[81,289],{},[260,291,292],{},"Frontend",": Nuxt.js, TailwindCSS",[81,295],{},[260,297,298],{},"Platby",": Stripe (freemium model, automatizovaný downgrade)",[81,301],{},[260,303,304],{},"CMS",": Strapi",{"title":35,"searchDepth":36,"depth":36,"links":307},[308,309,310,311,316],{"id":96,"depth":36,"text":97},{"id":131,"depth":36,"text":132},{"id":162,"depth":36,"text":163},{"id":181,"depth":36,"text":182,"children":312},[313,315],{"id":206,"depth":314,"text":207},3,{"id":216,"depth":314,"text":217},{"id":228,"depth":36,"text":229,"children":317},[318],{"id":255,"depth":314,"text":256},"IoT subscription platform","ReferenceLayout",{"listTitle":322,"homepage":63,"slug":323,"year":324,"order":325,"columns":314,"creation":326,"mainImage":327,"homepageImage":329,"hashtags":330},"Digitální ekosystém pro launch chytrého IoT produktu","mysafe-locking-systems-portal","2024–2025",60,"Komplexní digitální ekosystém a subscription portál pro Mysafe",{"src":328,"alt":326},"/images/reference/mysafe_subscription_portal.png",{"src":328,"alt":326},[331,332,333,334,335,336,337,338,339,340],"IoT","SaaS","Subscription","Laravel","Nuxt","TailwindCSS","Stripe","Strapi","SSO","API","Mysafe uvedl na trh prémiové IoT řešení pro chytré trezory: globální brand identita, prezentační web a SaaS subscription portál se synchronizací do mobilní aplikace","Digitální ekosystém a subscription portál pro chytré zabezpečení","/reference/mysafe-locking-systems-portal",null,{"title":70,"description":319},"reference/mysafe-locking-systems-portal","TFKgyh8bVKAw25kgDgk2euHvFjBwPGJoEBwbfWigJyo",1776069464989]