Ildiana Tours utazási weboldal esettanulmány

Az Ildiana Tours projektje eredetileg egy átlátható, inspiráló utazási weboldalnak indult. A munka közben azonban gyorsan kiderült, hogy nem néhány statikus úti céloldalt kell megtervezni, hanem egy olyan rendszert, amely eltérő partnerforrásokat, folyamatosan változó árakat és időpontokat, többféle ajánlattípust, nagy mennyiségű képet és személyre szabott ajánlatkérést képes egyetlen következetes felületbe rendezni.

Az első publikált struktúra 123 oldalt, 48 úti célt, 64 kézzel összeállított ajánlatot és közel 750 optimalizált képet kezelt. A projekt ezt követően tovább nőtt: további partneri adatforrások, strukturált importfolyamatok, nagy mennyiségű dinamikus ajánlat és automatizált ellenőrzések kerültek a rendszerbe.

A projekt valódi feladata: rendet tenni egy folyamatosan változó kínálatban

Az utazási ajánlatok nem egységes termékadatok. Egy szállodai csomag, egy többnapos körutazás, egy városlátogatás vagy egy egzotikus út teljesen más információkat igényel. A partnerektől érkező leírások, árak, időtartamok, képek és elnevezések hossza és szerkezete eltért, ezért egyszerű másolással nem lehetett volna megbízható weboldalt készíteni.

A cél az lett, hogy a látogató ország, régió vagy utazástípus szerint gyorsan tájékozódjon, miközben a háttérben minden ajánlat ugyanazon alapelvek szerint jelenik meg: érthető cím, megfelelő úti cél, forintos főár, rövid összefoglaló, részletes leírás, releváns képek és egyértelmű ajánlatkérő CTA.

Hogyan nőtt egy kézzel épített oldalból összetett rendszer?

A projekt első szakaszában a struktúra, a designrendszer és a kézzel szerkesztett úti cél- és ajánlatoldalak készültek el. Később több partner nagyobb mennyiségű adatát is be kellett emelni úgy, hogy az eredeti menüpontok, országoldalak és felhasználói logika megmaradjon.

Ez alapvetően megváltoztatta a feladatot. A weboldalnak már nemcsak tartalmat kellett megjelenítenie, hanem képesnek kellett lennie nagy mennyiségű rekord feldolgozására, kategorizálására, duplikációk kiszűrésére, oldalak és kártyák létrehozására, valamint a frissülő árak és indulások kezelésére.

A fejlesztés ezért iteratív lett: minden új adatforrás után ellenőrizni kellett a kategorizálást, a kizárt ajánlattípusokat, a lapozást, a tartalmi megfelelést és azt, hogy minden új ajánlat a megfelelő gyűjtőoldalra kerüljön.

Partneradatok, XML-import és normalizálás

A rendszer többféle forrást kezel: kézzel összeállított tartalmakat, dokumentumokból feldolgozott leírásokat, képcsomagokat és eltérő struktúrájú XML-adatokat. Ezeket nem lehetett egyetlen sablonnal vakon beolvasni, mert a mezőnevek, dátumok, árformátumok, szállodatípusok és képhivatkozások partnerenként különböztek.

Az importfolyamat ezért több lépcsős: beolvasás, mezőtérképezés, úti célhoz rendelés, árnormalizálás, slugképzés, képfeldolgozás, duplikációszűrés és a kötelező mezők ellenőrzése. A látogatók elé csak egységesített, érthető és ellenőrzött tartalom kerülhet.

A különböző forrásokból érkező ajánlatok a látogatók számára egységes felületen jelennek meg, miközben a rendszer a háttérben megőrzi a kezelésükhöz szükséges forráskapcsolatokat.

Információs architektúra és többféle ajánlattípus

Az eredeti menüpontok és országstruktúra megmaradtak, az új importált tartalmak ezek alá kerültek. Ahol nagy lett a kínálat, lapozás segíti a böngészést; ahol egy országon belül külön régiók fontosak, a gyűjtőoldal további szűrőkkel vagy váltókkal tagolja az ajánlatokat.

