RugoPro

Névből márka, üres oldalból értékesítő weboldal: hogyan épül fel egy prémium ipari identitás nulláról.

A RugoPro egy komoly szakmai múlttal rendelkező precíziós rugógyártó volt — weboldal, arculat és vizuális identitás nélkül. Csak egy név és egy vállalkozás. A feladat az volt, hogy ezt a tudást és ezt a minőséget egy olyan digitális és vizuális rendszerré alakítsam, amely az első másodperctől bizalmat épít — még az első hívás előtt.

Szolgáltatások

Brand Identity
Website Strategy
Website Design
Website Development (Framer)

Brand Identity

A RugoPro-nak nem volt semmiből kiindulni — sem logó, sem színrendszer, sem tipográfia. Ez egyszerre jelent kihívást és ritka lehetőséget: mindent úgy lehet felépíteni, ahogy az a márkának és a piacnak valóban a legjobb.

Az első lépés a pozicionálás tisztázása volt. A RugoPro nem olcsó tömeggyártó és nem is egy ismeretlen kisüzem — hanem egy precíziós specialista, aki 24 órán belül árajánlatot ad, és gyártmányossági szempontból ellenőriz minden rajzot, mielőtt a gépbe kerülne. Ezt az értéket kellett vizuálisan is megteremteni a semmiből.

A kialakított identitás a precizitás és az ipari erő kettősére épül. A sötét, visszafogott alaptónusok a megbízhatóságot és a szakmai komolyságot sugározzák, az éles akcentusszín pedig a gyorsaságot és a technológiai fegyelmet szimbolizálja. Az eredmény egy olyan vizuális rendszer, amely egy B2B döntéshozóban — legyen az mérnök, beszerző vagy üzemvezető — azonnal hitelességet és bizalmat ébreszt.

Rugópro arculati tipográfia bemutatása: élénkkék háttéren fehér szöveggel láthatók a projektben használt betűtípusok. Elsődleges betűtípus a Mona Sans (Semi Bold és Bold), másodlagos a Geist (Regular és Medium), mellettük a teljes magyar karakterkészlet és a számok vizuális megjelenítésével.
Rugópro arculati színpaletta bemutatása: letisztult, geometrikus blokkokban láthatók a projekt színei, megnevezésekkel és hex kódokkal ellátva. A paletta alapját három kék árnyalat adja (Fényes Kék, Király Kék és Ultramarin Kék), amelyeket egy sötét (Fekete) és egy világos (Off-White) szín egészít ki a megfelelő kontraszt érdekében.

Logo

Egy olyan iparágban, ahol a legtöbb szereplő logója egy generikus fogaskerék vagy egy serif betűtípus, a RugoPro tudatosan más irányba ment. A cél egy letisztult, erős és azonnal felismerhető jel volt — olyan, ami méltó ahhoz a precizitáshoz, ami maga a termék.

A logó a mechanikai fegyelem és a geometriai rend elvére épül. A forma egyszerre idézi a rugó szerkezetének logikáját és a mérnöki gondolkodás tisztaságát — anélkül, hogy illusztrációvá válna. Az erőteljes kontraszt és a technikai jellegű tipográfia együtt olyan márkát alkotnak, amely nem kell, hogy megmagyarázza magát: megmutatja, ki a RugoPro, mielőtt bárki elolvasna egyetlen sort is.

A vizuális rendszer skálázható és minden felületen egységesen működik — a weboldaltól a munkalapokon és szállítóleveleken át egészen a gyártócsarnok kommunikációjáig.

Rugópro logókoncepció grafikai levezetése sötét háttéren, három lépésben. Az első ábra egy kék 'Négyzet' (amely a stabilitást és ipari pontosságot jelöli), a második az 'Eltolás' két átlósan érintkező négyzettel (ami a rugótekercs-ritmust adja), a harmadik pedig a 'Kontraszt', ahol a két négyzet eltérő kék árnyalata a rugalmasságot és terhelhetőséget szimbolizálja.
Rugópro logó arculati szerkesztési hálón, függőlegesen osztott kontrasztos háttéren. A kép bal oldala fekete, a jobb oldala fehér. Középen a logó látható vékony segédvonalakkal keretezve: a két kék négyzetből álló szimbólum és a 'RUGO' szótag világos a sötét háttéren, míg a 'PRO' szótag fekete a világos háttéren, bemutatva a logó inverz használatát.
Rugópro arculati minta (pattern) bemutatása: világos (off-white) háttéren, középen a teljes logó (kék szimbólum és sötét felirat) helyezkedik el. A teret a logó kék, átlós dupla négyzet motívumának ismétlődő, ritmikus elrendezése tölti ki, egységes vizuális textúrát alkotva.

Website Design & Fejlesztés

