Verkkosivuston visuaalinen suunnittelu ja toteutus

Abstract

Opinnäytetyöni tutkimuskohteena on verkkosivuston visuaalinen suunnittelu ja toteutus. Verkkosivuston visuaaliseen suunnitteluun kuuluu luonnollisena osana myös verkkosivuston rakenteellinen suunnittelu, joten se on osa tutkimuskohdetta. Työ on toiminnallinen eli tavoitteena on kahden verkkosivuston käytännön suunnittelu ja toteutus sekä näiden verkkosivustojen avulla verkkosivuston suunnittelun teoreettinen tarkastelu. Opinnäytetyön toimeksiantajat ovat Proflex Oy ja Wasa T&K Rör Ab – Putki Oy. Teoriaosassa käsittelen verkkosivuston visuaalista suunnittelua, joka koostuu graafisesta suunnittelusta, väriopista, typografiasta sekä kuvasuunnittelusta. Näiden ohella käsittelen myös verkkosivuston rakenteellista suunnittelua, joka on osa verkkosivuston käytettävyyttä ja navigointia. Verkkosivuston visuaalisella suunnittelulla voidaan vaikuttaa siihen, miten käyttäjä vastaanottaa verkkosivustolta saatavan informaation ja kokee vierailun sivustolla. Visuaalisen ja rakenteellisen suunnittelun avulla voidaan parantaa yrityksen ja asiakkaan välistä kommunikaatiota. Verkkosivuston suunnittelu koostuu tekijän omasta luovuudesta sekä ennalta määrätyistä käytännöistä ja säännöistä.

The research subject of this thesis was the visual designing and realization of a web site. Structural designing is a natural part of the visual designing, so structural designing is a part of the research subject. The main goal was the practical realization of the client websites and the theoretical examination of the visual and structural designing. The client companies were Proflex Oy and Wasa T&K Rör Ab - Putki Oy. In the theoretical section of the thesis the visual designing, which consist of graphic design, color, typography and imagery were examined. Along with the visual designing the structural part of the website designing, which is part of the website’s usability and navigation was examined. The way that user receives the information in the website can be affected by visual designing. Also the communication between company and customer can be improved by visual and structural designing. The design of a website consists of creativity and predefined customs and rules.