Ildiana Tours utazási weboldal esettanulmány

Az Ildiana Tours nem egyszerű bemutatkozó oldalnak készült. A cél egy nagy tartalmú, mégis átlátható utazási ajánlatkérő rendszer volt, amely nyaralásokat, szállodákat, körutazásokat, városlátogatásokat és egzotikus úti célokat rendez egységes felületbe.

A végső rendszer 123 oldalt, 48 úti célt, 64 aktív ajánlatot, 24 partnerirodát és közel 750 optimalizált képet kezel. A projektben az információs architektúra, az egyedi PHP-fejlesztés, a keresés, az ajánlatkérő folyamat, a mobilos finomhangolás és a technikai SEO együtt épült fel.

A feladat: sok utazási ajánlatból használható rendszer

Az Ildiana Tours oldal nem klasszikus online foglalómotor. A feladat egy olyan inspirációs és értékesítési felület létrehozása volt, ahol a látogató ország, régió vagy utazástípus szerint böngészhet, részletes ajánlatokat nézhet meg, majd személyre szabott ajánlatot kérhet.

Ez azért volt fontos, mert a partnerirodáktól érkező árak, időpontok és elérhetőségek folyamatosan változhatnak. A fix árak másolása könnyen pontatlanná tette volna az oldalt, ezért üzletileg korrektebb megoldásként minden ajánlat a személyes ajánlatkérés felé vezet.

A projekt számokban

• 123 publikus oldal a főoldaltól a kategória- és ajánlatoldalakig.
• 48 úti cél országokkal, régiókkal és városi programokkal.
• 64 aktív ajánlat szállodákból, körutazásokból és tematikus utakból.
• 24 partneriroda eltérő tartalmi és képi forrásainak egységesítése.
• Közel 750 kép átválogatva, átméretezve, WebP formátumban és alt szövegekkel.

Ekkora tartalmi mennyiségnél már nem lehet minden oldalt különálló látványtervként kezelni. Olyan közös rendszerre volt szükség, amely egységes, de a szállodai csomagok és a többnapos körutazások eltérő információit is képes megjeleníteni.

A valódi projektkihívások

• Eltérő partneri források: különböző hosszúságú leírásokat, elnevezéseket, galériákat és ajánlattípusokat kellett közös rendszerbe rendezni.
• Nagy navigáció: sok ország és úti cél mellett a desktop menünek, a mobilos lenyílóknak és a keresőnek is gyorsan érthetőnek kellett maradnia.
• Változó árak: a fix áras kommunikáció helyett olyan CTA-rendszer kellett, amely egyértelművé teszi, hogy az aktuális ár dátumtól és elérhetőségtől függ.
• Képkezelés: a kártyákon életérzést adó képek, a hero és ajánlati blokkokban pedig eltérő, tartalmilag pontos fotók kellettek, ismétlődés és túl nagy galériák nélkül.
• Mobilos részletek: a keresőikon, hamburger, lenyíló menük, safe zone-ok, checkboxok és hosszú programleírások több finomhangolási kört igényeltek.
• Skálázható PHP-rendszer: a közös helper-függvényeknek, include-oknak és assetverzióknak minden ajánlatoldalon következetesen kellett működniük.

Információs architektúra és ajánlatoldalak

A fő navigáció országok, régiók és nagyobb utazási témák köré épül. A gyűjtőoldalak kártyákon mutatják az ajánlatokat, a részletes oldalak pedig egységes blokkokban kezelik a szállást vagy programot, az ellátást, a közlekedést, a galériát és az ajánlatkérést.

A szállodai ajánlat és a többnapos körutazás nem ugyanazt az információt igényli, ezért a sablonok közös alapot használnak, de az egyes blokkok rugalmasan megjeleníthetők. A programnapoknál például ahol indokolt, a nap sorszáma jelenik meg általános ikon helyett.

A morzsamenü, a kiterjesztés nélküli szép URL-ek, a kategóriaoldalak és a belső linkek egyszerre segítik a böngészést és azt, hogy a keresőmotor értse az ajánlatok tematikus helyét.

Keresés és előkészített ajánlatkérő folyamat

A beépített kereső nem csak az országokat, hanem az ajánlatcímeket és kapcsolódó úti célokat is segít megtalálni. Mobilon a kereső és a hamburger egymást kizáró működést kapott, így a két overlay nem nyílik egymásra.

Az ajánlati CTA nem külső partneroldalra és nem automatikus foglalásra visz. A kapcsolatoldalnak átadja az utazástípust, az úti célt és a konkrét ajánlatot, így az érdeklődőnek nem kell újra leírnia, mit nézett meg.

Az űrlapon natív dátumválasztó, felnőtt- és gyereklétszám, szabad szöveges úti cél és egyedi igények szerepelnek. A küldés után teljes képernyős visszajelzés jelenik meg; a megkeresés az iroda emailcímére és másolati címre is megérkezik, az érdeklődő pedig automatikus visszaigazolást kap.

