Web, pre ktorý bolo spustenie
len začiatok
Websupport je najväčší hosting na Slovensku. Nový web sme preň postavili počas rebrandingu v roku 2020 — a odvtedy ho vyvíjame ďalej.
Web zvláda desiatky služieb, konfigurátory aj štyri trhy — a mení sa každý mesiac podľa toho, čo Websupport potrebuje.
4
trhy, od Slovenska po Švédsko
60+
vlastných Gutenberg blokov
2020
začiatok projektu aj spolupráce
12–15
ľudí v tíme počas najväčšej fázy
Web vznikal spolu s novou značkou
Websupport prechádzal kompletným rebrandingom. Nový vizuál nevznikal naraz — dizajnový tím ho dodával po častiach a my sme ich priebežne implementovali.
Kým sme dokončovali prvé podstránky, ďalšie boli ešte v dizajne. Vývoj bežal v paralelných cykloch — a nové návrhy postupne odhaľovali požiadavky, kvôli ktorým sme priebežne upravovali aj technické rozhodnutia.
Prvé spustenie preto neznamenalo hotový web. Naživo išli časti potrebné pre rebranding a naviazané kampane, ďalší obsah pribúdal postupne.
Nová značka a nový web vznikali naraz.
Veľký web, jednoduchá správa
Desiatky hostingových, cloudových a serverových služieb, každá s vlastnými parametrami a konfiguráciami. K tomu cenníky, konfigurátory, hiring sekcia aj rozsiahle menu.
Podstránky sú navyše vizuálne výrazne odlišné. Web pracuje s rôznymi layoutmi, variáciami komponentov a dokonca aj svetlým a tmavým režimom podľa typu produktu.
Potrebovali sme systém, ktorý túto komplexitu unesie na pozadí — a zostane jednoduchý na každodennú správu.
Komplexita smie zostať na pozadí.
Viac ako 60 vlastných Gutenberg blokov
Administráciu sme postavili na vlastných blokoch. Redakčný tím pri novej stránke nečaká na vývojára — skladá ju z pripravených komponentov.
Každý blok nesie nastavenia a variácie pre produktové aj obsahové stránky. Výsledkom nie je sada šablón, ale systém, z ktorého sa web rozširuje bez začínania od nuly.
Novú stránku zloží redakcia bez vývojára.
Web si produktové dáta neťahá ručne
Websupport spravuje svoje produkty v internom systéme. Web preto nemá ceny a konfigurácie uložené druhýkrát vo WordPresse.
Interný systém
produkty, ceny a konfigurácie na jednom mieste
API vrstva
sprístupňuje webu dáta z interného API
websupport.sk
produktové karty, cenníky, konfigurátory
Riešenie sa neskôr ukázalo ako prenositeľné. Základ vytvorený pre Websupport sme použili aj pri webe Active24 — ďalšom hostingu v rámci skupiny.
Produktové dáta žijú v jednom systéme. Web ich len číta.
Web a predajná aplikácia fungujú ako jeden produkt
Súčasťou webu je predajná aplikácia Websupportu. Preberá header aj footer webu a načítava sa do obsahovej časti — používateľ ju vníma ako ďalšiu stránku.
Web jej zároveň odovzdáva, čo si používateľ vybral: produkt, konfiguráciu, doménu aj parametre služby. Objednávka pokračuje bez straty kontextu.
Technická komplexita zostáva na pozadí. Pre človeka, ktorý si vyberá hosting alebo server, musí byť výsledkom jednoduchý a zrozumiteľný proces.
Kde končí web a začína aplikácia, zákazník nevidí.
Jedno prihlásenie naprieč systémami
Prihlásenie nie je riešené cez WordPress. Web je súčasťou širšieho používateľského prostredia Websupportu, takže prihlasovacia vrstva žije mimo neho.
Prihlásený používateľ môže na webe vidieť iné ceny alebo obsah podľa svojho účtu — a to isté prihlásenie funguje v predajnej aplikácii aj v zákazníckej administrácii. WordPress tu nie je izolovaný firemný web, ale jedna časť väčšieho ekosystému.
Z troch trhov na štyri.
Bez nového webu od nuly.
Začínali sme so slovenskou a českou verziou, neskôr pribudla maďarská. Dnes web beží aj vo Švédsku.
Slovensko
Česko
Maďarsko
Švédsko — vo švédčine aj angličtine
Pôvodné tri trhy fungovali ako samostatné jednojazyčné weby v jednej multisite. Švédsky trh potreboval dva jazyky, tak sme architektúru rozšírili aj o tento model. Pridanie nového trhu je dnes predovšetkým otázka konfigurácie a obsahu.
Nový trh je konfigurácia, nie nový projekt.
Jeden systém, veľmi odlišné stránky
Hosting, VPS, cloud či servery používajú odlišné vizuálne režimy — časť webu je tmavá, iné produkty sa prepínajú do svetlej.
Úlohou nebolo vyrobiť čo najviac šablón. Potrebovali sme dostatočne flexibilný systém, ktorý rôzne situácie zvládne bez toho, aby sa z neho stal nekontrolovateľný mix výnimiek.
Výkon sa nekončí spustením
Pri webe tohto rozsahu sa výkon nedá vyriešiť jednou optimalizáciou pred spustením. Core Web Vitals, načítavanie a technický stav sledujeme priebežne.
Aj po spustení preto riešime detaily, ktoré ovplyvňujú rýchlosť a stabilitu webu. Výkon je súčasť dlhodobej starostlivosti o projekt, nie jednorazová položka v checkliste.
Veľký web nie je hotový dňom spustenia.
Dodať veľký projekt načas, keď sa zadanie priebežne mení
Dizajn vznikal paralelne s vývojom, požiadavky pribúdali počas implementácie a termíny boli naviazané na rebranding a marketingové kampane.
Priebežne sme prehodnocovali technické rozhodnutia a upravovali scope tak, aby sa dalo pokračovať bez blokád. Bol to živý agilný vývoj s veľkým tímom na oboch stranách — a výsledkom nebolo len stihnuté spustenie, ale základ, na ktorom staviame ďalšie roky.
„Mne sa spolupracovalo s Webikonom veľmi dobre. Komunikácia bola vždy promptná a ak aj došlo k nedorozumeniu, vždy bola ochota nájsť systematické riešenie.“
Na Websupporte pracujeme kontinuálne od roku 2020
Po prvom spustení sa projekt neskončil. Pribúdali nové funkcionality, väčšie rozvojové projekty aj každodenné úpravy, opravy a support.
Počas najväčšej fázy vývoja pracovalo na našej strane 12 až 15 ľudí. Podobne veľký tím mal na projekte aj Websupport.
Dedikovaný projektový manažér
Pravidelné status cally, kde s tímom Websupportu riešime aktuálny stav aj ďalšie priority.
Úlohy v spoločnom systéme
Projektový tím Websupportu zadáva úlohy priamo do nášho systému a vývoj ich priebežne spracováva.
Rozvoj, nie len údržba
Riešenie poznáme do hĺbky, takže novú funkcionalitu nestaviame zakaždým na zelenej lúke.
Toto nie je údržba. To je vývoj.
Technický základ, ktorý rastie spolu s Websupportom
Z pôvodnej implementácie vznikol web s vlastným komponentovým systémom, napojením na interné dáta a architektúrou pripravenou na viac trhov a jazykov.
Websupport nepotreboval iba dodávateľa nového webu. Potreboval partnera, ktorý bude riešenie poznať, prevezme zaň zodpovednosť a bude ho ďalej rozvíjať.
Technické riešenie
Technológiu vyberáme podľa projektu, nie naopak. Toto sú rozhodnutia, ktoré nesú veľký web od roku 2020 — bez toho, aby ho bolo treba stavať odznova.
Základ webu
WordPress multisite
Štyri trhy v jednej inštalácii — každý si samostatne spravuje obsah, ktorý potrebuje.
60+ vlastných Gutenberg blokov
Bloky s nastaveniami a variáciami pre produktové aj obsahové stránky.
Svetlý a tmavý režim
Vizuálne režimy podľa typu produktu, v jednom komponentovom systéme.
Dáta a integrácie
Vlastný WordPress plugin
Komunikuje s interným API a dáva webu produkty, ceny a konfigurácie. Základ neskôr poslúžil aj webu Active24.
Napojenie na predajnú aplikáciu
Aplikácia sa načítava do webu a preberá vybraný produkt, konfiguráciu aj doménu.
Jedno prihlásenie
Prihlasovacia vrstva mimo WordPressu — spoločná pre web, predajnú aplikáciu aj zákaznícku administráciu.
Prevádzka a rozvoj
Core Web Vitals
Výkon a technický stav sledujeme a optimalizujeme priebežne, nie jednorazovo.
Kontinuálny vývoj
Dedikovaný projektový manažér, pravidelné status cally a úlohy v spoločnom systéme.
Architektúra pre nové trhy
Jednojazyčné aj dvojjazyčné weby v jednej multisite — nový trh je otázka konfigurácie.
Živý web potrebuje tím, ktorý ho pozná.
Websupport má web, ktorý sa mení každý mesiac — a tím, ktorý ho pozná od prvého riadku. Napíšte nám, čo plánujete s tým vaším.
Ozveme sa do 24 hodín.
Nezáväzne.