CASE STUDY / Rózsaüveg.hu
Rózsaüveg.hu: egyedi foglalási és ügyfélrendszer Next.js alapon
Nem egy új sablont készítettünk, hanem a Rózsaüveg mindennapi működéséhez illeszkedő digitális rendszert.
Kiinduló helyzet
A Rózsaüveg élményfestéseket, egyedi alkotásokat és ajándékutalványokat kínál. A korábbi WordPress-, WooCommerce- és Amelia Booking-alapú megoldás működő kiindulópont volt, de a foglalás, a fizetés, a bizonylatolás, a képek, az ügyfélkommunikáció és a napi adminisztráció több különálló eszköz között oszlott meg.
A következő fejlődési szakasz célja nem a régi rendszer ráncfelvarrása volt. Egy olyan saját alkalmazás készült, amelyben a nyilvános oldal és a belső üzleti folyamat ugyanazt a megbízható adatmodellt használja.
Az új rendszer röviden
A Rózsaüveg.hu új felülete egy egyedileg fejlesztett, kétnyelvű Next.js alkalmazás. Az események, a szabad helyek, a foglalások, a webshopos termékek, az utalványok és a kapcsolódó ügyfélkommunikáció egy közös rendszerben működnek.
Az ügyfél oldalán
- események és szolgáltatások magyarul és angolul;
- átlátható, 24 órás időformátumú foglalási folyamat;
- online bankkártyás, helyszíni és élményutalványos fizetési lehetőség;
- webshop valódi fizikai termékekhez és élményutalványokhoz;
- egyértelmű visszaigazolások, naptárbejegyzés és utólagos önkiszolgáló ügyintézés.
Az üzemeltető oldalán
- közös adminfelület eseményekhez, helyszínekhez, foglalásokhoz, termékekhez és tartalomhoz;
- férőhely-kezelés és auditálható foglalási állapotok;
- Stripe fizetési folyamat és Számlázz.hu bizonylatolás összehangolva;
- R2-alapú, optimalizált médiafeltöltés;
- automatikus szervezői lista és célzott résztvevői kommunikáció.
Miért jobb ez a Rózsaüveg számára?
Ez nem általános állítás a WordPressről. A kérdés az volt, hogy a Rózsaüveg saját működéséhez melyik alap ad kevesebb kézi átadást és több kontrollt.
Kevesebb egymásra épülő bővítmény
A foglaláshoz nem kell külön booking add-on, a termékvásárláshoz és utalványhoz nem kell egy másik kereskedelmi bővítmény köré épített egyedi összekötés. A kritikus üzleti szabályok — férőhely, fizetési státusz, utalvány-beváltás, lemondás és értesítés — a saját alkalmazásban, együtt kezelhetők.
Ez egyszerűbbé teszi a hibakeresést és csökkenti annak esélyét, hogy két plugin közötti változás váratlanul megtörjön egy ügyfélfolyamatot.
Kisebb, tudatosabban kezelt támadási felület
Egy pluginokkal bővített rendszerben minden komponens saját frissítési, jogosultsági és kompatibilitási felületet jelent. Az új rendszerben a publikus és adminisztratív funkciók elkülönülnek, a kritikus műveletek szerveroldali ellenőrzést kapnak, a hozzáférések pedig szerepkörhöz kötöttek.
Nem ígérünk feltörhetetlen weboldalt. A cél a fölösleges kitettség csökkentése, a frissítések átláthatóbb kezelése és az, hogy a biztonsági kontrollok a valódi üzleti folyamatokhoz igazodjanak.
A plakátkészítés is a folyamat része lett
Egy új eseményhez a rendszer A4-es, nyomtatható plakátot és Facebook-bejegyzéshez illő képet tud készíteni. Az esemény címe, ideje, rövid leírása, a festmény, a helyszín képe és a foglalási QR-kód a kezelt adatokból épül fel.
Ez nem zárja ki a kreatív tervezést, de a rendszeres eseménykommunikációhoz nem kell minden alkalommal külön Canva-anyagot összeállítani. A tartalom szerkeszthető marad, a kiinduló anyag pedig következetesen elkészül.
Azóta: a rendszer működés közben nőtt
Az első kiadás óta a Rózsaüveg valós használatából jöttek a következő fejlesztések. Ezek mind a meglévő adatmodellre épülnek, nem külön eszközök.
Képek, amelyek a résztvevőket is védik
Az élményfestések galériája a rendszer része lett: a nyitóoldalon festménygaléria jelenik meg, az eseménygaléria pedig véletlen sorrendben mutatja a képeket, és tiszteletben tartja a csökkentett mozgás beállítást. A fotók feltöltése tömegesen is lehetséges, az iPhone-os (HEIC) képeket is kezeli.
A feltöltés része az arcellenőrzés: a rendszer felajánlja a felismert arcok elmosását, a végső döntést viszont mindig ember hozza meg, jóváhagyási sorban. Ha valaki nem szeretne a képeken szerepelni, a kép eltávolítható. Ez a résztvevők védelmét szolgálja, és nem csupán technikai kényelem.
Havi naptár és eseménykommunikáció
A rendszer az eseményadatokból képes havi naptárat és Facebook-flyert készít, a kapcsolati adatokkal együtt, nyomtatható formában. A plakátok több verziója is kezelhető.
A résztvevők felé emlékeztető levelek mennek (a helyszínen fizetők megerősítésére is), a lejáró élményutalványokra pedig külön figyelmeztetés. A szervezőnek az esemény előtti napon névsor érkezik, a helyszínen kézzel felvett résztvevők is rákerülhetnek.
Szavazások és igényfelmérés
A külső űrlapokat saját, kétnyelvű szavazó- és igényfelmérő modul váltotta ki. A válaszadó e-mailben megerősíti a szavazatát, a hozzájárulásai külön kezelhetők, a szavazás lezárása után pedig eredményértesítés megy. A nyilvános űrlapokat robotok ellen védelem is óvja.
Pénzügy a mindennapokban
A helyszíni készpénzes fizetéshez nyugta adható ki a rendszerből, a Számlázz.hu-val összehangolva. A számlázási visszajelzések feldolgozása automatikus és ismétlésbiztos. Az adminban eseményenként áttekinthető, hogy egy alkalom mit hozott és mibe került, így a döntések nem megérzésre épülnek.
Telefonról is kényelmes
Az admin mobilon is használható, a nyilvános oldal fejléce is a telefonos használatra lett finomítva, a dátum- és időválasztás pedig egységes lett.
Mérés, hozzájárulás nélkül nem
A süti-hozzájárulást külön banner kezeli: amíg a látogató nem járul hozzá, semmilyen mérőkód nem fut. A hozzájárulás után a forgalom- és hirdetésmérés (az online vásárlás visszamérésével együtt) működik, a saját, belső látogatásokat pedig nem IP-cím alapján szűrjük ki a statisztikából. A keresőmotorokat az új tartalomról a rendszer értesíti, az események strukturált adatot, a megosztott linkek saját előnézeti képet kapnak.
Jog és adatvédelem
A jogi dokumentumok (adatkezelés, ÁSZF, visszatérítés) az adminból szerkeszthetők, mindkét nyelven. Az ajándékutalványok is kétnyelvűen készülnek.
Üzembiztonság: nem elég, hogy működik
- Mentés és visszaállítás: a rendszer titkosított mentést készít, külső tárolóra másolja, a visszaállítást pedig izolált környezetben ki is próbáltuk.
- Ütemezett üzemi feladatok: emlékeztetők, mentés és napi üzemi riport automatikusan fut. A napi riport csak összesített adatokat tartalmaz, ügyféladatot nem.
- Felügyelet: a rendszer állapotát (adatbázis, levélküldés, mentés kora, időzített feladatok) folyamatosan figyeljük, és eltérésnél riasztás megy.
- Ellenőrzött kiadások: ütemezett, csak olvasó funkcionális tesztek és minden kiadás utáni füstteszt győződik meg arról, hogy a lényeges oldalak és űrlapok valóban működnek. A teljesítményt és az elérhetőséget minőségkapu is figyeli.
Biztonság és karbantartás
A rendszer több körben átvizsgálásra és javításra került (nyilvános végpontok, fizetés, admin hozzáférés). A függőségeket sérülékenységfigyelés kíséri, a titkok nem kerülnek a kódba, a keretrendszer és a csomagok naprakészek, a változtatások pedig csak kötelező automatikus ellenőrzés után jutnak az éles oldalra. Ez nem „feltörhetetlenség”: a cél továbbra is a fölösleges kitettség csökkentése és a folyamatos karbantartás.
Iteratív fejlesztés, ellenőrizhető kiadásokkal
A projekt rövid, értelmezhető csomagokra bontva haladt: először a kritikus foglalási és fizetési folyamatok, majd az adminisztráció, a média, az automatikus plakátok, a webshop és az utókövető kommunikáció.
Minden érdemi változás fejlesztői környezetben kapott ellenőrzést, ahol a valós használatból érkező visszajelzés alapján lehetett finomítani. Csak az ellenőrzött, jóváhagyott változat került az éles oldalra. Ez a megközelítés különösen fontos olyan rendszerben, ahol egy apró kényelmi döntés közvetlenül befolyásolja a foglalást és az adminisztrációt.
Az iteratív működés nem azt jelenti, hogy a rendszer állandóan kísérleti állapotban van. Azt jelenti, hogy a következő fejlesztési döntéshez valós használati tapasztalat áll rendelkezésre, a változtatások pedig visszakövethetők és ellenőrizhetők.
A technológia akkor jó, ha az üzletet tehermentesíti
A Rózsaüveg új oldala azért készült saját alkalmazásként, hogy kevesebb legyen a kézi összekötés, tisztábbak legyenek a folyamatok, és az új ötletek — például a szavazások, a promóciós utalványok és az eseménykommunikáció — a meglévő alapokra épülhessenek, és épültek is rá.
Hasonló rendszeren gondolkodik?
Ha a weboldala foglalást, értékesítést, fizetést, ügyfélkommunikációt vagy rendszeres tartalomgyártást támogat, érdemes nem csak a felületet, hanem a mögötte lévő folyamatot is megtervezni.