UI/UX dizains

Adaptīvs izkārtojums

Mērķis bija izveidot lapu, kas ietver gan tradicionālas gleznas un zīmējumus, gan interaktīvus digitālos darbus.

Darbiem jābūt aplūkojamiem visā to krāšņumā neatkarīgi no ierīces ekrāna izmēra.

· Tīmekļa lapa · Mākslinieka portfolio ·

Literatūras publikācijas ir interaktīvi šķirstāmas.

Apakšējā daļā ir iespēja pārskatīt visas lapas, ļaujot lietotājam viegli navigēt un gūt pilnīgu pārskatu pār saturu.

UI dizains veidots, atbilstot mākslinieciskajam rokrakstam. Smalki elementi un gaisīgi toņi eleganti harmoniskai videi.

Funkcionāli ērta pieredze, kas veicina skatītāja jau kā lietotāja iesaisti.

Lietotājs spēj detalizēti uztvert saturu un mākslinieks veicina iesaistošu interesi par savu darbu.

Lapas UX dizains tika izstrādāts, rūpīgi izprotot mākslas darbu klāstu, saturu kārtojot trīs galvenās kategorijas: stājmākslas darbi, digitālie darbi un saziņas lapa.

Stājmākslas sadaļa izstrādātata ar noslēpumainu atmosfēru.

Lietotājam tā sākotnēji rāda ierasti neredzēto, taču savdabīgo – gleznu aizmugurējo pusi.

Kad lietotājs novieto peles kursoru uz kāda darba, tas tiek atklāts patiesais mākslas saturs.

Nereti lietotājam ir sarežģīti uztvert 3D mākslas darbu saturu ārpus tā, ko mākslinieks spēj parādīt statiskā attēlā.

Lai to risinātu, lapa iekļauj 3D mākslas darbu aplūkošanas saskarni, kas ir optimizēta visām ierīcēm un ļauj lietotājam izpētīt 3D modeļus 360 grādos.

UX nodrošināta pilnvērtīgāko veidu, kā aplūkot 3D darbus.

Full-stack izstrāde

HTML, CSS, JS

Galveno sadaļu pogas tika zīmētas “ar roku” Adobe Photoshop, lai saglabātu personību un rotaļīgāku gaisotni.

Sākumlapas GIF mākslas darba acs sākotnēji ir aizvērta. Kad lietotājs pārvietojas uz izvēlnes sadaļu, acs kļūst un paliek atvērta, simbolizējot iekļūšanu privātā vidē, padarot lietotāja pieredzi interaktīvāku un saistošāku.

Tālruņa lietotnes UX · UI dizains

Problēmas definīcija

Pie idejas nonācu, novērojot šūšanas entuziastiem nereti ir grūti izvēlēties pareizo audumu konkrētai piegrieztnei, jo tie tipiski šūšanas žurnālos tiek demonstrēti kā attēlā pa kreisi.

Cenšoties iztēloties, kā gala rezultāts izskatīsies, nereti nākas saskarties ar vilšanos un nevajadzīgiem tēriņiem.

Lai to risinātu tiek radīta lietotne, kas ļauj lietotājiem pārlūkot dažādas šūšanas piegrieztnes, atlasīt dažādus audumus, un vizualizēt, kā izvēlētais audums izskatīsies konkrētajā šūšanas projektā.

Lietotne ļauj arī veikt tiešu pasūtījumu, nodrošinot ērtu iepirkšanās pieredzi.

Dizaina process

Veicot intervijas ar potenciālajiem lietotājiem, sapratu, ka pieprasījums pēc šāda veida lietotnes ir izteikts. 7 no 7 šūšanas entuziastiem, tostarp profesionāļiem, apgalvoja, ka šāda lietotne atvieglotu profesionālo procesu.

Saņemot apstiprinājumu par tās aktualitāti, nākamajos soļos veicu izpēti par jau esošu līdzīgu lietotņu vai tīmekļa lapu darbību. Noskaidroju, ka šāda veida projekts vēl nav ticis aktualizēts ārpus Adobe Photoshop pamācībām auduma raksta uzklāšanai uz piegrieztnes formas.

Pirmās versijas zīmējumus pakārtoju paredzētajai lietotāja pieredzes “kartei”: pieteikšanās, pārlūkošana, 3D vizualizācija, pasūtīšana, atgriezeniskā saite.

Dizaina izvēles tika vadītas, apsverot uzņēmuma zīmola tēla notiekošās pārmaiņas un mērķauditoriju. Izpētot auditoriju un klientu loku, uzzināju, ka 87% no interesentiem ir sievietes vecumā no 25 līdz 45 gadiem.

Apzinoties zīmola piedāvājuma klāstu gan sieviešu, gan bērnu apģērbiem, UX un UI tiek izstrādāts ar mērķi sniegt kopīgu lietošanas pieredzi gan vecākam, gan bērnam izvēloties, piemēram, kleitu 1. septembrim. Lietotnes vizuālajā daļā bija svarīgi iekļaut toņus un formas, kas uzrunā kā pieaugušos, tā bērnus.

Lietotnes dizains atjautīgi apvieno bērnišķu rotaļību un modernu gaumīgumu, spēlējoties ar pasteļa toņiem un stilizētiem UI elementiem. Izvēlējos siltas un draudzīgas krāsu paletes, kas atspoguļo mājīgumu un radošumu.

· AR lietotne 09:57·

UNITY

3D saturs

Burtveidols un 3D animācija sociālo tīklu video sērijai. Teksts modelēts 3D programmatūrā ZBrush, gaismots 3D programmatūŗā Blender, banknošu animācija veidota ar Adobe After Effects

P

O

R

T

R

E

T

S

T

E

K

S

T

S

P

O

R

T

R

E

T

S

.2

E

R

R

O

R

S

K

A

Ņ

A

S

V

I

L

N

I

S

Pikseļu gifi WEB izklājumam

Izstāžu WEB publikācijas

Izstādes banneris un plakāts

Izstādes banneris

Izstādes plakāts

Interaktīvi darbi

Atvērt jaunā cilnē

WEB pieredzes

HTML, CSS, ….?

Atvērt jaunā cilnē

VR pieredze

UNITY

Interaktīva instalācija

Microsoft Kinect kustības sensors, TouchDesigner, Python, Ableton Live

VIDEO

Adobe Premiere Pro, Adobe After Effects

ASCII portreti avīzes tīmekļa publikācijai

Sociālo tīklu saturs Top Media publikācijai

Sekojot Top Media noteiktajām vadlīnijām, atbilstot uzņēmuma tēlam