Fokisuli AutósiskolaKexDesign
Fokisuli.hu – új, letisztult menüfatervezet

Kevesebb menüpont, átláthatóbb weboldal, erősebb tartalmi oldalak

A jelenlegi sitemap alapján a weboldalon sok olyan külön URL található, amely valójában ugyanahhoz a témához tartozik. Az új HTML5 felépítés célja, hogy a látogató gyorsabban megtalálja a neki való képzést, a tulajdonos pedig egyszerűbben tudja kezelni az oldalt.

61jelenlegi sitemap URL
7javasolt fő menüpont
~70%kevesebb menüszintű zavar
HTML5stabil, gyors, nehezen széteső alap

Mi a gond a jelenlegi szerkezettel?

A jelenlegi oldal sok különálló menüpontból és aloldalból áll. Ez elsőre részletesnek tűnik, de a látogatónak könnyen túl sok választási lehetőséget ad.

  • Külön oldalon szerepel sok motoros átváltás és bővítés.
  • Külön oldalon vannak az árak kategóriánként.
  • A GKI képzések sok apró aloldalra vannak szétbontva.
  • A galéria, oktatóink, iskoláink, járműveink külön-külön menüpontként jelennek meg.
  • A vizsgafeladatok kategóriánként külön URL-en vannak.

Mi lenne az új logika?

Nem kidobni kell a tartalmat, hanem összevonni. Így kevesebb főoldal lesz, de azok tartalmasabbak, átláthatóbbak és jobb belső szekciókkal működnek.

  • Főoldal
  • Képzéseink
  • Motoros jogosítvány
  • GKI képzések
  • Árak
  • Vizsgafeladatok
  • Kapcsolat
Lényeg: a régi 61 linkből nem 61 menüpont készülne, hanem 7 fő menüpont, azokon belül jól tagolt tartalmi blokkokkal.

Javasolt új menüfa – vizuális felépítés

Fokisuli.hu

Új HTML5 alapú, letisztult szerkezet. A főmenü rövid, a tartalom mégis részletes marad.

1. Főoldal

nyitóoldalbizalomépítésgyors választás
Legfontosabb képzésekB, motor, GKI, C/CE kiemelés
Gyors jelentkezéstelefon, űrlap, e-mail
Előnyökmiért a Fokisuli?
Aktuális információktanfolyam, e-learning, árak

2. Képzéseink

összevont kategóriaoldalAM / B / BE / C / CE / D
AM kismotorrövid leírás + jelentkezés
B személyautóa legfontosabb fő képzés
BE, C, CE, Dprofesszionális kategóriák
C + CE kombináltegy helyen bemutatva

3. Motoros jogosítvány

A1 / A2 / Aátváltásokbővítések
A1 125 ccmönálló és B-vel meglévő lehetőség
A2 motoralapképzés és átváltás
A korlátlanteljes motoros jogosítvány
Átváltási szabályok1 éven belül, 2 éven túl

4. GKI képzések

teherautóautóbusztovábbképzés
GKI alapképzésteherautó és autóbusz
GKI továbbképzéslejáró igazolvány esetén
Vizsga nélküli GKIkülön blokkban magyarázva
Összevont képzésekC/D kombinációk egyszerűen

5. Árak

egy központi árlistakategóriánként rendezve
Motoros árakAM, A1, A2, A
Autós árakB és BE
Teher / busz árakC, CE, C+CE, D
Hatósági díjakkülön, érthetően jelölve

6. Vizsgafeladatok

egy oldalkategória szerinti szűrés
M / A vizsgafeladatokmotoros feladatok egy helyen
C / CE / D vizsgafeladatokprofi kategóriák egy helyen
B változásokarchív, de hasznos tartalom
VizsgaéletkorPDF helyett HTML-be építhető

7. Kapcsolat

kapcsolatrólunkbizalom
Elérhetőségektelefon, cím, e-mail, nyitvatartás
Oktatóinkbemutatkozó kártyák
Iskoláinkhelyszínek, címek
Járműveink / galériabizalomépítő képek

