Így készült egy villa weboldala online foglalással, egyetlen promptból

Egy szálláshely weboldalán a hangulat ad el: a látogatónak már az első képernyőn éreznie kell, milyen lenne ott ébredni. Ezért egy olyan oldalt kértünk, ami lassú, finom animációkkal mutatja be a villát, és rögtön foglalási kéréshez vezet. Az első működő verzió egyetlen promptból, 6 perc 18 másodperc alatt elkészült, a végleges oldal négy finomító kör után, összesen kb. 11,5 perc generálással.

Megnézem a demo oldalt

A vállalkozás

Az Erdei villa egy domboldalon álló, fából, kőből és üvegből épült ház az erdő szélén. Egyszerre egy párt vagy egy kis társaságot fogad, kandallóval, fa terasszal, forró dézsával és szaunával.

Célcsoport

• Párok, akik egy-két csendes éjszakára szakadnának ki a városból.

• Wellness-hétvégét keresők, akiknek a szauna és a forró dézsa a fő szempont.

• Hosszabb pihenést tervezők, akik egy hétre vagy tovább maradnának.

A kihívás

Egy kis szálláshely nem tud versenyezni a nagy foglalási oldalak listáival, de hangulatban igen. Olyan oldal kellett, ami:

• látványos, prémium hatású, és a görgetés is élmény benne;

• csomagokba rendezi az ajánlatot, áttekinthető árakkal;

• pár lépésben foglalási kéréshez viszi a látogatót, közvetítői jutalék nélkül;

• és működik telefonon is, mert a legtöbben onnan nézelődnek.

Így készült

Az egyetlen prompt

„Készíts egy modern webodalt egy szálláshely számára ahol egy vill van modern legyen GSAP és Lenis segítségével tökéletes csodálatos animációkkal tele kérlek”

A prompt elírásokkal együtt, szó szerint így ment el. A Suara ebből is értette, mit szeretnénk.

Az első verzió egy körben elkészült: teljes képernyős nyitókép, simított görgetés és GSAP-animációk, bemutatkozás, galéria, a foglalás három lépése, három csomag árakkal és egy foglalási űrlap, ami adatbázisba menti a kéréseket. A villa képeit is a Suara készítette.

A 4 finomító kör

1. Szövegek és számozás: két elírást és egy értelmetlen mondatot javítottunk, a foglalási lépések pedig 01-től 03-ig számozódnak.

2. Sorköz a nyitóképen: az óriás címben két sor betűi összeértek, ezért kicsit nőtt a sorköz.

3. Az űrlap demo módja: kétszer kértük, hogy az űrlap ne mentsen adatot, de a mentés mindkétszer visszakerült. Végül megtartottuk, hiszen egy valódi szálláshelynek pont erre van szüksége.

4. Figyelmeztetés: a küldés gomb alá került egy rövid szöveg arról, hogy ez bemutató oldal, és ne adj meg valós adatokat.

Az eredmény

• Teljes képernyős nyitókép, simított görgetés és finom, görgetésre induló animációk

• Bemutatkozás, kiemelt idézet és galéria a nappaliról, a teraszról és a fürdőről

• Három csomag éjszakánkénti árral, egy kattintással a foglalási űrlapra

• Foglalási űrlap, ami adatbázisba menti a kéréseket

• Érkezési és távozási idők egy sávban, mobilon is jól használható elrendezés

Saját domainen is futhat

A kész oldal azonnal elérhető egy suara.to címen, de nem kell ott maradnia. A Suarában új domaint is vehetsz vagy a már meglévő domainedet is hozzákötheted. Ebben az esetben a Suara lépésről lépésre megmutatja, mit és hova kell bemásolnod.

Mennyi lett volna ez klasszikusan?

Hogy legyen viszonyítási alapunk, megbecsültük, mi kellett volna ugyanehhez az oldalhoz egy hagyományos, tervező és fejlesztő által végzett projektben:

• Brief és design (egyedi, prémium hatású oldal, 1–2 javítási kör): 8–16 munkaóra

• Fotók (fotózás vagy látványtervek a villáról és a csomagokhoz): 3–6 munkaóra

• Fejlesztés (reszponzív oldal, simított görgetés, GSAP-animációk): 16–28 munkaóra

• Foglalási űrlap adatbázissal: 4–8 munkaóra

• Szövegek: 2–4 munkaóra

• Tesztelés, élesítés, domain és tárhely beállítása: 3–5 munkaóra

Ez összesen nagyjából 35–65 munkaóra, és a visszajelzésekre várva jellemzően 2–4 hét naptári idő. Költségben ez egy egyedi designos, animált bemutatkozó oldalnál nagyjából 300–800 ezer forint. Ezzel a sávval a hazai piaci összesítések is egyeznek (1b.hu, 2026).

A klasszikus idő és költség becslés, a valós ár a szolgáltatótól, a tartalom mennyiségétől és a javítási körök számától függ.

Így fejlesztenénk tovább

• Admin felület, ahol egy listában látszanak a foglalási kérések

• E-mail-értesítés minden új kérésről

• Foglaltsági naptár, ami csak a szabad napokat engedi kiválasztani

Építsd meg a sajátodat

Ehhez nem kell webfejlesztő, elég egy mondat arról, mit szeretnél. A részletekre a Suara rákérdez. Kezdd ezzel a prompttal, és írd át a saját szálláshelyedre:

„Készíts egy modern weboldalt a [szálláshely típusa és helye] számára, látványos, görgetésre induló animációkkal. Legyenek rajta csomagok árakkal és egy foglalási űrlap.”

Indítsd ezzel a projekttel: az Erdei villa weboldalát sablonként is használhatod. A Suara vezérlőpultján kattints a Sablonok fülre, és keresd meg az „Erdei villa szálláshely” sablont. A Sablon használata gombbal saját másolatot kapsz belőle, amit promptokkal a saját szálláshelyedre szabhatsz. Megnyitom a sablont

Próbáld ki ingyen 14 napig