Verkkosivuston suunnittelu ja toteutus arkkitehtitoimistolle

Abstract

Opinnäytetyön tavoitteena oli suunnitella ja toteuttaa verkkosivut arkkitehtitoimisto Jarmo Sulonen Oy:lle. Verkkosivujen tarkoituksena on edistää yrityksen digitaalista markkinointia ja tunnettavuutta. Ennen verkkosivujen suunnittelua tehtiin vaatimusmäärittely, jossa määriteltiin verkkosivuille asetettavia teknisiä ja sisällöllisiä vaatimuksia.

Mobiiliselaamisen kasvun johdosta verkkosivujen suunnittelutyyliksi valittiin suunnittelutyyli, joka ottaa ensisijaisesti mobiilikäyttäjät huomioon. Suunnitteluvaiheessa verkkosivuista suunniteltiin ensiksi mobiiliversio, jonka pohjalta luotiin versiot isoimmille selainlaitteille. Toteutustavaksi verkkosivuille määriteltiin HTML, CSS ja JavaScript tekniikat. Verkkosivujen suunnittelu aloitettiin rautalankamallilla, jossa piirrettiin ja hahmoteltiin verkkosivuston perusrakenne.

Suunnitteluvaiheessa verkkosivuille suunniteltiin yksinkertainen ja yksisivuinen rakenne, joka sopi vaatimusmäärittelyssä määriteltyihin vaatimuksiin. Verkkosivujen tulivat olla responsiiviset, eli niiden täytyi toimia ja mukautua erilaisten selainlaitteiden mukaisesti. Toteutusvaiheen ja julkaisun jälkeen tuloksena syntyivät verkkosivut, jotka löytyvät osoitteesta http://arkjsu.fi/.

The goal of this thesis was to design and implement a website for the architectural firm Jarmo Sulonen Oy. The purpose of the website is to increase digital marketing and reputation of the firm. Before designing the website, a software requirements specification was created to describe what kind of content and technical requirements the website had to include.

Mobile first design was chosen as the main design method, because mobile browsing has heavily increased during recent years. Mobile first design means that the design process starts from designing to mobile users first. HTML, CSS and JavaScript were chosen as the implementation methods for the website. The design process begun with a wireframe, in which the basic layout of the website was sketched.

In the design process the website was designed to be a simple single page website, because it fit to the requirements of the software requirements specification. The website was required to be responsive, which meant it had to automatically adapt to different browsing devices. After the implementation and publishing processes a website was created, which can be found in http://arkjsu.fi/.