Ügyfél
A Realtherm saját gyártással és innovatív technológiai háttérrel dolgozó ablak- és ajtógyártó cég. A fő vállalati weboldal után egy újabb, önálló weboldalt készítettünk a márkának, ezúttal kifejezetten az alumínium profilokra fókuszálva.
A Realthermalu.hu célja nem az volt, hogy lemásolja a már meglévő weboldalt. Sokkal inkább az, hogy az alumínium portfólió saját felületet kapjon. Olyan digitális teret, amely jobban visszaadja az alumínium rendszerek technikai karakterét, letisztult vonalait, minimalizmusát és helyét a modern építészetben.
A projektet teljes egészében mi vittük végig: a logó, a vizuális irány és a saját fotó-videó tartalom elkészítésétől kezdve az UX/UI design-on át egészen a programozásig, a tartalmi feldolgozásig és a weboldal élesítéséig.
Kihívás
Az alumínium ablakok és ajtók különleges szerepet töltenek be a Realtherm kínálatában. Az értékük nem csupán a műszaki paraméterekben rejlik, hanem a nagy üvegfelületekben, a keskeny profilokban és azokban a megoldásokban is, amelyek természetesen illeszkednek a mai építészeti szemlélethez.
Éppen ezért nem szerettük volna őket egyszerűen egy újabb termékkategóriaként bemutatni. Olyan felületre volt szükség, ahol a vizuális élmény ugyanakkora hangsúlyt kap, mint a szakmai információ.
A kihívás egy olyan önálló weboldal létrehozása volt, amely továbbra is egyértelműen kapcsolódik a Realtherm márkához, mégis saját vizuális nyelvet használ. Olyat, amely illik az alumínium rendszerek karakteréhez: tiszta, pontos, modern és részleteiben is átgondolt.
Megoldás
A teljes vizuális koncepciót letisztult vonalakra, tágas elrendezésre és modern tipográfiára építettük. A minimalista felület természetesen kapcsolódik az alumínium profilok visszafogott megjelenéséhez, és hagyja érvényesülni a termékeket felesleges vizuális zaj nélkül.
Fontos szerepet kaptak a nagy méretű fotók is. A sok apró termékkép helyett erős, látványos képi világban gondolkodtunk, amely az alumínium megoldásokat nem önmagukban, hanem az építészet részeként mutatja meg.
A főmenünél is eltértünk a megszokott megoldásoktól. A klasszikus felső navigáció helyett a menüt a képernyő alsó részének közepére helyeztük. Görgetés közben végig a helyén marad, így a felhasználó bármikor könnyen eléri a weboldal fő részeit, miközben a navigáció nem veszi el a figyelmet a domináns vizuális tartalomtól.
Ez egy olyan részlet, amely már első pillantásra megkülönbözteti az oldalt, miközben valódi UX-funkciója is van. A látogató szabadon haladhat a tartalomban, és bármikor egyszerűen továbbléphet arra a részre, amely érdekli.
Minden terméknél világosan megfogalmaztuk a legfontosabb előnyöket. Így a látogatónak nem kell hosszú műszaki szövegekben keresnie a lényeget. Már első ránézésre látja, miben különbözik az adott megoldás, és milyen előnyt kínál.
A Realtherm nem csupán kész rendszerek értékesítője. A termékek mögött saját gyártási háttér áll. Fontosnak tartottuk, hogy ez az érték a weboldalon is hangsúlyt kapjon, ezért a gyártási folyamat külön aloldalt kapott.
A látogató itt videókon keresztül láthatja a valódi gyártást, a technológiát és a precíz feldolgozást. Nem csak olvas róla, hanem bepillantást kap abba is, mi történik a kész ablak vagy ajtó mögött. A videós tartalom megtöri a statikus termékbemutatást, és emberközelibbé teszi a technikai hátteret.
A minimalizmus nem jelenti azt, hogy egy weboldalnak statikusnak kell lennie. A felületet finom animációkkal, interaktív elemekkel és gördülékeny átmenetekkel egészítettük ki. Ezek a mozgások reagálnak a felhasználó görgetésére, és fokozatosan vezetik be a tartalmat.
A cél nem az volt, hogy mindenáron látványos effektekkel terheljük az oldalt. A mozgás inkább támogatja a felfedezést, és technológiai, korszerű hangulatot ad az egész weboldalnak.
A megvalósítás részei voltak:
Logó és vizuális irány
Az alumínium portfólió önálló bemutatásához olyan vizuális alapot hoztunk létre, amely illeszkedik annak minimalista, modern karakteréhez.
UX/UI design
Megterveztük a weboldal szerkezetét, a felhasználói útvonalakat és a rendhagyó navigációs rendszert, egyszerű és átlátható használatra törekedve.
Egyedi webdesign
A teljes felület kifejezetten a Realthermalu.hu számára készült, kész sablonok használata nélkül.
Termékbemutatás
A termékeket nagy méretű fotókkal és világosan megfogalmazott előnyökkel mutattuk be.
Videós tartalom
A gyártásról készült felvételek valódi betekintést adnak a Realtherm technológiai hátterébe.
Interaktív elemek
Az animációk és dinamikus átmenetek élőbbé, gördülékenyebbé teszik a böngészési élményt.
Egyedi fejlesztés
A frontend és a backend is a projekt igényeire szabva készült.
Craft CMS
A weboldalt rugalmas tartalomkezelő rendszerre építettük, amely egyszerűvé teszi a termékek, fotók, videók és egyéb tartalmak kezelését.
Teljes reszponzivitás
A felületet, a navigációt, a multimédiás tartalmakat és a termékelemeket asztali gépre, tabletre és mobilra is optimalizáltuk.
Modern tipográfia
A letisztult tipográfiai megoldás támogatja a weboldal minimalista karakterét, és egyértelmű információs hierarchiát teremt.
Megoldás
A Realtherm alumínium portfóliója egy önálló digitális teret kapott, amely nem klasszikus termékkatalógusként működik.
A minimalista design hagyja érvényesülni a nagy méretű fotókat, az építészeti környezetet és magukat a termékeket. A szokatlanul elhelyezett navigáció saját karaktert ad az oldalnak, az interaktív elemek élményszerűbbé teszik a böngészést, a gyártási videók pedig közelebb hozzák azt a szakmai hátteret, amely a Realtherm termékei mögött áll.
A Realtherm második weboldala nem egyszerűen a fő oldal újratöltött változata lett. Hanem saját karaktert kapott, amely pontosan arra épül, ami az alumínium megoldásokat is meghatározza: letisztultságra, precizitásra és a részletekre való odafigyelésre.
