HUEN

Esettanulmány

Rollio De Madrid

Nyolc madridi programot, utasbiztosítást, térképet és az automatikus szerződést fűztem egyetlen, hatlépéses varázslóba: a vendég kiválasztja a flamenco-estet és a transzfert, kéri a biztosítást, elfogadja a szerződést, majd három nyelven fizet Stripe-on keresztül.

Szolgáltatás
Egyedi weboldal-fejlesztés · Dizájn · Kódolt foglalási rendszer
Terület
Élményturisztika · Madrid
Programok
8 program és csomag
A Rollio De Madrid weboldal nyitóképe: flamencót táncoló nők a sevillai Spanyol téren, alul a foglalási sáv


Az ügyfél

Nyolc madridi élményt kínál egy foglalási felületen, három nyelven.

Terdik Tibor kereskedelmi néven Rollio De Madrid alatt szervez madridi élményeket: reptéri transzfert, prémium kiscsoportos városnézést, flamenco-esteket, gasztronómiai piactúrát és kulturális csomagokat. Nyolc önálló program és csomag közül választhat a vendég, akár egyszerre többől is.

Mivel a foglalók nem csak magyarul, hanem angolul és spanyolul is érkeznek, a teljes folyamatot mindhárom nyelven megépítettem.


01 — A foglalási varázsló

Hat lépés a programválasztástól a kifizetett, biztosított utazásig

Amikor egy érdeklődő megnyitja az oldalt, a hat lépés a varázslóban egyetlen folyamatba sűríti a teljes utazás megtervezését. Az első lépésben egyszerre rákattinthat egy flamenco-estére és egy városnézésre a nyolc program és csomag közül. A második lépésben egy naptárból kattintja ki a pontos dátumot és időpontot, a harmadikban pedig beírja a létszámot: a kód azonnal külön számolja a normál és a kerekesszékes vendégeket, rögzíti a poggyászok darabszámát és az idegenvezetés nyelvét, majd egy szöveges mezőben bekéri az ételallergiákat is. A foglalás úgy érkezik meg hozzád, hogy a látogató már az összes logisztikai kérdésedre válaszolt az oldalon, és azonnal indulhat a programszervezés.

Az igazán időrabló feladat a kiegészítő opciók pontos árazása szokott lenni, amit itt teljes egészében a kód végez el. A negyedik lépésben a látogató beállítja az Escapadas Plus utasbiztosítást: kiválasztja a területi hatályt, az útlemondási összeghatárt és az utazás időtartamát, az egyedi árképző pedig a 24 biztosítási díj-kombináció (2 terület × 3 összeghatár × 4 időtartam) közül azonnal megjeleníti a pontos árat. Aki már rendelkezik saját biztosítással, egyetlen kattintással kihagyja ezt a szakaszt, majd a kötelező szerződés elfogadása után végbemegy a Stripe-fizetés. Ezzel a megoldással teljesen megszabadulsz a kézi adminisztrációtól: a rendszer automatikusan számolja a biztosítási díjakat és árazza a komplex csomagokat, így a kifizetett összeg és a végleges adatlap egyszerre érkezik meg a fiókodba.

Program és csomag
8
Lépés a varázslóban
6
Biztosítási díj-kombináció
24
Fizetés
Stripe

02 — Az adatgyűjtő térkép

Az automata letöltés, amely azonnal e-mail címre váltja az ajándékot

Dühítő, amikor felrakod a weboldaladra a legértékesebb anyagaidat, a látogatóid elolvassák, majd bezárják az ablakot, te pedig sosem tudod meg, kik voltak ők. A Rollio oldalán a programlista alatt egy kártya várja őket egy letölthető Madrid-térképpel. Amikor a látogató fölé viszi az egeret, a kártya kibővül, és a térkép leírása mellett feltűnik a letöltés gombja. A kattintás után felbukkanó ablakban mindössze két mező – név és e-mail cím – jelenik meg, amit a látogató azonnal kitölt.

A beküldés pillanatában a rendszer elindítja a letöltést a látogató gépén, az adatokat pedig azonnal továbbítja a Rollio csapatának. Ezzel a beépített folyamattal a térkép automatikus érdeklődő-gyűjtő eszközként dolgozik a háttérben: a látogató megkapja az értékes anyagot, te pedig rögtön megkapod az e-mail címét.

