Responsiivinen web design

Abstract

Opinnäytetyön tavoitteena oli toteuttaa responsiiviset verkkosivut suomalaiselle Puhtaasti kotimainen -brändille. Lisäksi sivuston alustaksi tuli asentaa Mainostoimisto SST:n oma julkaisujärjestelmä, jotta sivustoa on jatkossa helpompi päivittää.

Opinnäytetyössä kerrotaan, mitkä seikat ovat johtaneet responsiivisuuden tarpeellisuudelle, miten responsiivisuus on muuttanut projektien kulkua sekä minkälaisia ongelmia syntyi, kun projektia toteutettiin ensimmäisten kehittäjien joukossa vuonna 2012. Tämän lisäksi työssä tutkitaan responsiivisen web-kehittämisen kulmakiviä.

Sivuston toteutus onnistui suhteellisen mutkattomasti. Responsiivinen ajatusmalli kehittynyt paljon kahdessa vuodessa ja myöhemmin toteamaan, kuinka joitakin ratkaisuja olisi voinut sivustossa toteuttaa toisin. Erityisesti valikkoratkaisuihin sekä kuvien optimointiin on myöhemmin kehitetty huomattavasti laadukkaampia ja kätevämpiä toteutustapoja.

The purpose of this thesis was to create a responsive web site for the Finnish brand called Puhtaasti kotimainen. In addition, the web site should integrate a content management system created by the Finnish advertising agency Mainostoimisto SST. The content management system should make the updating of the new web site much easier than before.

The theoretical part of the thesis examines the reasons which have led to the need of a responsive web design. Moreover, the thesis describes the main changes that were implemented during the process of creating the web site and the type of problems that arose as the web site was the first responsive web site constructed by Mainostoimisto SST and one of the first responsive web sites in Finland, as well. The thesis also discusses the main components of responsive web design.

The web site was created with HTML, PHP, CSS3’s media queries and JavaScript. The result was satisfactory for both the customer and Mainostoimisto SST. The content management system made the updating of the web site considerably easy even for laymen.

No major problems occurred in the process of creating the first responsive web site project in Mainostoimisto SST. In 2012, the agency was a pioneer in what at the time was a new area of web design in Finland. In two years’ time, the design of, for example, navigation solutions and optimization of images have further developed.