01Építőipar · kivitelezés
NORDÉP Generál
Építőipari weboldal, amely ajánlatkérést hoz.
Áttekintés
- Ügyfél (fiktív)
- NORDÉP Generál Kft. (fiktív)
- Ágazat
- Generálkivitelező, Nyíregyháza
- Technológia
- Next.js · React · TypeScript · Tailwind · Motion
- Oldalak
- Főoldal · Szolgáltatások · 8 szolgáltatás-aloldal · Referenciák · 6 referencia-oldal · Rólunk · Kapcsolat · Ajánlatkérés · Impresszum · Adatkezelés · 404
Cél
Ajánlatkérés generálása családi ház építésre, felújításra és ipari kivitelezésre – úgy, hogy az oldal már az első képernyőn bizalmat építsen.
Probléma
A régió kivitelezőinek weboldalai jellemzően sárga-fekete „építőipari sablonok”: stockfotó-kollázs, tíz éve nem frissített referenciák, eldugott telefonszám. A látogató nem érti, mekkora projektet vállal a cég, és nem tudja, mi a következő lépés.
Megoldás
Sötét, építészeti irodára emlékeztető vizuális rendszer, nagy tipográfiával és tégla-akcenttel. A főoldal a bizalom logikáját követi: USP, szolgáltatások, referenciák, számok, folyamat, garanciák, lefedettség – minden szakasz a következő lépés felé visz. Az ajánlatkérő űrlap 9 mezővel, validációval és visszajelzéssel a projektet írja le, nem csak egy „üzenet” mezőt ad.
Vizuális rendszer
Színek, betűk, UI-elemek.
Építészeti pontosság: sötét grafit, meleg beton-fehér, egyetlen tégla-vörös akcent. Nagy, tömbszerű címek, vékony vonalak, sok levegő – mint egy jó tervrajz.
Grafit
#16181B
háttér, szöveg
Beton
#F4F1EC
világos háttér
Tégla
#B7472A
akcent, CTA
Kő
#A39D93
másodlagos szöveg
Archivo
címek, gombok – nagybetűs, szűk
ÉPÜLETEK, AMELYEK ÉVTIZEDEKRE KÉSZÜLNEK.
Instrument Sans
szövegtörzs
Tételes ajánlat, tartott határidő, heti fotós riport.
Fontos UI-elemek
Négyzetes gombok, vastag nagybetűs felirattal
Számozott szakaszcímek (01–08)
Hairline-rácsos kártyák, hover-zoom a képeken
Sötét hero parallax-szal, világos tartalmi blokkok
Mobil
Mobilra tervezve, nem összenyomva.
Külön megtervezett navigáció, érintési felületek, űrlapok és kártyák 320 pixeltől. A képernyőképek az élő oldalról készültek, iPhone-méretű nézetben.
- Ajánlatkérő űrlap 9 mezővel, validáció, loading és success állapot
- 8 szolgáltatás-aloldal, tételes tartalommal
- 6 referencia-projekt case study jelleggel
- Bizalmi számlálók, folyamat, garanciák
- Települési lefedettség és helyi SEO
- Impresszum, adatkezelés, 404, sitemap
Főoldal
Referencia-projekt oldal
Desktop
A főoldal teljes felépítése.
Eredmény
Mit ér el ez a koncepció?
A koncepció célja a mobilos ajánlatkérés egyszerűsítése és a bizalom növelése: a látogató 10 másodperc alatt érti, mit épít a cég, kinek, és hogyan lehet ajánlatot kérni. Demo projekt, a vállalkozás fiktív – üzleti eredményeket ezért nem tulajdonítunk neki.