Ray Ban - završni projekt

Istraživanje teme

Ray ban službena stranica u Hrvatskoj

Diesel službena stranica

Tokom proučavanja tih dviju stranica stvorile su se ideje o novom dizajnu, iako s niti jedne stranice nije implementiran niti jedan dio dizajna, stavljene su ovdje kao izvor inspiracije iako nisu bile od koristi.

Hijerarhija

Projektni postupak izrade dizajna

Wireframe, također poznat kao shematski prikaz web sjedišta, koristi se za izradu grube skice web stranice bez teksta, odnosno wireframe nema svoje posebne fontove već tekst prikazuje poput grafike.

Wireframe sam koristio za izradu skice web stranice za prikaz na monitoru i mobitelu.

Skice za mobitel i monitor

Prototip

Nakon izrađenih wireframe-ova za stranicu izrađen je i prototip stranice koji sadrži tekst i slike koje su na stranici.

Prototip mobilnog prikaza i prikaza na monitoru izrađen je u Adobe Photoshop alatu.

Tehnologije i alati

Tokom izrade projekta korištene su tehnologije:

Također su korišteni Adobe-ovi alati Photoshop i Dreamweaver te dodatni alati Brackets i Balsamiq Mocup.

Balsamiq mocup korišten je za izradu wireframe-ova.

Izvori

Wireframe

Ray ban

Diesel