HB Elektroklíma / Szolgáltatói bemutatkozó weboldal
A Projektről
A HB Elektroklíma számára egy határozott megjelenésű, sötét témájú (dark mode) weboldalt raktam össze. A cél az volt, hogy Emődi Tamás villanyszerelő és klímaszerelő vállalkozása egy modern online felületet kapjon Jász-Nagykun-Szolnok megyében, ahol az érdeklődők kényelmesen átnézhetik az alapárakat, a klímakínálatot, és pár kattintással ajánlatot is tudnak kérni.
Feladat / Kihívás
Ma már egy klímás és villanyszerelő szakembernél is alapelvárás az ügyfelek részéről egy átlátható weblap. A feladatom egy olyan felület felépítése volt, ami telefonon (mivel a legtöbben onnan keresnek szerelőt) és asztali gépen is pikk-pakk betölt. A kérés az volt, hogy kerüljük a megszokott, unalmas "fehér háttér kék betűkkel" sablonokat, és egy komolyabb, sötét stílust kapjon az oldal. Szempont volt továbbá, hogy a látogatók egyből lássák az akciós készülékeket (pl. Gree, Midea), az alapárakat, és azonnal, felesleges kattintgatások nélkül tudjanak írni a kapcsolatfelvételi űrlapon.
Megoldás
A fejlesztésnél a gyorsaságra és a megbízhatóságra mentem rá. Nem bonyolítottam túl a dolgokat, inkább figyeltem arra, hogy a kód karcsú maradjon és az oldal rögtön reagáljon mindenre.
-
A motor: Az oldalt Laravel alapokra húztam fel. Ez egy nagyon stabil keretrendszer, amiben kényelmesen és biztonságosan lehetett lefejleszteni a klímák listázását és az űrlapok kezelését.
-
Dizájn és Sebesség: A kinézetet Tailwind CSS-sel raktam össze, ami tökéletes ehhez a sötét palettához (slate színek). A mobilos menüt és a kisebb felületi mozgásokat Alpine.js-re bíztam, mert ez egy pehelysúlyú megoldás, így az oldal betöltési sebessége villámgyors maradt. Nincsenek felesleges, nehéz scriptek.
-
Bizalomépítés: Bekötöttem egy élő Google Értékelések widgetet is, ami automatikusan húzza be az elégedett ügyfelek véleményeit. Ez nagyon sokat segít abban, hogy a látogatók bizalmat szavazzanak a cégnek.
-
Egyszerűsített ajánlatkérés: Az ajánlatkérő részt fixen az oldal aljára tettem, ami egy logikus lezárása a tartalomnak. Az űrlapnál legördülő menüben lehet kiválasztani a szolgáltatás típusát (klímatelepítés, karbantartás, stb.), így a beérkező emailek már pontosan kategorizálva esnek be a tulajdonoshoz.
Technikai Részletek
- Projekt Típusa
- HB Elektroklíma / Szolgáltatói bemutatkozó weboldal
- Technológiák
- Laravel, Tailwind CSS, Alpine.js, HTML5
- Infrastruktúra
- Webszerver, dedikált tárhely