Nem volt mihez visszatérni, nem volt mit „jobbá tenni" — az oldalt a stratégiától az utolsó sorkodig nulláról kellett felépíteni. Ez azt jelentette, hogy minden döntés — az oldalstruktúrától a CTA szövegéig — azon a kérdésen alapult: mit gondol, mit érez és mire van szüksége az az ember, aki először nyitja meg ezt az oldalt?

A RugoPro célközönsége nem fogyasztó — hanem döntéshozó. Gépészmérnök, aki egy leállást akar minél hamarabb megoldani. Beszerző, aki tudni akarja, hogy a másik oldalon egy precíz szakember ül. Üzemvezető, aki nem kockáztathat egy ismeretlen beszállítóval. Az oldal minden szekcióját erre a gondolkodásmódra terveztem: nem eladni akar, hanem meggyőzni — azzal, hogy minden kétséget eloszlat, mielőtt felmerülne.

Az oldal motorja Framer, amely lehetővé teszi, hogy a RugoPro csapata önállóan kezelje a terméklistát, a referenciákat és az ajánlatkérési folyamatot — fejlesztői segítség nélkül. Egy vállalkozás, amely most lép be a digitális térbe, nem függhet külső fejlesztőtől minden egyes frissítésnél.

Alt text javaslat: Rugópro weboldal asztali nézetének hero szekciója: ipari rugókat ábrázoló szürkeárnyalatos háttér előtt egy letisztult fehér kártya lebeg. A főcím: "Költséghatékony rugógyártás kompromisszumok nélkül", ahol a "rugógyártás" szó a márka élénkkék színével van kiemelve. A felületen egy fekete "Árajánlatkérés indítása" gomb és finom UI részletek (pl. koordináták, egérgörgő ikon) láthatók.
Négy különböző asztali weboldal szekció mockupja a Rugópro oldaláról, ipari gépészeti háttéren. Bal felső: értékajánlat és előnyök sötétkék/világos kártyákon; Jobb felső: terméktípusok bemutatása (nyomórugó és húzórugó) gépészeti fotókkal; Bal alsó: részletes, sötét témájú árajánlatkérő űrlap; Jobb alsó: iparági megoldások bemutatása, fotóval illusztrálva a mezőgazdasági gépeket.
Négy mobilképernyő mockupja a Rugópro weboldaláról, sötét, kékes átmenetes háttéren. Balról jobbra haladva: a letisztult hero szekció a fő értékajánlattal; egy lemezrugó műszaki adatait bemutató sötét kártyás felület; a 'Termékeink' oldal ipari fotókkal; végül az 'Elégedett partnerek' szekció profilképekkel és egy ötcsillagos ügyfélvéleménnyel.

A munka
mögött

Hogyan építettél bizalmat egy olyan iparágban, ahol a legtöbb cég weboldala láthatatlan?

A RugoPro nem azzal győzi meg a döntéshozót, hogy mit tud — hanem azzal, hogy már az első másodpercben profinak hat. Egy gépészmérnök vagy beszerző, aki megnyitja az oldalt, azonnal érezze: itt egy precíz szakember ül a másik oldalon. Minden vizuális döntés ezt a hitelességet erősíti — mielőtt egyetlen sort elolvasna.

Hogyan mutattad meg vizuálisan azt, amit szavakkal nehéz elmondani?

A rugógyártás precizitása nem látványos — de a design igen. Az éles kontraszt, a feszes tipográfia és a geometriai rend mind ugyanazt üzeni, amit maga a termék: semmi nincs véletlenül, minden milliméter számít. A márkaidentitás nem illusztrálja a rugót — testesíti meg azt, amit a rugó képvisel.

Mit jelent az, hogy egy B2B weboldal "elad" — anélkül hogy nyomna?

A RugoPro célközönsége nem böngész — problémát old meg. Egy leállást akar minél hamarabb megszüntetni, egy ismeretlen beszállítóban akar megbízni. Az oldal minden szekcióját arra terveztem, hogy eloszlassa a kétségeket, mielőtt felmerülnének. Nem eladni akar — meggyőzni. Ez a különbség egy bemutatkozó oldal és egy értékesítő eszköz között.

Ügyféltől

"Volkswagenért jöttünk,
de egy tűzpiros Ferrarit kaptunk"

Bednárik Dávid

Rugopro CEO

Lépjen kapcsolatba

Alkossunk együtt valami nagyszerűt!

Írjon nekem a hello@somsomdesign.hu címre.

Inkább beszélgetne? Foglaljon időpontot.

Székely Soma, a SomSom Design alapítójának gyerekkori családi fotója, amely a márkanév személyes eredetét és a közvetlen emberi kapcsolatot szimbolizálja.

SOM

SOM

SOM

SOM

SOM

SOM