TRIGY: moderní UI design pro svět staveb

Pro společnost TRIGY, která se věnuje stavebním realizacím a staví na 3D modelech a moderních technologiích, jsem navrhl UI design webu. Chtěl jsem její přístup přenést do čistého a vzdušného rozhraní, ve kterém dostanou prostor samotné stavby i způsob jejich vzniku.

Technologický přístup v čistém rozhraní

Vizuální návrh propojuje velké obrazové plochy, přehlednou typografii a dostatek volného prostoru. Světlý základ doplňují zelené akcenty, které zvýrazňují důležité informace a hlavní akce. Jednotlivé části webu tak drží společný styl a nechávají vyniknout obsah.

UI designWebové stránky

První dojem postavený na architektuře

Úvodní obrazovce dominuje vizualizace stavby doplněná krátkým sdělením a výrazným tlačítkem. Při návrhu UI jsem pracoval s kontrastem textu vůči fotografii a s jednoduchou navigací, aby se návštěvník mohl hned soustředit na nabídku společnosti.

Služby s jasnou vizuální hierarchií

Nabídku služeb jsem rozdělil do přehledných bloků s ilustracemi, stručnými texty a navazujícími akcemi. Velikosti nadpisů, odstupy a střídání obrazových a textových částí dávají stránce rytmus a pomáhají jednotlivé služby od sebe odlišit.

Prostor pro přístup i detaily

Další části webu představují způsob práce a důvody, proč si společnost vybrat. V UI jsem využil jednoduché ikony, krátké informační bloky a velkorysé rozestupy. I při větším množství obsahu tak návrh zachovává čistou a vzdušnou podobu.

Realizace v hlavní roli

Přehled realizací stojí na velkých náhledech staveb a střídmém doprovodném textu. Jednotný vzhled karet nechává vyniknout jednotlivé projekty a navazuje na vizuální styl zbytku webu. Zelené prvky propojují obsah s ovládáním.

3D modely jako součást prezentace

Důležitou součástí identity TRIGY jsou 3D modely staveb a technologie. V návrhu jsem jim proto vyhradil vlastní prostor, včetně prezentace virtuální prohlídky. Kombinace vizualizací a přehledně členěných informací přibližuje tento přístup návštěvníkům webu.

Přehledná cesta ke kontaktu

Závěr stránky tvoří kontaktní část s výrazným tmavým podkladem. Světlá formulářová pole a zelené tlačítko navazují na zbytek UI a dávají hlavní akci jasné místo. Patička pak uzavírá návrh ve stejném střídmém stylu.