Rendelői honlap és időpontfoglaló
Rendelői honlap, ahol a bizalom az első kattintásnál kezdődik
Dr. Kaszás Beáta pécsi pszichiáter szakorvos magánrendelésének honlapja és online időpontfoglalója. A páciens regisztráció nélkül, néhány lépésben foglal; az orvos saját kezelőfelületen, fejlesztő nélkül állítja a rendelési időt, az árakat és a levelek szövegét. Egyedi webalkalmazás, nem sablonoldal.
- Szerepem
- igényfelmérés, tervezés, fejlesztés, üzemeltetés
- Élesben
- 2026. október 1. óta
- Terjedelem
- 13 nyilvános oldal · 22 lapos kezelőfelület
- Alapok
- Next.js · PostgreSQL · Vercel
Gyors, biztonságos, és az orvos kezében van
A sebességet az élő oldalon mértem; a többi szám a projekt saját ellenőrzéseiből származik.
100/100
mind a négy Lighthouse-mutató asztali gépen
Teljesítmény, akadálymentesség, jó gyakorlatok, keresőbarátság. A szigorúbb mobil profilon a teljesítmény 93, a másik három 100.
858
automatikus teszt minden változtatás előtt
709 egységteszt és 149 teszt valódi böngészőben, egy 39 lépéses ellenőrző kapu részeként.
0süti
nincs sütisáv, mert nincs mit elfogadni
Nincs látogatáskövetés; a betűk és a térkép is a saját tárhelyről töltődnek, a böngésző nem fordul külső szolgáltatóhoz.
5 → 1
öt egyidejű foglalásból pontosan egy jön létre
A dupla foglalást maga az adatbázis zárja ki, akkor is, ha többen ugyanabban a pillanatban kattintanak.
36óra
ennél régebbi mentéssel új változat nem telepíthető
Minden éjjel titkosított mentés készül, és a rendszer mindegyiket próbaképp vissza is állítja.
22lap
saját kezelőfelület az orvosnak
Rendelési idő, árak, határidők, levelek, kérdőív, gyakori kérdések – fejlesztő nélkül, kétlépcsős belépéssel.
Érzékeny adat, bizalmi helyzet
Egy pszichiátriai rendelés honlapján az első benyomás és az adatbiztonság ugyanannyit számít. Aki időpontot foglal, sokszor nehéz helyzetben teszi: nem akar regisztrálni, sütisávokat kattintgatni, és tudni szeretné, mi történik az adataival.
Az orvosnak közben olyan eszköz kell, amellyel a rendelési időt, az árakat és a páciensnek menő leveleket maga tartja kézben – úgy, hogy az egészségügyi adat végig védett marad.
Nyugodt felület, szigorú háttér
A foglalás regisztráció nélkül, négy lépésben megy végig, csak a valóban szabad időpontokat mutatja, és e-mailben visszaigazolást, emlékeztetőt és egy kattintásos lemondási lehetőséget ad.
A háttérben a kérdőív és az üzenetek titkosítva tárolódnak, az adat az Európai Unióban marad, és a rendszer óránként magától törli, aminek lejárt a megőrzési ideje. A kezelőfelületre jelszó és telefonos kód együtt enged be.
Négy mutató, négy százas
Az élő főoldalt a Google mérőeszközével, a Lighthouse-zal mértem. A pontszám 0-tól 100-ig terjed; 90 fölött számít jónak.
Teljesítmény
Akadálymentesség
Jó gyakorlatok
Keresőbarátság
- Fő tartalom megjelenése
- 0,6 mpa jó érték 2,5 mp alatt van
- Akadás betöltés közben
- 0 msa jó érték 200 ms alatt van
- Elrendezés elmozdulása
- 0a jó érték 0,1 alatt van
- Az oldal súlya
- 615 KBminden fájl együtt
Teljesítmény
Akadálymentesség
Jó gyakorlatok
Keresőbarátság
- Fő tartalom megjelenése
- 3,0 mpa jó érték 2,5 mp alatt van
- Akadás betöltés közben
- 10 msa jó érték 200 ms alatt van
- Elrendezés elmozdulása
- 0a jó érték 0,1 alatt van
- Az oldal súlya
- 502 KBminden fájl együtt
Mérés: Lighthouse 12.8.2, 2026. 10. 06., asztali és mobil profillal. Mért oldal: főoldal (https://drkaszasbeata.hu/). Profilonként három futás, az oldalon a középső szerepel. A mobil profil lassú hálózatot és gyengébb processzort szimulál, ezért szigorúbb az asztalinál.
A pácienstől az orvosig
Időpontfoglalás regisztráció nélkül
Alkalom, időpont, adatok, visszaigazolás – négy lépés, és a páciens kezében van az időpont. Új páciensnél egy rövid szűrőkérdőív is része a folyamatnak.
- Csak a valóban szabad időpontok látszanak; ünnepnapon magától nincs foglalható sáv
- Visszaigazolás és emlékeztető e-mailben, lemondás a levélből egy kattintással
- A foglalás JavaScript nélkül is működik
Telefonra tervezve, mindenkinek
A látogatók többsége telefonról érkezik, ezért az oldal először kis képernyőre készült, és onnan nőtt fel asztali méretre.
- 320 képpont szélességig tesztelve
- Akadálymentesség gépi méréssel minden nyilvános oldalon, asztali és telefonos nézetben
- Krízis-elérhetőség minden oldal alján
Az orvos maga kezeli
A kezelőfelületen egy képernyőn látszanak a következő időpontok, és minden beállítás azonnal megjelenik a foglalón. A képen kitalált mintaadat szerepel.
- Rendelési idő, szabadság, rendkívüli nyitás
- Árak, fizetési módok, foglalási és lemondási határidők
- A kimenő levelek, a szűrőkérdőív és a gyakori kérdések szerkesztése
- Minden laphoz súgó és képes kézikönyv
Adatvédelem a felépítésben, nem utólag
Az érzékeny adat védelme az első naptól meghatározta a rendszer felépítését: mit kérünk el egyáltalán, hol tároljuk, és mikor töröljük.
- A kérdőív és az üzenetek titkosítva tárolódnak
- Az adatbázis, a futtatás, a levélküldés és a mentés is az Európai Unióban van
- A lejárt adatot a rendszer óránként, magától törli
- Egészségügyi adat nem kerül levélbe és naplóba
Amit az indulásig csiszoltam
A fejlesztés közben több döntés szigorodott – a megrendelő kérésére vagy a saját átvilágításaim nyomán.
| Terület | Előtte | Utána |
|---|---|---|
| Elkért adatok | a terv TAJ-számot és születési dátumot is kért | csak az, ami a foglaláshoz kell |
| Térkép | külső szolgáltatótól töltődött | statikus kép a saját tárhelyről |
| Szövegek, levelek, kérdőív | módosításhoz fejlesztő kellett | az orvos maga szerkeszti |
| Foglalási határidő | rögzített: legkésőbb 24 órával előtte | az orvos állítja, akár 30 perccel előtte |
| Mentés | egy helyen | titkosított másodpéldány másik gépen is |
| Böngészős tesztek futásideje | 363 másodperc | 166 másodperc |
Néhány további képernyő
Mérhető lépések az igényfelméréstől az élesítésig
Igényfelmérés
14 fejezetes kérdőív és két látványterv után született meg a megvalósított irány.
Előbb a teszt
Minden funkció egy elbukó teszttel kezdődik. A teszteket szándékos rontással is próbára teszem: ha a hibát nem veszik észre, újraírom őket.
Kapuzott élesítés
Új változat csak zöld tesztekkel és friss mentéssel megy ki; utána a rendszer visszaméri, hogy a látogató valóban az újat kapja.
Átvilágítás és döntésnapló
Az indulás előtt két teljes, független átvilágítás készült. Minden tervezési döntésnél le van írva, miért született és mi őrzi.
- 39
- lépéses ellenőrző kapu
- 106
- leírt tervezési döntés
- 199
- lezárt feladat
- 55
- adatbázis-változtatás, verziókövetve
- 13
- nyilvános oldal
Amire építettem
Külső követő és harmadik féltől betöltött elem nincs az oldalon.
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS
- PostgreSQL (Supabase, Frankfurt)
- Vercel
- Brevo levélküldés
- Kétlépcsős belépés
- Playwright
- Vitest
- axe-core
- GitHub Actions
- UptimeRobot
Hasonló feladat előtt áll?
Írja meg, mire van szüksége, és megmutatom, mit jelentene ez az Ön vállalkozásánál – mérhető célokkal, kipróbálható bemutatóval.