Klient
Realtherm je výrobca okien a dverí s vlastnou výrobou a dlhoročným technologickým zázemím. Po hlavnom firemnom webe sme pre značku vytvorili aj druhú samostatnú webovú prezentáciu, tentoraz zameranú výhradne na hliníkové profily.
Cieľom Realthermalu.hu nebolo kopírovať existujúci web, ale vytvoriť pre túto časť portfólia vlastný priestor. Taký, ktorý lepšie vystihne technický charakter hliníkových systémov, ich čisté línie, minimalizmus a využitie v modernej architektúre.
Projekt sme zastrešili kompletne: od vytvorenia loga, vizuálneho smerovania a vlastnej foto-video produkcie cez UX/UI dizajn až po programovanie, spracovanie obsahu a finálne spustenie webu.
Výzva
Hliníkové okná a dvere majú v portfóliu Realthermu špecifické postavenie. Ich výhodou nie sú len technické parametre, ale aj veľké presklené plochy, úzke profily a riešenia, ktoré sú prirodzenou súčasťou súčasnej architektúry.
Preto sme ich nechceli prezentovať iba ako ďalšiu kategóriu medzi ostatnými produktmi. Potrebovali priestor, v ktorom dostane vizuál rovnakú váhu ako technická informácia.
Výzvou bolo vytvoriť samostatný web, ktorý zostane jednoznačne spojený so značkou Realtherm, no zároveň získa vlastný vizuálny jazyk zodpovedajúci charakteru hliníkových systémov.
Riešenie
Celý vizuálny koncept sme postavili na čistých líniách, veľkorysom priestore a modernej typografii. Minimalistické rozhranie prirodzene nadväzuje na subtílne hliníkové profily a necháva vyniknúť produkty bez zbytočného vizuálneho šumu.
Dôležitú úlohu preto dostali veľkoformátové fotografie. Namiesto množstva menších produktových záberov pracuje web so silným obrazom, ktorý ukazuje hliníkové riešenia priamo ako súčasť architektúry.
Odlišný prístup sme zvolili aj pri hlavnom menu. Namiesto klasickej hornej lišty sme navigáciu umiestnili do stredu spodnej časti obrazovky. Pri scrollovaní zostáva stále na svojom mieste, takže používateľ má hlavné časti webu neustále poruke bez toho, aby navigácia zasahovala do dominantného vizuálneho obsahu.
Je to detail, ktorý web odlišuje na prvý pohľad, no zároveň má jasnú UX funkciu. Používateľ sa môže voľne pohybovať obsahom a kedykoľvek jednoducho pokračovať tam, kam potrebuje.
Každý produkt má zároveň jasne pomenované hlavné benefity. Návštevník tak nemusí hľadať podstatnú informáciu v dlhom technickom texte. Už pri prvom pohľade vidí, čím sa dané riešenie odlišuje a aké výhody ponúka.
Realtherm nie je len predajcom hotových systémov – za produktmi stojí vlastné výrobné zázemie. Chceli sme, aby táto kľúčová hodnota rezonovala aj v digitálnom priestore, preto sme výrobnému procesu vytvorili samostatnú podstránku.Návštevník na nej vďaka videoukážkam vidí reálny proces, technológie aj presnosť spracovania namiesto toho, aby o nich iba čítal. Videoobsah zároveň rozbíja statickú produktovú prezentáciu a ukazuje, čo všetko sa skrýva za výsledným oknom či dverami.
Minimalizmus nemusí znamenať statický web. Rozhranie sme doplnili o interaktívne prvky, jemné animácie a plynulé prechody, ktoré reagujú na pohyb používateľa a postupne odhaľujú obsah. Ich úlohou nie je za každú cenu zaujať. Pohyb podporuje spôsob, akým návštevník stránku objavuje, a dodáva celému webu technologický a súčasný charakter.
Súčasťou realizácie boli:
- Logo a vizuálne smerovanie: Pre samostatnú prezentáciu hliníkového portfólia sme vytvorili vizuálny základ zodpovedajúci jeho minimalistickému charakteru.
- UX/UI dizajn: Navrhli sme štruktúru webu, používateľské cesty a netradičný systém navigácie s dôrazom na jednoduchú orientáciu.
- Webdesign na mieru: Celé rozhranie vzniklo individuálne pre Realthermalu.sk bez použitia hotovej šablóny.
- Produktová prezentácia: Produkty sme spracovali pomocou veľkoformátových fotografií a jasne komunikovaných benefitov.
- Video obsah: Ukážky z výroby prinášajú na web reálny pohľad na technické zázemie Realthermu.
- Interaktívne prvky: Animácie a dynamické prechody vytvárajú plynulejší a živší používateľský zážitok.
- Custom development: Frontend aj backend sme vytvorili na mieru potrebám projektu.
- Craft CMS: Web sme postavili na flexibilnom redakčnom systéme, ktorý umožňuje jednoduchú správu produktov, fotografií, videí a ďalšieho obsahu.
- Plná responzivita: Rozhranie, navigáciu, multimediálny obsah aj produktové prvky sme prispôsobili počítačom, tabletom aj mobilným zariadeniam.
- Moderná typografia: Čisté typografické riešenie podporuje minimalistický charakter stránky a zároveň vytvára jasnú hierarchiu informácií.
Výsledok
Pre hliníkové portfólio Realthermu vznikol samostatný digitálny priestor, ktorý funguje inak ako klasický produktový katalóg.
Minimalistický dizajn necháva vyniknúť veľkoformátové fotografie, architektúru aj samotné produkty. Netradične umiestnená navigácia dáva webu vlastný charakter, interaktívne prvky podporujú zážitok z prehliadania a video ukážky z výroby približujú zázemie, ktoré za produktmi Realtherm stojí.
Druhý web Realthermu tak nevznikol ako kópia hlavnej stránky s iným obsahom. Dostal vlastný charakter postavený na tom, čo definuje samotné hliníkové riešenia: čistote, presnosti a dôraze na detail.
