Responsiivisen kotisivuston suunnittelu ja toteutus Halikon betonilattiat Tmi:lle

Abstract

Tämä opinnäytetyö tehtiin toimeksiantona Halikon betonilattiat Tmi:lle. Yritys tekee betonilattioita erilaisiin kohteisiin, joita ovat autotallit, omakotitalon pohjat, kerrostalot ja varastot. Toimeksiannon ja työn tavoitteena on suunnitella ja laatia yritykselle kotisivut pakettiratkaisuna. Paketti sisälsi internetsivujen teon nykyaikaisin keinoin, mikä sisältää HTML5:n, CSS3:n, responsiivisen suunnittelun ja mobiilipuolen. HTML5, CSS3 ja responsiivinen suunnittelu ovat uutta web-suunnittelussa. Lisäksi luotiin yrittäjälle yrityssähköposti ja linkitys yrittäjän puhelimeen. Sivusto toteutettiin Joomla 2.5 LTS (long term support) -versiolla. Webbihotellina toimii hostingpalvelu.fi, josta saatiin myös verkkotunnuksen yrityksen kotisivuun. Kotisivut koostuvat viidestä eri valikosta, joihin mm. kuuluu kuvagalleria ja yhteydenottolomake. Yritys on pieni, joten sivuille ei tarvinnut tuottaa paljon sisältöä. Tässä työssä käytettiin maksullista sivupohjaa nimeltä WS None, joka on responsiivisesti suunniteltu sivupohja. Kotisivu on testattu Firefoxilla, IE 10:llä (Internet Explorer 10) ja Google Chromella. Kotisivuja on myös testattu eri laitteiden näyttöjen resoluutioilla. Testauksesta selvisi negatiivisia ja positiivisia asioita, joita opinnäytetyössä pohditaan. Kotisivu on otettu käyttöön syyskuussa 2013. Kotisivujen ansiosta yrittäjä on saanut yhteydenottoja uusilta asiakkailta ja suoramarkkinointia työvaatteista.

This thesis is made as an assignment to Halikon betonilattiat. The company makes concrete floors to different locations, such as garages, houses, apartment buildings and warehouses. The assignment was to design and implement a homepage to Halikon betonilattiat as a package solution. The package contains a homepage, designed by modern methods and including HTML5, CSS3, Responsive Web Design (RWD) and mobile section. HTML5, CSS3 and Responsive web design are the future in web design. A company e-mail was also made and linked to entrepreneur’s phone. Website was made with Joomla 2.5 LTS (long term support) version. Web hosting is from hostingpalvelu.fi where the domain for the site was gained. The website contains five menus, including e.g. a photo gallery and a contact form. The company is small so the contents are not very large either. WS None was used as a template. It is a premium template and with charge. The template was designed in a responsive way. The homepage was tested with Firefox, IE 10 (Internet Explorer 10) and Google Chrome. The homepage was also tested with different screen resolutions to simulate different devices. Testing showed both negative and positive aspects discussed in the study. The homepage was introduced in September 2013. Entrepreneur has received contacts from new customers and direct marketing from company that manufactures work clothing.