WWW-sivuston rakenteellinen ja visuaalinen uudistus : NettiTieto Oy

Abstract

Opinnäytetyö käsittelee NettiTieto Oy:n uuden rakenteellisesti ja visuaalisesti toimivan internetsivuston luomista ja sitä mitä kaikkea tulee ottaa huomioon onnistuneen ja menestyneen www-sivuston suunnittelussa. Työn tavoitteena oli luoda NettiTiedolle sellainen sivustokokonaisuus, joka antaa selkeän, yhtenäisen ja ennen kaikkea luotettavan kuvan yrityksestä sekä on nykyaikainen, raikas ja helppokäyttöinen.

Opinnäytetyön lähtökohtina olivat yritykseen ja sen vanhoihin internetsivuihin tutustuminen, kilpailijoiden sivustojen analysointi sekä tavoiteltavat mielikuvat uuden sivuston suhteen, jotka olivat nuorekkuus, luotettavuus, kotimaisuus ja innovatiivisuus. Työssä perehdyttiin www-suunnitteluun tarkemmin tutustumalla käytettävyyttä, sisällön organisoimista, sivuston ulkoasusuunnittelua ja kolmiulotteisuutta koskevaan lähdemateriaaliin.

Raportissa esitellään NettiTiedon internetsivuston uusimisprosessi tavoitteiden asettamisesta ideoinnin ja mielikuvakarttojen, sisällön organisoimisen ja luonnostelun kautta valmiiseen visuaaliseen ilmeeseen ja uudelleen järjestettyyn sisällön rakenteeseen.

Työn tuloksena syntyneet uuden visuaalisen ilmeen sisältävät taittomallit, uudelleen järjestetystä sisällöstä laadittu sisältökartta ja tyyliopas toimivat ohjeina sivuston tuotannon ja myöhemmän päivittämisen vaiheissa. Työn tuloksia arvioidaan sivuston lähtökohtien ja tavoitteiden näkökulmasta sekä opinnäytetyön prosessin etenemistä ja onnistumista pohditaan henkilökohtaisesta näkökulmasta.

This thesis deals with creating a company’s new web site, which works visually and by structure and what has to be considered in designing a successful web site. The main goal was to create a web site entity, which creates a clear, solid and above all trustworthy image of the company NettiTieto Oy and is modern, fresh and user friendly.

The basis of this thesis was getting to know the company and its old web site better, analyzing the rivals’ websites and the desirable visions, in regard to the new site, which were youthfulness, reliability, nationality and innovativity. During the process web design became more familiar by exploring different sources of usability, organizing content, visual designing and three-dimensionality.

This thesis explains the renewal process from setting the main goals by ideas and visual mind maps, organizing the content and drafting to final visual appearance and the renewed structure of the content.

The renewed visual layout, site map and style guide work as guidelines during the production and later updating of the site. The results are evaluated in the view of the primary goals of the site and the process of the thesis is being examined from a personal angle.