Redizajn web stranice od idejnog do finalnog rješenja

master's thesis

• Author: Martina Novosel
• Mentor: Mile Matijević (mentor)
• Committee member: Miroslav Mikota (član povjerenstva)
• Committee member: Mile Matijević (član povjerenstva)
• Committee member: Krešimir Dragčević (član povjerenstva)
• Granter: University of Zagreb; Faculty of Graphic Arts; Zagreb
• Defense date and country: 2019-9-26, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Graphic Technology

Abstract

U ovom radu govoriti će se o izradi web stranice, načinima kreiranja korisničkog sučelja

web stranice korištenjem suvremenih tehnologija te pravila unutar web dizajna. Proučiti

će se kako kreirati i razviti vizualnu formu web sjedišta obzirom na principe kompozicije

i organizacije, odnosa prikazanih informacija, tipografije, estetike i tehnologija na kojima

se web sjedište temelji. Temeljito je prikazan postupak kreiranja web stranice sa tehničke

te dizajnerske strane. U radu se oblikuje redizajn postojeće web stranice stvarnog klijenta

Arbi d.o.o. za objavu na webu. Naglasak je stavljen na dizajn same stranice te dojam

korisnika o stranici. Prilikom izrade, naglasak je stavljen na tehnologije koje se koriste

pri oblikovanju web stranice, te također na dizajn sučelja web stranice što uključuje

pravilno korištenje boja, tipografije i ostalih datoteka potrebnih za izradu web stranice.

Tim pristupima olakšava se prenošenje informacija korisniku i povećava se mogućnost

zadovoljstva korisnika sadržajem te zadržavanje korisnika na web stranici i napuštanje

iste s adekvatnim željenim informacijama.

Praktični dio rada uključuje dogovor s klijentom i izradu dizajna web stranice i samu

izradu stranice. Prvi, dizajnerski dio, layouti, biti će izrađeni u Adobe Photoshop formatu

te poslani klijentu u .jpg zapisu. Nakon odobrenja kreće se u izradu vizualnih materijala.

Slijedi tehnički dio izrade web stranice, izrada HTML dokumenata i jedan CSS dokument

u svrhu vizualnog uređenja web stranice. Web stranica mora biti vizualno usklađena i

jednostavna za korištenje. Sjedište će se izraditi prema pravilima responzivnosti kako bi

bilo prilagođeno svim uređajima. Bitno je da je stranica ugodna za korištenje pa će se

provesti kratki upitnik na 20ak korisnika kako bi se promjene mogle izvršiti prije same

objave stranice.

Abstract (english)

In this master's thesis it will be spoken about web page, ways of creating user interface

of web page using modern technologies and rules in web design. It will be studied how

to create and develop a visual form of a web site with following principles of composition

and organization, the relationships of presented informations, tipography, the aesthetics

and technologies on which web site is based. The proces of creating the web page is

presented from the technical and designer side. The redesign of a web page of the real

client Arbi d.o.o. will be shaped for publishing on web. Emphasis is placed on the design

of the page itself and the user's impression of the page. While the production of web page

emphasis was placed on technologies which are used while making the web page and also

on design of the website interface, which includes the proper use of colors, typography

and other files required to create the website. These approaches facilitate the transfer of

information to the user and increase the intensity of user satisfaction with the content, as

well as retaining the user on the web site and leaving it with adequate desired information.

The practical part of the work involves conversation with the client and designing the

website and making the site itself. The first part, designer part and layouts, will be created

in Adobe Photoshop format and sent to the client in .jpg format. When client approves,

the process of creating visuals starts. Following is the technical part of creating a website,

creating HTML documents, and one CSS document for the purpose of visualizing the

website. The website must be visually compliant and easy to use. The web site will be

made according to responsiveness rules to fit all devices. It is important that the site is

comfortable to use, therefore the questionnaire will be administered to 20 users in order

to provide changes before actual webpage is published on web.

• Keywords: Web dizajn; Html; Css; Redizajn; Front-end
• Keywords (english): Web design; Html; Css; Redesign; Front-end
• Language: croatian
• URN:NBN: urn:nbn:hr:216:510806
• Study programme: Title: Graphic technology; specializations in: Graphic technology, Design of graphic products; Course: Graphic technology; Study programme type: university; Study level: graduate; Academic / professional title: sveučilišni/a magistar/magistra inženjer/inženjerka grafičke tehnologije (sveučilišni/a magistar/magistra inženjer/inženjerka grafičke tehnologije)
• Type of resource: Text
• File origin: Born digital
• Access conditions: Closed access
• Created on: 2024-04-18 22:52:02