Nakon što smo definirali osnovnu strukturu kroz low-fidelity wireframe, sljedeći korak bio je izrada high-fidelity wireframe-a. Ova verzija donosi detaljniji prikaz aplikacije, uključujući vizualne elemente poput boja, tipografije, ikona i rasporeda sadržaja u finalnom obliku.

Cilj high-fidelity wireframe-a bio je prikazati realističniji izgled i dojam aplikacije, kako bi se bolje razumjelo korisničko iskustvo i uočile eventualne prilagodbe prije razvoja same aplikacije. Za razliku od LF verzije, ovdje je naglasak stavljen na estetiku i vizualnu konzistenciju, uz zadržavanje funkcionalnosti definiranih ranije.

Wireframe je izrađen u alatu Figma i poslužio je kao temelj za prijelaz iz konceptualne faze u završni dizajn aplikacije.

Homepage desktop version

Ova slika predstavlja high-fidelity wireframe za desktop verziju početne stranice (homepage), izrađen u Figma alatu.

Za razliku od low-fidelity wireframe-a, high-fidelity sada prikazuje logo te slike i tekst koji će se nalaziti na stranici.

image.png