03B2B · agrártechnológia
AgroNova Systems
B2B leadgenerálás és termékkatalógus.
Áttekintés
- Ügyfél (fiktív)
- AgroNova Systems Kft. (fiktív)
- Ágazat
- Precíziós gazdálkodás, öntözéstechnika, Nyíregyháza
- Technológia
- Next.js · React · TypeScript · Tailwind · Motion
- Oldalak
- Főoldal · Megoldások · Termékek · 5 kategória-oldal · 12 termékoldal · Szerviz · Referenciák · Cégünkről · Kapcsolat · Ajánlatkérés · Impresszum · Adatkezelés · 404
Cél
B2B leadek gyűjtése és a termék-/szolgáltatásportfólió bemutatása egy olyan felületen, amelyet egy gazdaság műszaki vezetője is komolyan vesz.
Probléma
Az agrártechnológiai cégek oldalai vagy unalmas corporate sablonok, vagy PDF-katalógusok linkjei. A termékekhez nincs kereshető adat, nincs összehasonlítható specifikáció, és a kapcsolatfelvétel egy általános űrlap – a mérnök nem tudja, kihez fordulhat konkrét kérdéssel.
Megoldás
Technikai vizuális rendszer: sötét karbon és mezőzöld, jelzőlime az adatoknak, monospace címkék, technikai rácsok, sarokjelölők. A katalógus kliensoldali szűréssel és kereséssel működik, minden termék saját oldalt kap galériával, highlight-adatokkal, csoportosított spec-táblázattal, PDF adatlappal (valódi, generált dokumentumok), kapcsolódó termékekkel és termékszintű érdeklődő űrlappal.
Vizuális rendszer
Színek, betűk, UI-elemek.
Mérnöki felület: karbon-sötét és mezőzöld, jelzőlime kizárólag adatoknak és CTA-nak. Monospace címkék, technikai rács, sarokjelölők – a pontosság vizuális nyelve.
Karbon
#0F1512
sötét háttér
Mező
#1F6B3A
elsődleges, CTA
Jelzőlime
#B7E22E
adat-kiemelés
Felhő
#F3F5F2
világos háttér
Space Grotesk
címek – geometrikus, technikai
Minden hektár mérhető.
IBM Plex Sans + Mono
szövegtörzs, adatok, címkék
RTK · ±2 cm · 20 Hz
Fontos UI-elemek
4 px-es sarkok, 1 px-es vonalas kártyák
Monospace mikrocímkék nagybetűvel
Sarokjelölők a kiemelt képeken
Spec-táblázat sötét csoportfejlécekkel
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.
- Termékkatalógus kategória- és elérhetőség-szűrővel, kereséssel
- 12 termékoldal spec-táblázattal és galériával
- 17 letölthető PDF adatlap
- Termékszintű érdeklődés + B2B ajánlatkérő űrlap
- Megoldások, szerviz-csomagok, 4 referencia
- Product / Organization strukturált adatok
Főoldal
Termékoldal
Desktop
A főoldal teljes felépítése.
Eredmény
Mit ér el ez a koncepció?
A koncepció célja, hogy a műszaki döntéshozó önállóan eljusson a konkrét termékig, letöltse az adatlapot, és termékszinten tegyen fel kérdést – az értékesítés így már felkészült érdeklődőt kap. Demo projekt, a cég és a termékek fiktívek.