Livesport s námi dobývá svět

(výzva)

Jedno jednoduché a elegantní rozhraní, které ovládá obsahové weby s tématikou online sportovního sázení po celém světě, snadno se upravuje a lehce se tam zadají nová data.

Tak vypadá přání klienta. V jeho očích jednoduše. A tak by to také mělo zůstat. Protože na to složité má nás. Pískáme start s focusem na jasný výsledek: miliony nabídek partnerských sázkových kanceláří, desítky zemí, jeden flexibilní systém. Let’s (GO!)

(background)

Livesport, v zahraničí známý především pod názvem Flashscore, je globální hráč v oblasti sportovních výsledků. Jeho hlavní weby, aplikace a interní systémy řeší vlastní vývojový tým Livesportu. Naším úkolem bylo vytvořit technické řešení pro obsahové weby zaměřené na prezentaci nabídek partnerských sázkových kanceláří.

V rámci projektu vznikaly weby pro různé trhy, které nabízejí bonusové nabídky a akce partnerů – především sázkových kanceláří. Cílem bylo mít designově konzistentní řešení v rámci jednotlivých brandů, které zároveň respektuje rozdílnou vizuální identitu každé značky. Jeden systém, více brandových světů. Žádný copy-paste cirkus.

Z původního expanzního plánu je dnes systém, který obsluhuje 22 zemí napříč 4 světadíly: Evropou, Asií, Severní Amerikou a Jižní Amerikou. Běží pro 8 různých brandů: Flashscore, Livesport, Diretta, LiveScore, Wyniki, Flashfotball, BeSoccer a SoccerWay. Jeden technický základ, desítky lokálních výstupů a prostor pro specifika jednotlivých značek. Přesně ten typ škálování, kde nechcete chaos. Chcete (WOW).

Výběrové řízení jsme vyhráli díky kombinaci několika moderních řešení. Konkrétně šlo o headless WordPress v multisite architektuře pro backend a React s frameworkem Next.js pro frontend. Právě touto kombinací jsme našli řešení, které funguje dlouhodobě a zároveň má rychlost i flexibilitu, které jsou klíčové pro expanzi do dalších zemí.

(plán)

Prvním krokem bylo vytvoření specifikace pro fungování webů a technické požadavky, které jsme s klientem doladili v několika iteracích. Bylo nutné navrhnout administraci, která zvládne nejen více trhů najednou, ale také rychlé rozšiřování do dalších zemí, brandů a jazykových mutací. Dnes díky ní klient efektivně obsluhuje 56 webů ve 22 zemích.

Naším úkolem bylo také vytvořit harmonogram pro vývoj a následné spuštění prvního webu. V průběhu projektu jsme intenzivně spolupracovali s týmem Livesportu, abychom zajistili, že každá stránka bude odpovídat jejich požadavkům na design, výkon a SEO. A jak vypadá česká verze webu? Mrkněte tu.

(řešení)

Naší strategií bylo zkombinovat WordPress multisite pro backend, což dovolilo klientovi spravovat obsah pro různé weby z jedné administrace, přičemž každý web má vlastní unikátní obsah, jazyk a databázi bookmakerů / sázkových kanceláří pro daný trh. Pro frontend jsme využili moderní React a framework Next.js, což nám umožnilo vyvinout rychlé a dynamické stránky, které splnily vysoké požadavky na uživatelskou zkušenost. Frontendové řešení vycházelo z podkladů a návrhů ze strany klienta.

Díky cloudovým službám Google a Cloudflare CDN jsme zajistili, že weby budou rychlé a dostupné i na vzdálenějších trzích, jako je Jižní Amerika, kde je odezva často problémem. Dnes už řešení pokrývá Evropu, Severní Ameriku, Jižní Ameriku i Asii — konkrétně jihokorejský trh. Globální ambice? Už dávno ne jen na papíře.

(highlights)

(speciality)

Integrace přes Varnish proxy: jedna doména, dvě technologická prostředí

Jednou z technických výzev bylo směrování návštěvníků mezi hlavními weby Livesportu a obsahovými weby se sázkovou tematikou. O to se stará Varnish proxy služba na straně klienta. Funguje jako rychlá výhybka: část provozu pošle na hlavní web Livesportu, část na námi vytvořené obsahové weby. Díky tomu mohou na jedné společné doméně fungovat dvě odlišná webová prostředí, postavená na jiných technologiích i serverech.

Návštěvník přitom nic nepozná. A přesně o to šlo. Tiché technické (WOW), které funguje skvěle ve chvíli, kdy si ho nikdo nevšimne.

Regionální omezení přístupu přes GEO-IP

Další specialitou byla GEO-IP restrikce, která zajistila, že přístup na weby byl povolen pouze uživatelům z konkrétní země. Tento krok byl důležitý z hlediska právních omezení a zaměření na konkrétní trhy.

Automatická synchronizace obsahu mezi brandy

Livesport pracuje na různých trzích s různými brandy. Jenže stejný typ obsahu – články, partneři nebo nabídky – se často potřebuje objevit na více webech v rámci jedné země. Ručně? To by rychle přestala být správa obsahu a začal by být obsahový ping-pong.

Proto jsme připravili automatickou synchronizaci obsahu mezi hlavním brandem a navázanými brandovými weby. Editor vytvoří nebo upraví obsah jednou a systém ho propíše tam, kde má být. Třeba z Flashscore UK do dalších UK brandů.

Výsledek? Méně ruční práce, méně prostoru pro chyby a konzistentní obsah napříč weby. Jeden zdroj, více výstupů. Přesně ten typ automatizace, kterou nikdo nevidí – dokud nechybí.

Geografická expanze bez hranic a limitů

A v neposlední řadě je obrovské (WOW) tohoto projektu v geografickém přesahu. Když jsme řešení stavěli, počítalo se s prvními 13 obsahovými weby pro různé trhy a připravovala se půda pro další expanzi. Dnes systém obsluhuje 22 zemí, 8 brandů a 56 obsahových webů na různých doménách a adresách. Evropa, Asie, Severní Amerika i Jižní Amerika. Jedna administrace, spousta trhů a žádné „Help, kde se to upravuje?!“. Přesně tak vypadá expanze, když má technické kopačky správně utažené.

(feedback)

Co o spolupráci říká klient?

„Pro náš globální projekt jsme hledali partnera, který zvládne vysoké technické nároky a udrží s námi krok. Tým z (ant) nás přesvědčil řešením na headless WordPressu, díky kterému dnes efektivně obsluhujeme více trhů z jedné administrace. Skvěle se sžili s naším IT týmem a hladce zvládli i složité nasazení pod naše hlavní domény. Na (ant) oceňuji, že nad věcmi přemýšlí v souvislostech, a že nám dodali rychlý produkt, na který se můžeme spolehnout.“

Štěpán Tomíček

Affiliate Marketing Manager, Livesport

(náš pohled)

Ambiciózní plán pro dobytí světa?

„Projekt Livesport byl pro nás zajímavou výzvou, na kterou jsme nemohli dospat! Bylo důležité nejen mít správnou technologii, ale také zajistit, že vše bude fungovat hladce a efektivně napříč různými trhy. Kombinace headless WordPressu a Next.js nám umožnila vytvořit flexibilní a rychlý systém, který zvládá expanzi bez velkých technických překážek.

Dnes přes něj běží 56 webů ve 22 zemích pro 8 brandů napříč Evropou, Asií a oběma Amerikami. A jestli je to konečná? Ani náhodou. Tohle je přesně ten typ projektu, kde se z jednoho dobrého základu dá postavit globální mašina. Let’s (GO!)“