Mobilos UX és vizuális rendszer

A design kék-fehér alaprendszerre épül, sárga, narancs és zöld kiemelésekkel. A cél az inspiráló utazási hangulat és a megbízható irodai háttér egyensúlya volt: nagy képek, tiszta kártyák, jól látható ajánlatkérő gombok és következetes partnermegjelenés.

A mobilos munka külön projektet jelentett a projekten belül. Javítani kellett a főmenü lenyitását, a keresőikon pozícióját, a fejléc és az announcement bar safe zone-jait, a túl nagy checkboxot, a hero képkivágásait és a kártyagombok sorba rendezését.

A galériák legfeljebb 12 képet kaptak, mert a több tucat fotó nem javította volna a döntést, csak lassította és túlterhelte volna az oldalt. A kártyákon elsőként lehetőség szerint emberes, élményszerű képek jelennek meg, míg a részletes oldal külön hero- és galériaképet használ.

Technikai megoldások és SEO-alapok

Az oldal egyedi PHP-alapú struktúrát, közös include-okat, helper-függvényeket és verziózott asseteket használ. A fejlesztés során egy hiányzó közös árkezelő függvény éles PHP-hibát okozott az ajánlatoldalon; ezt a függőségek rendezésével és a helperstruktúra egységesítésével javítottuk.

A régi, paraméteres kapcsolat URL-ek 301-es átirányítást kaptak, az ajánlat adatai pedig tisztább, hash-alapú előtöltéssel kerülnek az űrlapba. Az ajánlatoldalakról kikerültek a partneroldalra vezető forráslinkek is, hogy a látogató ne hagyja el a saját értékesítési folyamatot.

Minden fontos oldal egyedi title-t, meta descriptiont, H1-et, canonical címet, strukturált adatot és belső linkelést kapott. A kategóriaoldalak canonical hibáit külön ellenőrzés során javítottuk, a sitemapet pedig a 123 oldalas végleges struktúrához igazítottuk.

A képek WebP formátumban, reszponzív méretekkel és leíró alt szövegekkel kerültek be. A hiányzó vagy gyenge minőségű képeknél célzott pótlás, a duplikált ajánlatoknál – például a Caorle-kártyáknál – tartalmi összevonás és ellenőrzés történt.

Tartalomkezelési döntések és minőségbiztosítás

A partnerajánlatok összeállításánál nem egyszerű másolás történt. Külön ellenőrizni kellett, melyik ajánlat melyik irodához tartozik, van-e hozzá használható kép, létrejött-e a kártya és a részletes PHP-oldal, illetve nem szerepel-e ugyanaz az út kétszer.

Hiányzó úti célok és ajánlatok – például egyes afrikai, ausztráliai, albániai és városi utak – célzott pótlást kaptak. A már nem elérhető ajánlatokat, például a korábban felmerült dubaji hotelt, nem hagytuk vakon a rendszerben: külön ellenőrzési listára kerültek, hogy csak valóban vállalható tartalom maradjon publikus.

Ez a háttérmunka kevésbé látványos, mint maga a design, de egy ekkora utazási oldal használhatóságát és hitelességét döntően ez határozza meg.

Az eredmény

Az Ildiana Tours egy telefonra, tabletre és asztali gépre optimalizált, kereshető és bővíthető utazási weboldalt kapott. A sokféle partnerajánlat egységes rendszerben jelenik meg, miközben a látogató egy konkrét, előkészített ajánlatkérés felé halad.

A technikai és tartalmi alapok gyorsan bekerültek a Google rendszerébe: az oldal az első héten 88 Search Console-megjelenést kapott. Ez még korai adat, de egy friss, 123 oldalas struktúránál azt jelezte, hogy a kereső feltérképezte és elkezdte tesztelni az új úti cél- és ajánlatoldalakat.

A projekt számomra azért erős referencia, mert nem csak látványtervezést mutat: nagy mennyiségű valós tartalom rendszerezését, egyedi funkciók fejlesztését, produkciós hibák megoldását, mobilos finomhangolást, emailfolyamatot és technikai SEO-t is.

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 utazási ajánlatokat mutat be, majd személyre szabott ajánlatkéréshez vezeti a látogatót. A végleges ár és elérhetőség az utazás időpontjától és feltételeitől függ.

Miért jobb ajánlatkérést használni fix ár helyett?

Az utazási árak dátum, szabad hely, repülőjárat, ellátás és egyéb feltételek szerint változhatnak. Az ajánlatkérés pontosabb és korrektebb tájékoztatást tesz lehetővé.

Hogyan található meg egy úti cél vagy ajánlat?

A főmenü országok és utazástípusok szerint rendez, a kereső pedig az ajánlatok és úti célok gyors megtalálását segíti.

Bővíthető később új ajánlatokkal az oldal?

Igen. Az egységes kártya- és részletesoldal-struktúra lehetővé teszi új országok, szállodák, körutazások és partnerajánlatok hozzáadását.