UI design webu 2N

Pro 2N jsem navrhoval uživatelské rozhraní webu. Při osobních schůzkách s klientem a ve spolupráci s naším UX designérem jsem řešil rozložení prvků a podobu jednotlivých stránek. Vizuální návrhy vycházely z brandových barev a identity značky.

Návrh v přímé spolupráci s klientem

Osobní schůzky mi pomáhaly lépe pochopit požadavky klienta a společně procházet návrhy. Probírali jsme uspořádání obsahu, umístění prvků i jejich vzájemné vztahy. Tyto podněty jsem následně převáděl do konkrétní podoby UI.

UI design

Rozložení prvků ve spolupráci s UX

Rozložení jednotlivých stránek jsem konzultoval jak s klientem, tak s naším UX designérem. V UI jsem pracoval s hierarchií nadpisů, produktovými kartami a navigačními prvky, aby obsah tvořil přehledný celek a důležité informace měly odpovídající prostor.

Vizuální styl postavený na brandu

Barevnost návrhů vycházela z brandových barev 2N. Kombinoval jsem světlé a tmavé plochy s modrými akcenty a ladil jejich použití napříč stránkami. Typografie, odstupy a podoba ovládacích prvků pomáhaly držet jednotný vizuální styl.

Od přehledu k detailu

Produktové detaily dávají více prostoru konkrétnímu zařízení, jeho podobě a vlastnostem. Při návrhu UI jsem navazoval na styl přehledových stránek a pracoval s rozložením fotografií, textů a ovládacích prvků tak, aby jednotlivé části webu působily jednotně.

Přehledná prezentace produktů

U produktových přehledů jsem řešil, jak vedle sebe uspořádat fotografie, názvy a důležité informace. V návrzích jsem ladil velikosti prvků a odstupy tak, aby jednotlivé produkty měly dostatek prostoru a stránky zůstaly vizuálně přehledné.

Jednotný celek z jednotlivých návrhů

Závěrečná ukázka spojuje jednotlivé části návrhu do širšího pohledu na web. Konzultace s klientem a UX designérem se promítaly do rozložení obsahu, zatímco brandové barvy a společné vizuální prvky držely výslednou podobu UI pohromadě.