Az ipari szektor weboldalai jellemzően vagy túl technikaiak, vagy marketing szempontból gyengék. Az FHL.hu projekt célja az volt, hogy ezt a kettőt végre összehozzuk: egy olyan rendszer létrehozása, amely mérnöki pontossággal működik, miközben üzletileg is eredményt termel.
Letisztult ipari design – erős vizuális jelenlét és strukturált tartalom.
A kihívás: komplex ipari tartalom egyszerűen
Az FHL egy olyan vállalat, amely technológiákat, termékeket és vállalati folyamatokat mutat be. A kihívás nem az volt, hogy legyen egy szép oldal – hanem hogy nagy mennyiségű, komplex információ is átlátható maradjon.
Ezért egy olyan struktúrát terveztünk, ahol minden tartalom külön modulban él, mégis egységes rendszerként működik.
Architektúra: tiszta, moduláris rendszer
A weboldal teljes egészében framework nélküli PHP alapokra épült. A front controller (index.php) kezeli a routingot, a nyelvet és a tartalom betöltését.
- Moduláris include rendszer
- Fájl alapú többnyelvű működés
- Külön /pages struktúra minden tartalomhoz
- Központi header és footer kezelés
Ez a felépítés biztosítja a gyors fejlesztést, egyszerű karbantartást és teljes kontrollt a rendszer felett.
Többnyelvű rendszer: adatbázis nélkül
A legtöbb projekt feleslegesen bonyolult adatbázisos megoldást használ. Itt más utat választottunk: asszociatív tömbökben tárolt nyelvi fájlok.
Előnyei:
- villámgyors működés
- egyszerű bővíthetőség
- SEO-barát URL struktúra
- nincs adatbázis dependency
Teljesítmény: közel maximális PageSpeed
A rendszer a Google PageSpeed mérésén 98-as teljesítményt ért el, miközben a Best Practices 100 pont lett.
Ez nem véletlen. Tudatos döntések eredménye:
- framework-mentes működés
- minimalizált JavaScript
- WebP képek
- optimalizált cache szabályok
Biztonság és NIS2 szemlélet
Bár a weboldal önmagában nem tartozik a NIS2 irányelv hatálya alá, a fejlesztés során modern kiberbiztonsági elveket alkalmaztunk.
- Content Security Policy
- HTTP security headerek
- Session védelem (HttpOnly, SameSite, Secure)
- HTTPS kötelező használata
Ez a megközelítés minimalizálja a támadási felületet és hosszú távon stabil rendszert biztosít.
Funkcionális frontend
A felhasználói élmény nem animációk halmaza, hanem kontrollált működés:
- reszponzív hamburger menü
- scroll alapú animációk (IntersectionObserver)
- lightbox galéria
- dinamikus szűrés termékeknél
Összegzés
Az FHL.hu projekt jól mutatja, hogy egy ipari weboldal lehet egyszerre gyors, biztonságos és üzletileg hatékony. A kulcs nem a látvány, hanem a mögötte lévő rendszer.
Te is ilyen szintű weboldalt szeretnél?
Ajánlatot kérek