Iššūkis
Skirtingo tipo ir nuolat pildomą turinį sutalpinti į vieną nuoseklią, greitai peržvelgiamą struktūrą.
Portfolio · svetainės dizainas
InnoHub Lithuania
Sudėtingą inovacijų ekosistemą pavertėme aiškia skaitmenine patirtimi, kuri padeda atrasti bendruomenę, mentorius, renginius ir narystės galimybes.
Klientas
Lietuvos inovacijų ir verslo tiltui į JAV rinką.
Skaitmeninė patirtis
Daug informacijos. Aiškus kelias.
Viena sistema skirtingiems auditorijų poreikiams – nuo pirmos pažinties iki paraiškos narystei.
Užduotis
Ekosistemą paversti lengvai suprantama.
InnoHub jungia Lietuvos technologijų ir aukštųjų technologijų įmones su JAV verslo bendruomene. Svetainės dizainas turėjo vienodai aiškiai pristatyti organizaciją, paslaugas, mentorius, narius, renginius ir narystės procesą.
Kryptis
Sukurti profesionalią, bet gyvą sąsają, kuri perteiktų tarptautiškumą, atvirumą ir bendruomenės energiją.
Sprendimas
Aiški navigacija, moduliniai turinio blokai ir ryškūs veiksmai padeda vartotojui greitai rasti kitą žingsnį.
Dizaino procesas
Nuo turinio žemėlapio iki responsive ekranų.
Šio projekto apimtis – svetainės UX/UI dizainas ir paruošta sistema įgyvendinimui.
-
01
Turinio ir poreikių suvaldymas
Susisteminome organizacijos temas, auditorijas ir svarbiausius veiksmus, kad svetainė turėtų aiškią komunikacinę logiką.
-
02
Informacijos architektūra
Suformavome puslapių hierarchiją ir navigaciją, jungiančią informaciją apie organizaciją, narius, mentorius, renginius, naujienas ir narystę.
-
03
Wireframe logika
Turinio blokams suteikėme prioritetus, apibrėžėme vartotojo kelią ir parinkome tinkamą CTA vietą kiekviename etape.
-
04
UX/UI dizaino sistema
Esamą InnoHub vizualinę kalbą pritaikėme skaitmeninei sąsajai: tipografijai, kortelėms, ikonoms, formoms, mygtukams ir turinio būsenoms.
-
05
Responsive dizainas ir perdavimas
Suprojektavome pagrindinius desktop bei mobilius ekranus ir paruošėme komponentišką sistemą sklandžiam dizaino įgyvendinimui.
UI sistema
Spalvų logika ir moduliniai komponentai.
Ryški žalia kviečia veikti, tamsi mėlynai žalia suteikia patikimumo, o balta erdvė leidžia sudėtingam turiniui kvėpuoti.
#36E056Veiksmas
#003C3ATurinys
#FFFFFFErdvė
UX/UI dizainas
Turinys, kuris padeda susiorientuoti.
Struktūra leidžia greitai suprasti InnoHub vertę, rasti aktualią bendruomenės informaciją ir pereiti prie narystės veiksmo.
Aiški hierarchija ir vienas pagrindinis veiksmas.
Trumpesnė navigacija, stambesnė tipografija ir ryškus narystės CTA išlaiko kryptį mažame ekrane.
Rezultatas
Aiškesnė struktūra. Gyvesnė patirtis.
Nuosekli navigacija
Skirtingos turinio kryptys sujungtos į lengvai suprantamą svetainės hierarchiją.
Matomi prioritetai
Tipografija, spalva ir erdvė aiškiai parodo, ką skaityti ir kurį veiksmą atlikti toliau.
Responsive patirtis
Pagrindiniai vartotojo keliai išlieka suprantami tiek dideliame, tiek mažame ekrane.
Lengvai plečiama sistema
Moduliniai blokai leidžia nuosekliai papildyti narius, mentorius, renginius ir naujienas.
Tavo projektas
Aptarkime projektą