Digitális termék
1 letölthető Madrid-térkép
Hozzáféréshez kért adat
Név + e-mail cím
Kártya-interakció
Hoverre kibontott előnézet

03 — Amire épül

A rendszer, ami elkészíti a szerződést és naplózza a jóváhagyást

Amikor a vendég megadja a saját és akár négy útitársa adatait, az oldal azonnal elkészíti a nevére szóló szolgáltatási szerződést. A látogató a választható három nyelv (magyar, angol, spanyol) közül rábök az egyikre, a kód pedig a legenerált szerződéssel együtt a teljes utat a kijelölt nyelven állítja össze. A létszám megadásánál a kerekesszékes utast külön kategóriába kattinthatják be, így a speciális járműigényeket azonnal, automatizáltan látod. A rendszerben a szerződés elfogadása kötelező lépés a fizetés előtt: az érdeklődőnek le kell töltenie az anyagot, és egy jelölőnégyzettel jóvá kell hagynia a feltételeket, különben a program senkit sem enged tovább.

Ha később bárki vitatja a leírtakat, te megkeresed az admin-felületeden az adott foglalást. A letöltés pillanatában a program a háttérben dolgozik, és azonnal rögzül a naplózott bizonyíték 3 eleme (IP-cím, böngésző-azonosító, időbélyeg), ami pontosan megmutatja, honnan és milyen eszközről indította a vendég a kérést, és mikor. Mivel az oldal mindent magától elvégez, végleg lezárhatod a papírok kézi küldözgetését és az aláírásokra való hosszú várakozást. Egy esetleges reklamációnál a visszakereshető, elektronikus dokumentáció azonnal ott van a kezedben.

Nyelv
3
Kötelező lépés a fizetés előtt
A szerződés elfogadása
Naplózott bizonyíték
IP-cím, böngésző-azonosító, időbélyeg
Külön kezelt vendégtípus
Kerekesszékes utas

0

kézzel intézett szerződés a foglalási folyamatban. A programválasztástól a szerződés elfogadásáig és a fizetésig minden lépés egyetlen, saját kódolású rendszerben fut.


Az eredmény

Nyolc program, biztosítás és digitális szerződés egyetlen végigkövethető útra fűzve

A látogató egyszerűen bejelöli a nyolc program valamelyikét, megadja a területet és az időtartamot az Escapadas Plus biztosításhoz, elfogadja az automatikusan legenerált szerződést, majd kifizeti a végösszeget a Stripe-on – mindezt egyetlen, végigkövethető folyamatban.

A folyamat pontosan hat lépésen fut végig magyar, angol vagy spanyol nyelven: a vendég a programválasztástól a szerződés elfogadásáig egyetlen felületen marad, a fizetést pedig Stripe-on keresztül zárja le. Ugyanez a felület kínálja fel neki a letölthető digitális térképet is, nem egy külön boltban. Te egy teljesen lezárt, kifizetett foglalást látsz a gépeden, anélkül, hogy egyetlen papírt kézzel elküldtél volna.


Dizájn-rendszer

Az arany akcent és a mély éjkék.

Az oldal a Rollio arany (#D4AF37) és brand-éjkék (#1A2A3A) párosára épül. A címsorok Cormorant Garamond-dal, a szövegtörzs Montserrat-tal fut.

#D4AF37Rollio arany
#1A2A3ABrand-éjkék

Cormorant Garamond

Címsor-betűtípus · 400 · 600 · 700

Árvíztűrő tükörfúrógép

Montserrat

Törzsszöveg-betűtípus · 400 · 500 · 700

Árvíztűrő tükörfúrógép


Mobil

A hatlépéses varázsló telefonon is végigvezet a foglaláson.

A mobil nézetben a főoldal és a foglalási varázsló első lépése ugyanazt az arany-éjkék világot és érintésre optimalizált vezérlést kapja, mint az asztali felület.

A Rollio De Madrid főoldala mobilnézetben
A Rollio De Madrid foglalási varázslójának első lépése mobilnézetben

Scroll to Top