Mysafe postavil digitální ekosystém pro chytré trezory: subscription portál, prémiový branding a real-time synchronizace s mobilní aplikací

Společnost Mysafe Locking Systems s.r.o. vyvinula unikátní certifikované řešení, které proměňuje tradiční trezory na chytrá IoT zařízení. Pomocí hardwarové jednotky a mobilní aplikace mohou uživatelé bezpečnostní schránky vzdáleně monitorovat 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í zázemí – vizuálně důvěryhodné, technologicky stabilní a připravené na monetizaci.

Úkolem Foxily bylo zastřešit uvedení produktu do online prostředí komplexně: od návrhu globální brand identity přes vývoj prezentačního webu až po backendový subscription portál pro správu SaaS předplatného. Ten byl přes API plně synchronizován s mobilní aplikací a návaznou IoT infrastrukturou vyvíjenou externím partnerem.

Výsledkem je ucelený digitální ekosystém, který propojuje značku, onboarding uživatelů, správu účtů, předplatné i integraci s mobilní aplikací do jednoho škálovatelného celku.

Výchozí stav: launch inovativního produktu vyžadoval důvěryhodný brand i robustní digitální základ

Mysafe vstupoval na trh s technologicky inovativním produktem, který kombinoval hardware, mobilní aplikaci a IoT logiku. Aby však produkt obstál v mezinárodním prostředí, nestačilo mít pouze funkční technologii. Bylo potřeba vytvořit srozumitelnou digitální prezentaci, která vysvětlí hodnotu řešení zákazníkům, distributorům i partnerům a současně nastaví prémiové vnímání značky.

Vedle značky a komunikace bylo klíčové vybudovat také backendové zázemí pro monetizaci. Produkt byl od začátku navržen s důrazem na pravidelné platby a víceúrovňový model předplatného. To vyžadovalo stabilní subscription portál, který bude spravovat účty, tarify a platby a zároveň si bude bezchybně vyměňovat data s mobilní aplikací a IoT vrstvou.

Projekt proto vyžadoval partnera, který zvládne současně dvě klíčové disciplíny: vytvořit prémiovou high-tech identitu a postavit technickou architekturu připravenou na globální provoz.

Z pohledu byznysu to vytvořilo tři klíčové požadavky:

1. Prémiové uvedení produktu na trh: vytvořit vizuální identitu, která se jasně odliší od tradičního trhu mechanického zabezpečení a podpoří globální ambice značky.
2. Monetizace a správa uživatelů: vybudovat subscription portál pro měsíční paušály, správu účtů a freemium model.
3. Bezchybné napojení na aplikaci: zajistit real-time synchronizaci mezi webovým portálem, mobilní aplikací a související infrastrukturou.

Cíle projektu: sjednotit značku, monetizaci a uživatelskou identitu do jednoho funkčního ekosystému

Projekt byl od počátku definován jako kombinace brandingu, digitálního produktu a backendové platformy pro správu předplatného.

Klíčové cíle byly:

1. Vytvořit prémiový branding a vizuální konzistenci napříč celým ekosystémem – od loga přes packaging až po webové rozhraní.
2. Vyvinout subscription portál pro správu měsíčních paušálů a několika úrovní předplatného ve freemium modelu.
3. Zajistit jednotnou identitu uživatelů (SSO), aby stačil jeden login pro webový portál i mobilní aplikaci.
4. Navrhnout a implementovat API vrstvu pro synchronizaci dat s mobilní aplikací vyvíjenou partnerem Deep Systems s.r.o.
5. Postavit škálovatelný technologický základ připravený na globální růst a budoucí rozvoj služby.

Strategické rozhodnutí: oddělení rolí mezi webem a aplikací pro vyšší stabilitu i přehlednost

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 administrativu, onboarding, správu účtů a monetizaci, zatímco mobilní aplikace se soustředí primárně na samotné ovládání hardwaru. Tento přístup přinesl lepší stabilitu celého řešení, přehlednost odpovědností a nižší riziko vzájemného ovlivňování jednotlivých částí systému.

Pro frontend byl zvolen Nuxt.js v kombinaci s TailwindCSS, a to kvůli rychlosti načítání, vysokému výkonu a připravenosti pro mezinárodní SEO prezentačního webu. Backend vznikl v PHP Laravelu s integrací na Stripe, aby bylo možné spolehlivě modelovat logiku předplatného, správu uživatelských účtů i API komunikaci směrem k aplikaci.

Pro nezávislou správu obsahu byl nasazen headless CMS Strapi, díky němuž mohl klient efektivně upravovat obsahové stránky bez zásahů do aplikační logiky.

Řešení: prémiový branding, subscription portál a real-time synchronizace s aplikací

Foxily dodalo řešení, které vizuálně i technologicky podtrhuje ambici značky Mysafe působit jako globální high-tech produkt. Součástí projektu byla kompletní vizuální identita postavená na tmavém, prémiovém vzhledu. Logo symbolizuje propojení fyzického zabezpečení a digitálního signálu a celý designový systém byl dotažen od ikon v digitálních produktech až po potisk prodejní krabice.

Na technologické úrovni vznikl subscription portál, který centralizuje správu uživatelských účtů, tarifů a plateb. Systém podporuje freemium model, ve kterém jsou základní funkce dostupné zdarma a pokročilé možnosti jsou rozděleny do více úrovní předplatného.

Důležitou součástí byznys logiky bylo i elegantní řešení platebních výpadků. Pokud dojde k expiraci karty nebo nezaplacení, systém nezpůsobí nefunkčnost trezoru. Uživatele pouze notifikuje a jeho účet automaticky převede do bezplatného základního tarifu. Tím se zachovává funkčnost služby i dobrá zákaznická zkušenost.

Jaká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 aplikace tak tvoří jeden propojený ekosystém, ve kterém jsou data konzistentní a okamžitě dostupná tam, kde jsou potřeba.

Digitální infrastruktura a IT zázemí: více než jen webový projekt

Projekt nezahrnoval pouze web a backendový portál, ale i širší digitální zajištění startu značky.

Foxily fungovalo jako technologický partner a pomohlo klientovi také s kompletním digitálním nastavením potřebným pro uvedení produktu na trh – od e-mailové infrastruktury přes e-mailingové platformy až po základní nastavení online kanálů. Tím vznikl pevný základ, na kterém mohl nový produkt vyrůst nejen technologicky, ale i provozně.

Uživatelská identita a integrace: jeden login, jeden ekosystém

Zásadní součástí řešení byla centralizovaná správa identit. Díky Single Sign-On stačí uživateli jediný login pro přístup do webového portálu i mobilní aplikace.

To zjednodušuje onboarding, snižuje administrativní tření a současně poskytuje pevný rámec pro správu oprávnění, předplatných a synchronizace napříč celým ekosystémem.

Výsledky: úspěšný launch, důvěryhodná značka a platforma připravená na globální růst

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 sjednocenou digitální prezentaci i technologické zázemí, které odpovídá ambicím moderní značky s globálním přesahem.

Mezi hlavní přínosy patří:

1. jednotná prémiová identita, která posiluje důvěru distributorů i koncových zákazníků,
2. škálovatelná backendová infrastruktura připravená na růst počtu uživatelů a další rozšiřování služby,
3. subscription portál se stabilní logikou předplatného, freemium modelem a automatizovaným downgradováním účtů,
4. real-time API synchronizace mezi webovým portálem a mobilní aplikací,
5. jasně oddělené role systému, díky nimž platební a administrativní logika nezatěžuje vývoj ani provoz mobilní aplikace.