Konkrét összevonási javaslat

Jelenlegi sok aloldalÚj oldalTulajdonosi magyarázat
AM, B, BE, C, CE, D, C+CEKépzéseinkA látogató egy helyen látja az összes fő jogosítvány-kategóriát.
A1, A1 B-vel, A2, A, A1→A2, A2→AMotoros jogosítványA motoros képzések külön világot alkotnak, ezért érdemes egy erős motoros oldalba rendezni őket.
GKI teherautó, busz, alapképzés, továbbképzés, vizsga nélküliGKI képzésekA GKI-t keresők nem szeretnének 8-10 menüpont között bolyongani; egy jól tagolt oldal jobb.
Kategóriánkénti ár oldalakÁrakEgy központi árlista könnyebben frissíthető, és a látogató is gyorsabban összehasonlít.
Vizsgafeladatok M, A, C, CE, DVizsgafeladatokEgy oldal, kategória szerinti blokkokkal vagy gombokkal.
Galéria, oktatóink, iskoláink, járműveinkKapcsolat / Rólunk blokkEzek bizalomépítő tartalmak, nem feltétlenül külön főmenüpontok.

Fejléc, lábléc és információs sáv include rendszerben

Az új HTML5 oldal nem úgy készülne, hogy minden egyes oldalon külön-külön kézzel szerepel a fejléc és a lábléc. Ehelyett közös fájlokból lehet behúzni ezeket a részeket.

header.html
logó, főmenü, telefonszám, jelentkezés gomb
aktuális oldal tartalma
például: Képzéseink, Árak, GKI képzések
info-sav.html
lábléc feletti kiemelt sáv: „Kérdésed van? Hívj minket!”

Miért jó ez a tulajdonosnak?

Ha változik a telefonszám, cím, nyitvatartás vagy egy fontos üzenet, nem kell 7–20 HTML fájlban kézzel átírni. Elég egy közös fájlt módosítani.

Példa: ha a telefonszám a fejlécben és a láblécben is szerepel, akkor a header.html és/vagy footer.html módosításával az összes oldalon egyszerre frissül.

Ez gyorsabb, biztonságosabb és kevesebb hibalehetőséget jelent. Nem fordul elő, hogy az egyik aloldalon régi telefonszám marad, a másikon pedig már az új szerepel.

<!-- Példa PHP include-os HTML5 szerkezetre -->
<?php include 'includes/header.php'; ?>

<main>
  Itt van az adott oldal egyedi tartalma.
</main>

<?php include 'includes/info-sav.php'; ?>
<?php include 'includes/footer.php'; ?>

1. Látogatói előny

A látogató nem menüpontokat akar elemezni, hanem gyorsan választ szeretne: milyen jogosítvány kell, mennyibe kerül, mikor indul, hogyan jelentkezhet.

2. Keresőoptimalizálási előny

A rövid, erős, tartalmas oldalak sokszor jobbak, mint sok vékony, egymáshoz nagyon hasonló aloldal. A tartalom nem tűnik el, csak jobb helyre kerül.

3. Üzemeltetési előny

HTML5 + közös include elemek mellett a weboldal gyors, stabil, könnyen menthető, és kevésbé függ bonyolult rendszerektől.

Javasolt új fájlszerkezet

/index.php                       - Főoldal
/kepzeseink.php                  - AM, B, BE, C, CE, D, C+CE
/motoros-jogositvany.php          - A1, A2, A, átváltások
/gki-kepzesek.php                 - GKI alapképzés, továbbképzés, vizsga nélküli
/arak.php                         - minden ár egy központi oldalon
/vizsgafeladatok.php              - M, A, C, CE, D vizsgafeladatok
/kapcsolat.php                    - kapcsolat, oktatóink, iskoláink, járműveink

/includes/header.php              - közös fejléc és menü
/includes/info-sav.php            - lábléc feletti információs sáv
/includes/footer.php              - közös lábléc
/assets/css/style.css             - közös megjelenés
/assets/js/main.js                - mobil menü, apró interakciók
/assets/images/                   - képek, ikonok, logók