Prvý web spustený na novom multi-brand základe · dlhodobá spolupráca
Active24.cz
Jeden dizajnový systém pre celé portfólio hostingových značiekPre Active24, jednu z najväčších hostingových spoločností v Česku, sme implementovali nový web postavený na dizajnovom systéme, ktorý sme navrhli pre celé portfólio značiek medzinárodnej hostingovej skupiny.
Jeden funkčný základ, konfigurovateľný dizajn pre každú značku — a ceny produktov, ktoré tečú na web živé priamo z centrálnych systémov skupiny.
active24.czAko projekt vznikol
Implementácia vznikla na základe dodaného dizajnu vo Figme, pôvodne pripraveného pre nový web inej značky skupiny. Ten projekt zostal dočasne pozastavený — no dizajn bol navrhnutý tak premyslene, že sa z neho dal odvodiť generický dizajnový systém pre všetky hostingové značky skupiny.
Celá myšlienka: dizajnový systém postavený na premenných naprieč komponentami, ktorý sa dá konfigurovať rovnako vo Figme ako v kóde. Každá značka tak získa unikátny vizuál na tom istom funkčnom základe — bez forkov a duplikovania kódu.
Active24.cz bol prvý web spustený do prevádzky na tomto základe. Podľa upraveného dizajnu sme preň dorobili projektové bloky na mieru — a overili tak, že celý koncept funguje aj v ostrej prevádzke.
Myšlienka platformy
premenné ↔ tokeny 1:1
rebrand = konfigurácia
Ako to funguje
Web beží na WordPress multisite — jedna inštalácia obsluhuje viacero značiek a krajín. Redakčnou vrstvou je natívny blokový editor Gutenberg s desiatkami vlastných blokov a celý vizuál je odvodený zo stoviek dizajnových tokenov, ktoré zrkadlia premenné z Figmy.
Zdroj dizajnu
Figmadizajnový systém s premennými pre každú značku470+ tokenov
zrkadlených 1:1
zrkadlených 1:1
Platforma
WordPress multisitegenerická téma · 55 vlastných blokov · child témy značiekživé ceny
cez API
cez API
Dáta
Centrálne systémy skupinyprodukty, ceny hostingov a domén, košíkprvý naživo
Značky
Active24.czactive24.czactive24.eu + ďalšie značky skupinyJeden funkčný základ, unikátny dizajn pre každú značku — a ceny vždy aktuálne z centrálnych systémov.
Technické highlighty
Dizajnový systém ako vo Figme
Vizuál celého webu je odvodený zo 470+ dizajnových tokenov — farby, typografia, tlačidlá, komponenty. Jeden súbor s premennými prefarbí frontend, editor aj administráciu naraz. Rebrand pre novú značku je konfigurácia, nie prepisovanie webu: dizajn Active24 vznikol z generického základu len zlomkom kódu navyše.
55 vlastných Gutenberg blokov
Redakcia skladá stránky z natívnych blokov — hero sekcie, produktové karty, porovnávacie tabuľky, FAQ či scroll-animácie. Bloky majú responzívne nastavenia pre 7 breakpointov priamo v editore, ktoré sa kompilujú na bezpečné utility triedy. Žiadne voľné CSS, žiadne rozbité layouty.
Živé ceny z centrálnych systémov
Ceny hostingov, serverov a stoviek doménových koncoviek sa neprepisujú v redakcii — na web tečú živé z API skupiny. Konfigurátory so slidermi prepočítavajú cenu okamžite, každá cena existuje s DPH aj bez a prepína sa bez načítania stránky. Katalóg sa cachuje, cenová ponuka nikdy.
Jedna platforma, viac značiek a krajín
WordPress multisite so zdieľaným kódom, mediálnou knižnicou a prepojenými jazykovými verziami. Českú a európsku verziu Active24 obsluhuje ten istý kód s lokalizovanými URL štruktúrami — a nová značka skupiny sa pridáva ako ďalšia konfigurácia tej istej platformy.
Ceny priamo zo zdroja
Cenník domén, ktorý nikto neprepisuje ručne
Registrácie, predĺženia aj transfery stoviek doménových koncoviek — všetko sa načítava živé z centrálneho registra, v oboch variantoch DPH. Redakcia píše texty, ceny sa aktualizujú samy.
Konfigurátory s okamžitým prepočtom
Hostingy, virtuálne aj dedikované servery si návštevník naklikáva slidermi — parametre, operačný systém, doplnky, fakturačné obdobie. Cena sa prepočítava okamžite cez API a produkt ide rovno do košíka, bez načítania stránky.
Vyhľadávanie voľných domén, prepínač cien s DPH / bez DPH či overenie dostupnosti pri transfere sú súčasťou tej istej integračnej vrstvy.
Redakcia v hlavnej úlohe, prevádzka bez kompromisov
Marketingový tím skladá kampaňové stránky sám — z blokov s nastaveniami pre každé zariadenie, s A/B testovaním variantov stránok zabudovaným priamo v platforme. Pod kapotou sa o výkon stará viacúrovňové cachovanie, optimalizácia obrázkov a automatizované nasadzovanie s review prostrediami — web hostingovej jednotky si nemôže dovoliť výpadok.
Priebeh spolupráce
Implementáciu sme dodali na základe dizajnu vo Figme v úzkej spolupráci s interným tímom skupiny. Od spustenia web dlhodobo rozvíjame — pribúdajú kampaňové bloky na mieru, nové produktové stránky a platforma sa medzitým stala základom pre ďalšie weby značiek skupiny.
Dizajn dodaný vo FigmeAgilný vývojSpolupráca s interným tímomDlhodobý rozvoj a podpora
Výsledok
1.web skupiny spustený
na novom základe
na novom základe
55vlastných blokov
pre redakciu
pre redakciu
470+dizajnových tokenov
zrkadlených z Figmy
zrkadlených z Figmy
2krajiny
z jedného kódu
z jedného kódu
Active24.cz overil celý koncept v ostrej prevádzke: unikátny dizajn značky na spoločnom funkčnom základe, ceny živé z centrálnych systémov a redakcia, ktorá si web spravuje sama. Platforma dnes slúži ako základ pre ďalšie weby značiek skupiny — pridanie novej značky je otázka konfigurácie dizajnových tokenov, nie nového webu.
Naše ďalšie projekty
Sharp Consumer Electronics
Jedna platforma. 12 európskych trhov. Tisíce produktov.
Prevzali sme pomalý produktový web značky Sharp a prestavali ho na rýchlu multisite platformu s takmer okamžitým synchronom dát z PIM cez Typesense.
Across Connect
Online účet s mobilnou aplikáciou
Pre nášho klienta Across, ktorý sa venuje privátnemu investovaniu, sme vytvorili aplikáciu Across Connect.
Budujeme inovatívne a zmysluplné riešenia.
Pridajte sa k nám.
250+Ukončených
projektov
projektov
13Rokov
skúseností
skúseností
1200+Odpracovaných
hodín mesačne
hodín mesačne
13Členov
tímu
tímu