A szállodai ajánlat és a körutazás közös vizuális alapot használ, de nem erőltetjük rájuk ugyanazt a tartalmi sablont. A szállásoldalon a szoba, ellátás, elhelyezkedés és galéria a fontos, egy többnapos útnál pedig a programnapok, közlekedés, időtartam és részvételi feltételek kapnak nagyobb hangsúlyt.

A morzsamenü, a kiterjesztés nélküli URL-ek, a kategóriaoldalak, a kereső és a belső linkek együtt segítik a látogatót és a keresőmotort abban, hogy értse az ajánlatok helyét a teljes rendszerben.

Tartalom- és képkezelés: nem egyszerű adatmásolás

A tartalmi munka jelentős része minőségbiztosítás volt. Ellenőrizni kellett a hibás vagy félrevezető szövegeket, a rossz országba sorolt ajánlatokat, a duplikált szállodákat, a bent maradt technikai megjegyzéseket, a nem megfelelő árakat és azokat a leírásokat, amelyek inkább importmagyarázatnak, mint ügyfélnek szóló tartalomnak hatottak.

A képeknél hasonlóan összetett feladat volt a megfelelő borító kiválasztása, a galériák korlátozása, a hiányzó fotók pótlása, a duplikációk eltávolítása és az optimalizált WebP-változatok elkészítése. A kártyákon élményszerű, jól felismerhető kép kell, a részletes oldalon pedig olyan galéria, amely ténylegesen az adott szállást vagy útvonalat mutatja.

Az egységes kártyaszövegekhez a hosszú leírásokból rövid, informatív összefoglaló készült. Így a gyűjtőoldal nem válik szövegfallá, de a látogató már kattintás előtt megérti, miért lehet érdekes az adott ajánlat.

Előkészített ajánlatkérő és biztonságos e-mailfolyamat

Az oldal nem online foglalómotor. Az utazási árak és elérhetőségek gyorsan változnak, ezért üzletileg korrektebb egy olyan folyamat, amely a kiválasztott ajánlat adataival előkészített személyes ajánlatkéréshez vezet.

A CTA a kiválasztott ajánlat legfontosabb adataival nyitja meg a kapcsolatoldalt. Az érdeklődő megadhatja az indulást, a felnőttek és gyermekek számát, valamint az egyedi igényeket. A beküldés biztonságos szerveroldali ellenőrzést és spamvédelmet használ, az érdeklődő pedig visszaigazolást kap.

Ez nem látványos funkció, mégis kulcsfontosságú: a weboldal nemcsak inspirál, hanem használható, visszakövethető értékesítési folyamatot ad.

Mobilos UX és vizuális rendszer

A kék-fehér vizuális rendszernek egyszerre kellett inspiráló utazási hangulatot és megbízható irodai hátteret közvetítenie. A nagy képek és élénk kiemelések mellett a tartalom olvashatósága, a CTA-k következetessége és az eltérő hosszúságú kártyák stabil elrendezése volt a fő szempont.

A mobilos verzió több külön finomhangolási kört igényelt. A fejléc, a kereső, a hamburger és a lenyíló menük nem nyílhatnak egymásra; a hosszú országlisták, szűrők, ajánlatkártyák és programleírások pedig kis képernyőn is használhatók kell legyenek. Külön javításokat kaptak a gombsorrendek, ikonok, checkboxok, képkivágások, safe zone-ok és a túl hosszú időtartam- vagy ármezők.

A cél nem az volt, hogy a desktop oldalt egyszerűen összenyomjuk, hanem hogy mobilon is gyorsan végigjárható legyen az út: úti cél kiválasztása, ajánlat megnyitása, részletek átolvasása, majd ajánlatkérés.

Egyedi PHP-fejlesztés és technikai SEO

A rendszer egyedi PHP-alapú struktúrát, közös komponenseket, verziózott asseteket és külön importáló eszközöket használ. A fejlesztés során a közös logika, az URL-kezelés, a függőségek és az importfolyamat stabilitása is több körben finomhangolást kapott.

