12. märts 2024
UX/UI disain
Volugram on veebipõhine vabatahtlike tunnustamise tööriist, mis kinnitab lühiajalist ning mikro-vabatahtlikku panustamist mitteametliku õppimise vormina. Platvorm ühendab vabatahtlikkuse, õppimise ja kogukonnaalgatused, pakkudes vabatahtlikele isikupärastatud tunnustusteekonda ja koordinaatoritele praktilisi tööriistu vabatahtlike panuste hindamiseks.
Volugrami projekt pälvis 2025. aasta Euroopa Innovatiivse Õpetamise Auhinna.
Minu roll
Minu vastutus oli Volugrami veebirakenduse ja selle toetavate materjalide põhjalik ümberkujundamine. Minu töö hõlmas:
Kolme lehekülje pikkuse vabatahtlikku tunnistuse kujundamine neljas keeles
UX/UI ülevaatus olemasolevast rakendusest
Tunnustamise tööriista ja avalehe ümberkujundamise juhtimine
Loomine disainisüsteemi ja arendajate üleandmise toetamine
Projekti veebisaidi kujundamine ja juurutamine volugram.eu WordPressis

Tunnistuse kujundus
Tiheda ajaraami tõttu prioriseerisin tunnistuse kujundust. Uurisin mitmeid paigutuse suundasid ja töötasin välja puhta, kohandatava tunnistuse, mis on kooskõlas Volugrami visuaalse identiteediga, seda mitte üle koormates.
Lõpptulemus sisaldas dokumenteeritud malle eesti, inglise, saksa ja norra keeles, koos täidetud näidete ja tühjade versioonidega tulevikus kasutamiseks.

Tunnustamise tööriista UX/UI ümberkujundus
UX/UI analüüs ja soovitused
Alustasin UX/UI analüüsiga olemasolevast Volugrami rakendusest, keskendudes selgusele, navigeerimisele ja üldisele kasutatavusele. Eesmärk oli tuvastada praktilisi, järk-järgulisi parandusi, mitte ümber kujundada pelgalt ümberkujundamise pärast.
Selle ülevaatuse põhjal koostasin struktureeritud kogumi UX/UI soovitusi, mis käsitlesid kasutajavoogu, visuaalset järjepidevust ja suhtluse selgust.

Põhiparandused hõlmasid:
Navigeerimise lihtsustamine, eemaldades mittevajalikud menüü kihid
Kasutajateekonna koondamine üheks selgeks lähtevaateks
Kasutajate põhivoogude määratlemine ja kergekaalulise disainisüsteemi loomine
Tunnustamise tööriista disaini uuendus
Projekti käigus vahetas Volugram välja arenduspartneri, mis lõi võimaluse tunnustamise tööriista terviklikumalt läbi mõelda. Mul paluti võtta ette kogu rakenduse ümberdisain, säilitades olemasoleva back-end loogika ja vormistruktuuri.
Alustasin põhikasutajate voogude kaardistamisega ja lihtsustatud navigeerimismudeli määratlemisega. Kuna tööriistal oli ainult kolm põhifunktsiooni, eemaldasin keerulise vahemenüü ja tõin kõik peamised toimingud ühte selgesse lähtevaatesse. Paralleelselt lõin kokkuvõtliku disainisüsteemi arenduse järjepidevuse toetamiseks.




Pärast mobiiliprototüübi valideerimist projektijuhiga kujundasin lauaarvutiversiooni.

Kõik mõlemad vaated olid valmis, viisin läbi paar testi sihtgrupiga ja viimistlesin kujunduse üleandmiseks. Kui uus arendaja tutvus praeguse rakendusega, tutvustasin talle oma kujundust ja olin järjepidev toetus kogu arenduse jooksul.
Veebisaidi disain ja kasutuselevõtt
Ühtlase kogemuse loomiseks kujundasin Volugrami projekti veebisaidi ümber ja ehitasin selle WordPressis. Sait toimib keskse sissepääsupunktina, pakkudes projekti infot, lühikest kasutusjuhendit ja juurdepääsu tunnustamise tööriistale.

Minu järeldus
See projekt tugevdas minu võimet töötada väikeses, kiire tempoga meeskonnas, kohaneda muutuvate tehniliste piirangutega ja võtta vastutus alates kontseptsioonist kuni lansseerimiseni. Samuti tugevdas see selge UX struktuuri olulisust, kui töötatakse vormimahukate tööriistade ja mitteametlike õppimissüsteemidega.