600k rezervací ročně zprostředkovaných přes Megaubytko
6,5k ubytovacích zařízení dohromady na obou portálech
3. místo v soutěži WebTop100 (nejlepší B2B portál)
č. 1 na trhu mezi katalogy ubytovacích zařízení na Slovensku
Hledáte chatu či chalupu k letnímu pronájmu, poohlížíte se po hezkém místě, kam vyrazit na lyžovačku, nebo byste rádi strávili noc v domě na stromě? Portály Megaubytko.cz Externí odkaz a Megaubytovanie.sk Externí odkaz vám pomůžou sehnat ubytování na tisícovkách míst Česka a Slovenska.
Pro zjednodušení v případové studii oba portály označujeme jako Megaubytko.
Výchozí stav:
projekt, který tak
dlouho živelně rost,
až zastaral
Megaubytko spatřilo světlo světa v roce 2012. Jako řada projektů podobného typu, postupně rostlo a vyvíjelo se. Hodně organicky. Portál prošel několika redesigny, ale postupem času se i tak dostal do neudržitelného stavu.
Megaubytko bylo naprogramované na Windows technologiích – nedaly se na něm realizovat změny na frontendu bez dopadu na backend a obráceně. Zastaralý systém se nedokázal přizpůsobit nejnovějším technologickým trendům. Na projektu se také vystřídalo několik programátorských týmů, čímž se postupně vytvořil tzv. spaghetti code, ve kterém bylo čím dál těžší se orientovat. Náklady na vývoj jakékoliv nové funkcionality se šplhaly do neúnosných částek.
„Po více jak 10 letech vývoje jsme se dostali do fáze, kdy všechno strašně trvalo. K tomu byl web postaven na Windows technologiích, v kterých mají programátoři nastavené korporátní ceny, takže se vývoj hodně prodražoval. Naráželi jsme i na to, že developeři, pracující s Windows technologiemi, se obecně pohybují spíš v korporátním prostředí – a to je o dost méně agilní, než bychom si představovali. Abychom to rozsekli, nechali jsme si udělat audit webu, včetně technologií a hardwaru, a z toho nám vyšlo, že nejlepší bude celý web přepsat.”
Pavol Lužbeťák, Majitel, Megaubytko
Provozovatelé Megaubytko si nechali zpracovat webový audit, díky kterému přesně věděli, co chtějí: hlavně se vyvarovat toho, že by se za dalších 10 let dostali do podobné situace. Uspořádali výběrové řízení na dodavatele nového webu, ke kterému přizvali odborného konzultanta. Ten posuzoval nabídky v tendru a kladl uchazečům doplňující otázky. Z 20 účastníků tendru jich do užšího výběru postoupili tři. SUPERKODERS byli jedním z nich.
„SUPERKODERS mi doporučil zakladatel jiného online projektu, na kterém jsem pracoval. Jejich přístup se mi od začátku líbil. Mám rád odborníky, kteří se na něco úzce specializují, a SUPERKODERS se prezentovali jako experti na React, což považuju za exkluzivní know‑how. Potěšilo mě, když SUPERKODERS tendr nakonec vyhráli.”
Ľubomír Jochim, online stratég a investor, Megaubytko
Technologické řešení, které za 5 let nezapadne prachem
Po zkušenosti s monolitickým systémem měli lidé z Megaubytko jasno v tom, že chtějí do budoucna oddělit frontend a backend, tak, aby se jednotlivé části systému pokud možno neprolínaly a změny na jednom „endu” bylo možné provádět bez vlivu na druhý „end“.
V SUPERKODERS jsme pro Megaubytko vyvíjeli frontendovou část (za úzké spolupráce s programátory, kteří dělali backend). Web jsme psali v Javascriptu.
Systém jsme navrhli jako headless řešení v prostředí React na frameworku Next.js, který umožňuje (mimo jiné) používání Javascriptu jak na klientské části webu, tak na backendu. Díky tomu se nemusí tatáž funkcionalita programovat dvakrát (jako to bylo na původním webu). Frontend s backendem komunikuje přes API.
Vývojová fáze:
objevujeme zákoutí starého systému a stavíme nový, paralelně s vývojem backendu
Když odhalujete, jak funguje webový portál, který někdo jiný postupně vyvíjel přes 10 let, je to jako když rekonstruujete dům. Nikdy nevíte, co vás přesně čeká, dokud nekopnete do zdi. Pak objevíte nevyhovující elektroinstalaci, která se musí předělat, zjistíte, že je potřeba zpevnit střechu a najednou zjistíte, že byste potřebovali minimálně dvojnásobný rozpočet.
V případě starého webu Megaubytko chyběla podrobná dokumentace, některé části webu byly fikaně skryté, celý systém byl protkaný výjimkami, které na nás skákaly všude možně. Typický reverzní inženýring.
„Největší výzvou projektu Megaubytko bylo zajistit plynulý přechod portálu ze starého řešení na nové a zachovat přitom všechny funkcionality. Kromě toho jsme se hodně soustředili na to, aby web byl rychlý a nepřišel o své těžce vydobyté pozice ve vyhledávání. Což byl docela oříšek – web totiž nabízí pokročilé možnosti filtrování a uživatelům nabízí obsah „na míru“ podle nastavených filtrů. To je samozřejmě super z pohledu UX, ale zároveň to znamená, že web má snad miliony stránek, které se pořád dynamicky mění, takže jsou jednotlivé stránky prakticky necachovatelné.”
Tomáš Hejč, projektový manažer SUPERKODERS
Vývoj nového portálu pro Megaubytko ve zkratce:
Standardní postup, kdy SW architekt systém zkoumá a pak přijde s návrhem řešení, se nekonal. Trvalo by to tak rok a to jsme si nemohli dovolit.
Architekt na řešení pracoval první cca 3 měsíce (na straně backendových vývojářů). Následně přišel s prvotním návrhem a pak už se hodně věcí řešilo za pochodu.
Backend i frontend vznikal paralelně. Včetně analytické části.
Co se týče designu webu, uspořádali jsme v SUPERKODERS workshop s webdesignérem s cílem se sladit a být zajedno v tom, jak má web fungovat. Tento postup se nám osvědčil – designér díky tomu lépe rozumí naší práci a chápe, že někdy se můžeme dostat do situace, kdy malá změnu v designu ušetří spoustu práce.
Abychom se neztratili v tom, kdo na čem pracuje, a všichni byli v obraze, najeli jsme na systém každodenních krátkých (5–10 minut) stand-up callů s celým developerským týmem (ve složení klient + SUPERKODERS za frontend + backend vývojáři).
Celý projekt byl řízený agilně ve 14 denních sprintech.
„Líbilo se mi, že ve chvíli, kdy v SUPERKODERS na projektu pracovali tři developeři, se do projektu aktivně zapojil i spolumajitel Tomáš Hejč a začal efektivně koordinovat tým, aby vše šlapalo. Mimochodem stand-up cally, které jsme zavedli ve fázi vývoje, fungují dodnes. Spuštěním webu práce na něm sice zvolnily, ale nezastavily se. Aktuálně řešíme například úpravy ceníků, aby portál uměl lépe pracovat s celkovou cenu pobytu, vlastní řešení pro A/B testing, propojení dat s externími rezervačnými systémy, atd.”
Ľubomír Jochim, online stratég a investor, Megaubytko
Každý, kdo kdy migroval web, na kterém mu stojí byznys, tuší, jaký je to stres. Úzkostlivě si přejete, aby si toho uživatelé nevšimli (maximálně aby jim udělaly radost nové funkce a vylepšení), aby vše fungovalo, jak má, aby nedošlo k žádným zásekům, a samozřejmě je potřeba web přepnout ve chvíli, kdy je na něm minimální traffic.
Megaubytko jsme ze starého na nové přesouvali v noci, a vše proběhlo nad očekávání hladce, nedošlo k žádným výraznějším komplikacím. Přesunul se celý web, včetně dat. Za migraci si ale nechceme uzurpovat veškerý kredit – velkou zásluhu na tom, že vše proběhlo v pořádku, mají kolegové za backend.
Závěrečná katarze:
lepší web pro uživatele
i ubytovatele
Běžný web má dvě vrstvy – jednu pro koncové uživatele (zákazníky) a druhou pro administrátory. Webový portál pro Megaubytko je jiný v tom, že má tři části:
pro koncové B2C zákazníky (lidi hledající ubytování),
pro B2B zákazníky (administrační rozhraní, ve kterém ubytovatelé spravují své prezentace i rezervace, schvalují hodnocení apod.),
admin rozhraní pro majitele webu.
Tato „trojvrstevnost“ činí web výjimečným a složitějším na vývoj. Nový web přinesl oproti původní verzi mimo jiné tato vylepšení:
ubytovatel si na novém portálu může definovat podmínky, za jakých hosty ubytuje (např. v létě je třeba objednat alespoň 3 noci), a ty se aplikují při filtrování ubytování a při vyplňování rezervace uživatelem, ubytovatel tak dostává podstatně relevantnější rezervace,
ubytovatel má možnost nasadit si některé části webu formou iframe na vlastní web (např. kalendář obsazenosti, rezervační formulář, hodnocení apod.),
UX vylepšení pro koncové zákazníky (nové filtry, zapamatování vybraných dat v local storage přehlížeče apod.),
vlastní pokročilá analytika, ktorou externí agentura se specializací na analytiku komentovala jako jednu z nejpokročilejších, s jakou se na stovkách realizovaných projektů potkala.
Díky vylepšením dostávají koncoví zákazníci přesnější nabídky a ubytovatelé mají relevantnější poptávky. Win-win pro obě strany!
„Cca dva měsíce po spuštění nového webu jsme si dělali průzkum mezi ubytovateli. 60–70 % z nich hodnotilo přechod na nový portál pozitivně, jenom 10 % označilo migraci za negativní, zbytek přesun hodnotil neutrálně. A k těm 10 % bych rád dodal, že věkový průměr našich ubytovatelů je 50–60 let, takže je dost možné, že dali negativní hodnocení jenom proto, že si museli zvykat na něco nového.”
Ľubomír Jochim, online stratég a investor, Megaubytko
Třešnička na dortu:
ocenění WebTop100
Udělalo nám velkou radost, že naši intenzivní práci ocenil nejen klient a uživatelé webu, ale také odborná porota v soutěži WebTop100. Projekt získal 3. místo v kategorii B2B portál, kde se hodnotí:
uživatelská přívětivost,
komfort ve výběru služeb spojených s nákupem, dopravou, platebními metodami atd.,
plnění byznys cílů,
inovativnost řešení – inspirace pro ostatní.
Jak se můžete dočíst i v našich dalších případovkách, kromě vývojářské odbornosti u nás klienti velmi pozitivně hodnotí také schopnost porozumět jejich byznysu, přicházet s návrhy v této oblasti a pochopit podnikatelský „big picture“.
„Megaubytko je čistý online byznys, takže do vývoje investujeme opravdu hodně. Bylo pro nás milým překvapením, že po spuštění na novém portále projekt vyrostl natolik, že dnes už další vývoj zvládáme financovat z dodatečného zisku, který vygeneruje.”
Ľubomír Jochim, online stratég a investor, Megaubytko
Co říká klient?
„Během své kariéry jsem pracoval na více než 15 online projektech, přičemž Megaubytko je suverénně největší – minimálně 2× větší než kterýkoliv jiný. Přepsání a redesign projektu jsme zvládli za cca 1,5 roku, což odpovídalo původnímu odhadu. Navíc se podařilo projekt úspěšně spustit bez poklesu návštěvnosti z Google a bez snížení konverzí.
Při výběru dodavatelů softwaru (frontend i backend) jsme měli šťastnou ruku. Týmy nejen odváděly kvalitní práci, ale také aktivně přispívaly k řešení UX i business problémů, což často nebývá samozřejmostí. Díky této spolupráci je vývoj agilní a motivovaný, což tvoří skvělý základ pro realizaci dalších plánů. Ty by měly přinést růst návštěvnosti, rezervací i počtu ubytovatelů na Megaubytko.cz a Megaubytovanie.sk.”
Ľubomír Jochim, online stratég a investor, Megaubytko
Při spolupráci se SUPERKODERS dlouhodobě oceňujeme především:
odbornost a zkušenosti vývojářů,
flexibilní kapacity,
férové podmínky spolupráce a dodržování dohod,
a v neposlední řadě lidský přístup vedení společnosti, zejména Tomáše Hejče.
Se SUPERKODERS plánujeme ve spolupráci pokračovat i nadále a pokud bychom hledali firmu na frontend našich projektů, znovu bychom si ji vybrali. Děkujeme, chalani!
Pavol Lužbeťák, Majitel, Megaubytko
Rádi pomůžeme i vám!
Vyvineme pro vás e‑shop, web či aplikaci, nebo se jen nezávazně potkáme a pobavíme o možnostech spolupráce. V každém případě se nám ozvěte.
Cookies na tomto webu slouží k personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze provozu. Kromě toho sdílíme informace o vašem používání webových stránek s našimi partnery v sociálních médiích, reklamě a webové analytice, kteří je mohou kombinovat s dalšími informacemi, které jste jim poskytli nebo které shromáždili z vašeho používání jejich služeb.
Jednotlivé souhlasy
Nezbytné, aby stránky fungovaly
Nezbytné soubory cookie pomáhají učinit web použitelným povolením základních funkcí, jako je navigace na stránce a přístup do zabezpečených oblastí webu. Bez těchto cookies nemůže web správně fungovat.
Předvolby, abyste si mohli ukládat vaše nastavení
Předvolené soubory cookie umožňují webové stránce zapamatovat si informace, které mění způsob, jakým se web chová nebo vypadá, například preferovaný jazyk nebo oblast, ve které se nacházíte.
Analytika, abychom mohli stránky zlepšovat
Analytické cookies pomáhají majitelům webových stránek porozumět tomu, jak návštěvníci interagují s webovými stránkami, a to anonymním shromažďováním a hlášením informací.
Marketing, aby se vám nezobrazovala reklama, která vás nezajímá
Marketingové cookies se používají ke sledování návštěvníků napříč webovými stránkami. Záměrem je zobrazovat reklamy, které jsou pro jednotlivého uživatele relevantní a poutavé, a tím cennější pro vydavatele a inzerenty třetích stran.