Volugrami uus disain

Volugrami uus disain

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.

Create a free website with Framer, the website builder loved by startups, designers and agencies.