Přejít k obsahu Přejít k hlavnímu menu

SUPERKODERS

Megaubytko.cz & Megaubytovanie.sk Ubytovací portály s miliony pageviews měsíčně

WebTop100 3. místo
B2B portál 2024

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 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.

Ukázka úvodní stránky portálu 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

Chci vás pro svůj projekt

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

Chci vás pro svůj projekt

Fáze přesunu:
bezproblémová
a hladká migrace

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.

TIP: O přesunu webu už jsme podrobně psali v případovce o e‑shopu Balistas.

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.

Ukázka výpisu ubytování

Chci vás pro svůj projekt

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í.
Tomáš Hejč a Tomáš Krejčí na Webtop100

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.

Tomáš Hejč | CEO +420 603 273 833 tomas.hejc@superkoders.com

Tomáš Hejč