Esettanulmány A stúdió korábban egy külső szolgáltató eltérő színű ablakában, kézzel egyeztetve foglalt időpontot. Kiszabadítottam a foglalást: a saját kódból épített, négylépéses varázsló a márka arany-szilva világában tartja a vendéget, és az időpontokat is automatikusan osztja be. Az ügyfél Szabó Alexandra terapeuta Budapesten, a Bécsi úton fogadja a vendégeket. A Klimessence Signature saját szavaival testi regeneráció, belső stabilitás és tudatos jelenlét köré épül – ehhez tíz kezelés tartozik három csoportban: Fohow terápia, Arckezelések, Energetikai kezelések. A korábbi oldalon a foglalás egy külső szolgáltató (minup.io) felugró ablakában zajlott, más betűtípussal és más színekkel, mint a saját weboldal. Ezt váltottam ki egy saját fejlesztésű foglalási rendszerrel, ami végig a Klimessence arany-szilva világában marad. 01 — A foglalási varázsló A korábbi, elütő színvilágú felugró ablakot lecseréltem, így a jelenlegi felület egy teljesen saját fejlesztés a külső beágyazás helyett. Mindössze 4 lépés a varázslóban a teljes folyamat: a vendég elsőként a Fohow terápia, az Arckezelések vagy az Energetikai kezelések listájáról választ a 10 elérhető kezelés közül. Ha rábök egy 90 perces időpontra, a képernyő azonnal 90 perces tömbökben jeleníti meg neki a szabad helyeket. A harmadik pontnál beírja az adatait, a negyedikben pedig átnézi az összegzést és véglegesíti a fizetést. Az idősáv-motor pontosan a kezelés hosszához igazítja a rácsot, így egyáltalán nem kell manuálisan figyelned, hogy a naptáradban ütköznek-e a kérések. Amikor a vendég két szolgáltatást kattint össze összesen mondjuk 80 percben, az oldal automatikusan átrendezi a rácsot, és onnantól 15 perc a legkisebb időlépés. A motor magától úgy osztja be a napodat, hogy sosem marad kihasználatlan rés a következő érkezőig, a látogató pedig végig csak a valóban szabad, foglalható időpontokat látja. 02 — A visszaigazolás útja Példa egy visszaigazolt foglalásra Amikor a vendég a varázsló negyedik lépésében kifizeti a bankkártyás előleget a Stripe-on keresztül, a háttérben azonnal mozgásba lép a rendszer. A tranzakció másodpercében a kezelés pontos időpontja automatikusan bekerül Szabó Alexandra Google Naptárába. Sok szolgáltatónál ez papíralapú átvezetéssel vagy külön naptár-egyeztetéssel járna – itt ez kimarad: az időpontokat az egyedi kódolás rögzíti, végleg kiiktatva a dupla adminisztrációt. A naptár bejegyzésével pontosan egy időben a rendszer két e-mailt is kiküld: egyet a vendégnek, egyet pedig a terapeutának. A vendég a telefonját nézve azonnal megkapja a végleges megerősítést, teljesen kiváltva az egyeztető telefonhívásokat és a bizonytalan várakozást. A terapeuta eközben egy kész, naprakész beosztásra nyitja meg a saját alkalmazását, ahol a háttérfolyamat már mindent a helyére tett. 03 — Amire épül Sok szolgáltató havonta fizet egy idegen naptárprogramért, amibe nem tud belenyúlni. A kész, dobozos foglaló-bővítmények a fizetést és a naptár-szinkront is tudják, de az időbeosztás logikájába (hogy egy 90 perces és egy összerakott 80 perces kezelés más lépésközzel fusson) és a márka saját arculatába nem lehet beleírni. Ezt a rendszert ezért teljesen az alapoktól, 9 önálló PHP-modulból – egymástól független, egyedi kódrészletből – építettem fel, így az időpontok lekötése és az extra funkcióként beépített bérletvásárlás is közvetlenül az oldaladon fut. Amikor Szabó Alexandra reggel ránéz a beérkezett adatokra, a jelszava beírása után nyílik meg neki a felület; ha pedig bárki más kattint a linkre, a rendszer azonnal kilöki egy üres bejelentkező képernyőre. Egy apró betűs, nehezen kezelhető űrlapon a látogatók a telefonjukat nyomkodva hamar feladják a gépelést, te pedig fizető ügyfeleket veszítesz. Ezt a varázslót lefuttattam egy gépi akadálymentességi auditon (WCAG 2.2 AA szabvány), ahol tiszta eredménnyel, kritikus vagy súlyos hiba nélkül ment át. A gyakorlatban ez annyit jelent: ha az érdeklődőd rosszul lát, és egér helyett a billentyűzettel vagy egy képernyőolvasó programmal lépked előre, ő is pontosan ugyanúgy le tudja foglalni az időpontját. 0 fizetős foglaló-bővítmény a rendszerben. Nem utalsz minden hónapban külső cégeknek egy dobozos programért, mert az oldalad önállóan elvégzi a munkát. A saját kódodba beépítve kapod meg a foglalási varázslót, az idősáv-motort, a Stripe-integrációt, a Google Naptár-szinkront és a bérletvásárlást. Az eredmény Amikor a látogató kiválasztja a kezelést, a foglalási folyamat négy lépése ugyanabban a sötét szilva és arany színvilágban épül fel előtte, mint a főoldal. A foglalás felülete átveszi az oldal elegáns Bodoni betűtípusait, a beágyazott folyamat pedig teljesen egybeolvad a környezetével. A vendég úgy görget a szabad időpontok között és gépeli be az adatait, hogy végig a márka saját, felépített terében mozog. Az időpontfoglalás így elveszíti rideg, szoftveres jellegét. A folyamat már a képernyő előtt azt a zavartalan nyugalmat vetíti előre, ami a tényleges kezelésen várja. Dizájn-rendszer Az oldal a Klimessence arany (#E3C08D) és sötét szilva (#1A1423) párosára épül. A címsorok Bodoni Moda-val, a szövegtörzs Manrope-pal fut. Bodoni Moda Címsor-betűtípus · 400 · 700 · 800 Árvíztűrő tükörfúrógép Manrope Törzsszöveg-betűtípus · 400 · 500 · 700 Árvíztűrő tükörfúrógépKlimessence Signature
Testet regenerál, arcot fiatalít, energiát rendez.
Saját kódolású foglaló, ami üresjáratok nélkül tölti fel a naptáradat.
A sikeres fizetés pillanatában az összes adminisztráció a helyére kerül.
Egyetlen zárt rendszer futtatja a foglalásokat, havidíjak nélkül.
A vendég úgy foglal időpontot, hogy egy pillanatra sem hagyja el a szalon világát.
A márka aranya és betűtípusai.
#E3C08DKlimessence arany
#1A1423Sötét szilva
