ISTRAŽIVANJE TEME

Modernost stranice je vrlo važno jer ako korisnici nešto što nije moderno automatski zaključe da tvrtka nije moderna i zbog toga mnoge tvrtke izgube mnogo potencijalnih i trenutnih kupca. Još jedan veliki minus te stranice je to što nije responzivna što stvara velike probleme jer danas više ljudi koriste mobilne uređaje da pogledaju nešto na internetu nego na računalu. Stranica ima dosta zastarjelih elemenata i principa te nije prilagođena za male uređaje i zbog tog razloga mislim da treba redizajn.

Sljedeće stranice su neki primjeri web stranica od konkurencije:

Sljedeće stranice su služile za motivaciju:

STRUKTURA WEB SJEDIŠTA

Na slici je prikazan grafički prikaz hijerarhijske strukture web sjedišta. Strukturu sam držao vrlo jednostavnu i laganu za razumjeti. Prvo se dođe na naslovnu stranicu kroz koju korisnik onda može odabrati koju hoću stranicu prvu vidjeti. Za usluge sam razmišljao napraviti posebnu stranicu i u kratko opisati usluge koje nude ali sam onda dobio ideju da se usluge podijele u četiri zasebne stranice koje imaju detaljan opis za svaku uslugu koju nude.

WIREFRAMEOVI - DESKTOP

Kreirao sam wireframe za desktop verziju s ciljem da se sadržaj na stranici pokaziva na zanimljivi način. Na kraju se dosta elementa od wireframea iskoristilo i jedina stvar koja se promjenila je bila footer i navigacija

Ovdje možete vidjeti cijelu verziju wireframea

WIREFRAMEOVI - MOBILNI

Wireframe za mobilne verzije je bilo vrlo koristan i transformirao sam wireframe za desktop verzije na mobilne bez problema. Neki elementi jednostavno nisu izgledali dobro pa sam ih izbacio.

Ovdje možete vidjeti cijelu verziju wireframea

PROTOTIP

Prvi prototip koji je bio kreiran je dosta dobro izgledao ali su bili neki problemi kao što su preveliki/mali razmaci između paragrafa, preveliki footer i prevelika slova. Na kraju je dosta toga ostalo u pravoj stranici.

Ovdje možete vidjeti cijelu verziju prototipa

KORIŠTENE TEHNOLOGIJE I ALATI

TEHNOLOGIJE

HTML5 - Kreiranje sadržaja na web stranici
CSS3 - Kreiranje izgleda na web stranici
JavaScript - Kreiranje slidera
jQuery - Kreiranje navigacije za male uređaje

ALATI

Komodo IDE - Koristio sam za večinu vremena i bio glavni editor koji sam koristio
Brackets - Koristio sam nekoliko puta da brzo izmjenim sadržaj na stranici ili slično
Illustrator - Glavni vektroski alat koji sam koristio i u njemu sam napravio novi logo od tvrtke

IZVORI

Sav tekst iz web stranice je bio preuzet sa originalne web stranice

Originalna C Mont web stranica

Sve slike su bile skinute s Unsplash

Unsplash

Javascript slider

Ovdje je link za slider