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 ďalej vyvíjame.
Web zvláda desiatky služieb, konfigurátory aj štyri trhy. Každý mesiac sa mení podľa toho, čo Websupport potrebuje.
4
trhy · SK, CZ, HU a SE
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 prinášali požiadavky, kvôli ktorým sme 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
Web nesie desiatky hostingových, cloudových a serverových služieb a každá má vlastné parametre a konfigurácie. 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 zložitosť unesie na pozadí a pri každodennej správe zostane jednoduchý.
Zložitosť nechávame na pozadí.
Viac ako 60 vlastných Gutenberg blokov
Administráciu sme postavili na vlastných blokoch, z ktorých redakčný tím skladá nové stránky.
Každý blok nesie nastavenia a variácie pre produktové aj obsahové stránky. Spolu tvoria 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ší hosting 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, takže ju používateľ 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.
Kto si vyberá hosting alebo server, má mať pred sebou 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 nerieši WordPress. Web je súčasťou širšieho používateľského prostredia Websupportu, takže prihlasovacia vrstva je mimo neho.
Prihlásený používateľ môže na webe vidieť iné ceny alebo obsah podľa svojho účtu. To isté prihlásenie funguje v predajnej aplikácii aj v zákazníckej administrácii, takže WordPress je tu len jednou časťou väčšieho celku.
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 · švédsky aj anglicky
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 majú odlišné vizuálne režimy: časť webu je tmavá, iné produkty sa prepínajú do svetlej.
Potrebovali sme dostatočne flexibilný systém, ktorý rôzne situácie zvládne bez hromady šablón a nestane sa z neho 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 patrí k dlhodobej starostlivosti o projekt.
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. Spustenie sme stihli a vznikol pritom základ, na ktorom odvtedy staviame.
„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í 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, nielen údržba
Riešenie poznáme do hĺbky, takže novú funkcionalitu nestaviame zakaždým na zelenej lúke.
Aj po rokoch je na webe stále čo vyvíjať.
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 potreboval viac než dodávateľa nového webu: 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. Tieto rozhodnutia nesú veľký web od roku 2020 a nebolo ho 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 je mimo WordPressu a zdieľa ju web, predajná aplikácia aj zákaznícka administrácia.
Prevádzka a rozvoj
Core Web Vitals
Výkon a technický stav sledujeme a optimalizujeme priebežne.
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 sa pridáva konfiguráciou.
Ž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 svojím.
Nezáväzná konzultácia.
Odpovieme do 24 hodín.