Bemutatkozó honlap újjáépítése
Öt oldalból tizennyolc: honlap, amely a jelentkezésig vezet
A pécsi MIÉRT Mozgásműhely honlapjának teljes újjáépítése. A megvásárolt sablonra épülő WordPress-oldal helyére saját kódból készült, előre elkészített oldalakból álló honlap került, új arculattal és új szerkezettel. Az új oldal az uj.miertmm.hu címen tekinthető meg, a fő címre kapcsolás előtt áll.
- Szerepem
- felmérés, szerkezet, arculat, fejlesztés
- Állapot
- kész, a fő címre kapcsolás előtt
- Terjedelem
- 18 oldal · 45 gyakori kérdés
- Alapok
- Next.js · statikus oldalak · Vercel
Könnyebb, gyorsabb, és többet mond
A sebességet az új oldalon mértem; a régi oldal adatai a munka előtti felmérésből származnak.
5 → 18
oldal – panasz és munkaforma szerint is van belépő
Megjelent az is, ami eddig hiányzott: az önálló terembérlés és az otthoni mozgásprogram.
98/100
teljesítmény a szigorú mobil profilon
Az akadálymentesség és a jó gyakorlatok pontszáma 100. Lassú hálózatot és gyengébb telefont szimuláló mérés.
27KB
ennyi adatban érkezik meg egy oldal
A teljes oldal a stílusával együtt. A böngészőben egyetlen, 18 KB-os saját szkript fut.
758
automatikus teszt, fedetlen elágazás nélkül
A kész oldalakat is tesztek nézik: főcímek, képleírások, belső hivatkozások, űrlapmezők.
252átirányítás
a régi címek egyike sem vész el
A keresőből, megosztásokból és könyvjelzőkből érkező látogató az új oldal megfelelő helyére jut.
0 → 18
oldalnak van saját keresőleírása és megosztási képe
A régi öt oldal egyikének sem volt leírása. Megosztáskor most az adott oldal címe és fotója jelenik meg.
Nehéz oldal, kevés belépővel
A régi honlap megvásárolt sablonra épülő WordPress-oldal volt. A kezdőlapja nagyjából 2,4 MB-ot nyomott, a keresőnek nehezen volt érthető, és mindössze öt oldalból állt.
Több szolgáltatás – az önálló terembérlés, az otthoni mozgásprogram – sehol nem szerepelt rajta, pedig a stúdió foglalórendszere már tudta őket.
Két út, egy cél
Az új oldal két irányból vezeti a látogatót: mi a panasza, és milyen formában tudna járni. Minden út ugyanoda fut ki: jelentkezés állapotfelmérésre.
Az oldalak előre elkészülnek, ezért gyorsan töltenek, és nincs mögöttük feltörhető szerkesztőrendszer. A jelentkezés előbb tartós naplóba kerül, csak utána megy róla levél – némán nem veszhet el.
Gyors telefonon is
Az új oldal kezdőlapját 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
- Fő tartalom megjelenése
- 0,9 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
- 0,001a jó érték 0,1 alatt van
- Az oldal súlya
- 363 KBminden fájl együtt
Teljesítmény
Akadálymentesség
Jó gyakorlatok
- Fő tartalom megjelenése
- 2,2 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
- 0,001a jó érték 0,1 alatt van
- Az oldal súlya
- 295 KBminden fájl együtt
Mérés: Lighthouse 12.8.2, 2026. 10. 06., asztali és mobil profillal. Mért oldal: kezdőlap (https://uj.miertmm.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 keresőbarátság pontszáma itt nem szerepel: az előnézeti cím a fő címre kapcsolásig szándékosan rejtve van a keresők elől, ezért az a mutató most nem mérvadó.
Amitől a látogató jelentkező lesz
Két irányból a jelentkezésig
A kezdőlap hat területkártyája a panasz felől indít, a három munkaforma pedig abból, hogy a látogató személyesen, önállóan vagy otthonról mozogna.
- Minden oldal ugyanahhoz a fő gombhoz vezet
- A meglévő vendégek belépője külön, másodlagos helyen van
- Minden területnek saját színe és saját gyakori kérdései vannak
Kalkulátorok találgatás helyett
A látogató maga számolja ki, mennyibe kerül neki egy óra, vagy mennyi egy otthoni mozgásprogram. Minden ár egyetlen forrásból jön, így sehol nem mondhat ellent önmagának.
- Óraár-kalkulátor: óratípus és bérlet szerint
- Mozgásprogram-összeállító: hetek és heti edzésszám szerint
- Egyperces, tájékoztató önellenőrzés az egyik területoldalon
A jelentkezés nem veszhet el
Az űrlap rövid, látható címkékkel. Sikert csak akkor jelez, ha a szerver valóban rögzítette és továbbküldte a jelentkezést; minden más esetben látható hibát ad.
- Minden beküldés előbb naplóba kerül, utána megy róla levél
- Óránkénti ellenőrzés jelez, ha egy levél nem ment ki
- Spamvédelem külső szolgáltatás nélkül
- Az űrlap és a menü JavaScript nélkül is működik
Telefonon is teljes értékű
A táblázatok mobilon soronként egymás alá törnek, a telefonszám egy érintéssel hívható, a képek a kijelzőhöz illő méretben töltődnek.
- Látogatottságmérés csak a látogató hozzájárulása után
- A betűk és a képek saját tárhelyről jönnek
- Ugrólink, oldalanként egy főcím, ellenőrzött kontrasztok
A régi és az új oldal számokban
A bal oldali kép a régi kezdőlap 2026 szeptemberében, a jobb oldali az új.
| Terület | Előtte | Utána |
|---|---|---|
| Oldalak száma | 5 | 18 és saját „nem található” oldal |
| Keresőleírás | az öt oldalból egynek sem volt | mind a 18 oldalnak van |
| Főcím oldalanként | 2–16 | pontosan 1 |
| Stílus és szkript a kezdőlapon | 602 KB, kb. 18 fájlban | kb. 136 KB, egyetlen szkripttel |
| Betűk | 9 betűcsalád | 2 család, saját tárhelyről |
| Oldaltérkép a keresőknek | nem volt | 18 cím |
| Látogatottságmérés | hozzájárulás nélkül indult | csak elfogadás után |
Részletek az új oldalról
Előbb mérés, aztán tervezés
Felmérés számokkal
A régi oldal súlyát, szerkezetét és keresőbeli állapotát lemértem, hogy az eredmény később összevethető legyen.
Egy adat, egy hely
Ár, elérhetőség, szabályok egy-egy forrásból jönnek. Gép ellenőrzi, hogy senki ne írja be őket kézzel máshova.
Előbb a teszt
Előbb megírom a tesztet, megnézem elbukni, utána jön a kód – végül szándékosan elrontom, hogy lássam, a teszt megfogja-e.
Kiadás visszaméréssel
Minden változtatás egy 20 lépéses automatikus ellenőrzésen megy át; kiadás után a rendszer maga ellenőrzi az élő oldalt.
- 758
- automatikus teszt
- 20
- lépéses ellenőrző kapu
- 252
- átirányítás a régi címekről
- 45
- gyakori kérdés egy helyen
- 18
- saját megosztási kép
Amire építettem
Az oldal mögött nincs adatbázis és nincs futó szerkesztőrendszer – ami nincs, azt feltörni sem lehet.
- Next.js 16 · statikus oldalak
- TypeScript
- CSS Modules
- Vercel
- Saját űrlapszerver
- Brevo levélküldés
- WebP képek több méretben
- Google Analytics 4 hozzájárulással
- Search Console
- Vitest
- Playwright
- GitHub Actions
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.