Prvi korak u izradi aplikacije bio je razvoj low-fidelity wireframe-a. Ovaj korak omogućio nam je da definiramo osnovnu strukturu i funkcionalnosti aplikacije prije nego što smo se posvetili vizualnim detaljima. Wireframe u ovoj fazi predstavljao je jednostavan nacrt ekrana i raspored ključnih elemenata poput sekcija za filmove, serije, korisnički račun i navigaciju.

Cilj LF wireframe-a nije bio estetski dizajn, već fokus na organizaciju informacija, tok kretanja kroz aplikaciju i logiku sučelja. Na taj način mogli smo brzo testirati ideje, identificirati moguće nedostatke i prilagoditi raspored elemenata bez trošenja puno vremena na vizualne prilagodbe.

Kasnije je upravo ovaj wireframe poslužio kao temelj za izradu high-fidelity verzije, u kojoj su dodani vizualni detalji i završni estetski elementi.

Homepage desktop version

Ova slika predstavlja low-fidelity wireframe za desktop verziju početne stranice (homepage). Wireframe je izrađen u alatu Figma i prikazuje osnovni raspored elemenata bez vizualnih detalja, s ciljem definiranja strukture i funkcionalnosti stranice.

image.png