Az importálásnál külön teljesítményoptimalizálásra is szükség volt. A feldolgozás fokozatos működést kapott, így nagy adatmennyiség és egyszerre változó ajánlatok mellett is stabilabban frissíthető a rendszer.

Minden fontos oldal egyedi title-t, meta descriptiont, H1-et, canonical címet, strukturált adatot és belső linkelést kap. A sitemap a tényleges publikus struktúrát követi, a képek reszponzív méretezést és leíró alt szöveget használnak, a hibás régi URL-ek pedig szükség esetén 301-es átirányítást kapnak.

Az ilyen egyedi, nagy tartalmú rendszerek felépítéséről a weboldalkészítés szolgáltatásoldalon, a projektkeretről pedig a weboldal készítés árakról szóló útmutatóban írok részletesebben.

Minőségbiztosítás, auditok és automatizált ellenőrzés

Egy ekkora rendszerben nem elég néhány oldalt kézzel megnyitni. A külön minőségellenőrzések a hiányzó vagy hibás tartalmakat, a duplikációkat, a kép- és URL-problémákat, valamint az importálás során keletkező eltéréseket is vizsgálják.

A frissítési folyamatoknál naplózás és eltérésfigyelés segít időben észlelni a forrásadatok, az ajánlatszám vagy a kötelező mezők változásait. A kézi tesztek és az automatizált ellenőrzések együtt csökkentik annak kockázatát, hogy egy hiba észrevétlenül kerüljön ki a publikus oldalra.

A projekt jelentős része ezért nem egyszeri designmunka volt, hanem tartósan fenntartható működés kialakítása: hogyan lehet új ajánlatokat beemelni, változásokat követni, hibát találni és javítást telepíteni anélkül, hogy minden frissítésnél újra kellene építeni az egész oldalt.

Az eredmény: bővíthető utazási rendszer, nem statikus katalógus

Az Ildiana Tours ma egy kereshető, mobilra optimalizált, több forrásból építkező utazási weboldal. A látogató egyszerű kártyákat, részletes ajánlatokat és követhető ajánlatkérő folyamatot lát; a háttérben adatimport, kategorizálás, képoptimalizálás, forráskezelés, minőségellenőrzés és technikai SEO dolgozik.

A projekt számomra azért különösen erős referencia, mert a webdesign mellett megmutatja az információs architektúra, az egyedi fejlesztés, a tartalomfeldolgozás, a hibakeresés és az üzemeltethetőség szerepét is. A rendszer úgy tudott több nagyságrendet nőni, hogy közben a látogatói felület továbbra is érthető maradt.

Ez a projekt jól példázza, hogy egy üzleti weboldal értéke nem csak a látványban van. Az igazi munka sokszor az, hogy a változó, rendezetlen és nagy mennyiségű háttéradatból megbízható, gyors és ügyfélbarát felület készüljön.

Az élő Ildiana Tours weboldal megtekintése

Gyakori kérdések

Az Ildiana Tours oldalon lehet közvetlenül foglalni?

Nem. Az oldal részletes ajánlatokat mutat be, majd az utazás adataival előkészített személyre szabott ajánlatkéréshez vezeti a látogatót. A végleges ár és elérhetőség az indulási időponttól, szabad helyektől és partneri feltételektől függ.

Hogyan kerülnek be az ajánlatok a rendszerbe?

A rendszer kézzel szerkesztett tartalmakat, dokumentumokból feldolgozott anyagokat és eltérő struktúrájú partneri adatforrásokat is kezel. Az import során egységesítés, kategorizálás, ár- és képellenőrzés, valamint duplikációszűrés történik.

Mi történik, ha változik egy ár vagy időpont?

Az import- és ellenőrzési folyamat a változó partneradatok frissítésére készült. A publikus oldal az aktuális ajánlatokat mutatja, a végleges foglalható feltételeket pedig minden esetben személyes ajánlatkérés erősíti meg.

Bővíthető később új úti célokkal és partnerforrásokkal az oldal?

Igen. A közös kártya-, részletesoldal- és importstruktúra lehetővé teszi új szállodák, körutazások, régiók és partneri adatforrások hozzáadását anélkül, hogy az egész weboldalt újra kellene építeni.