top of page

Ametikooli interaktiivne majajuht

Nutikas sisekeskkonna navigeerimissüsteem

KLIENT

Kuressaare Ametikool

PROJEKT

Veebilehed

TÖÖRIISTAD
AEG

2023

Interactive wayfinding system

Nutikas sisekeskkonna navigeerimissüsteem.

Töötasin välja Kuressaare Ametikooli digitaalse majajuhi prototüübi kasutajakogemuse (UX) ja liidese (UI). Lõin Figmas ja Rives interaktiivse prototüüpi koos reaalajas reageerivate animatsioonidega, et muuta hoonetes orienteerumise külastajale intuitiivseks.

Kuressaare Ametikooli interaktiivne majajuht (Wayfinding)


Sinisel taustal infoekraan KUHU MINEK? kooli hoonete kaardiga ja otsinguribaga.


Ülevaade ja eesmärk


Disainisin Kuressaare Ametikoolile intuitiivse kasutajakogemusega (UX) digitaalse majajuhi liidese ja prototüübi. Projekti eesmärk oli muuta mitmest hoonest koosneval linnakul orienteerumine külastajatele ja õppijatele lihtsaks ning kaasahaaravaks.



Video prototüübist
Animeeritud osad

Kasutajakogemus ja disainilahendus


  • Ruumiline (3D) hoonete kujutus: Kujutasin meeskonna töös Ametikooli hooneid ruumiliselt. Kasutajatestimine kinnitas, et 3D-mudelid aitavad linnakus orienteeruda oluliselt kiiremini kui traditsioonilised 2D-kaardid.

  • Brändi ja värvikoodide järgimine: Võtsin kasutajaliidese (UI) aluseks Ametikooli logo värvid ja hoonete ametlikud värvikoodid, luues värske ning noortepärase visuaalse keele.

  • Disainisuuna juhtimine: Minu loodud liidese struktuur ja visuaalsed elemendid valiti meeskonna poolt lõpliku prototüübi baasiks.



Mikro-animatsioonid ja teostus (Rive)


  • Lõin programmis Rive interaktiivsed vektoranimatsioonid, et pakkuda kasutajale reaalajas visuaalset tagasisidet nuppude vajutamisel.

  • Animeerisin asukohamärgi dünaamiliselt liikuma, tagades kohese fookuse leidmise ekraanil.

  • Kujundasin hoonetele üleskerkiva animatsiooni (elevation effect), mis aktiveerub hoonele vajutamisel ja tõstab valitud maja teiste seast selgelt esile.

  • Kategooria: Interaktiivne UI/UX, viidandus (Wayfinding), mikro-animatsioonid

  • Tööriistad: Figma, Rive, Adobe Illustrator



Osaline väljavõte Figma prototüübist


Kooli navirakenduse ekraanid: ruumide otsing, korruseplaanid ja värvilised kategooriad; näha tekstid nagu KUHU MINEK? և ÕPPEHOONE

bottom of page