Verkkosivujen uudistus Case: Mirellan Antiikki

Abstract

Tämän toiminnallisen opinnäytetyön tavoitteena oli uudistaa Mirellan Antiikin verkkosivut ja verkkokauppa avoimen lähdekoodin julkaisujärjestelmää käyttäen. Yrityksellä oli työn alussa toimivat ja sisällöltään ajantasaiset verkkosivut, jotka kuitenkin kaipasivat uudistamista sekä ulkoasultaan että toiminnoiltaan.

Projektin aluksi kartoitettiin asiakkaan toiveet ja tarpeet uuden verkkosivuston suhteen. Tärkeimmiksi tavoitteiksi nousivat kaksikielisyys, verkkokauppa, saavutettavuus, käytettävyys ja korkea sijoittuminen hakukoneissa tietyillä avainsanoilla haettaessa. Asiakkaan toiveiden ja tarpeiden selvittelyn jälkeen alkoi työn teoriaosuuden kerääminen. Aihealueen kehitys on erittäin nopeaa, minkä vuoksi ajantasaista kirjallisuutta on vähän. Teoriaosuudessa pääpaino on asetettu hakukoneoptimointiin, julkaisujärjestelmään, käytettävyyteen, viestintään ja tietoturvaan.

Kerätyn teoriatiedon pohjalta oli helppo aloittaa työn varsinainen toiminnallinen osuus, eli verkkosivuston konkreettinen toteuttaminen. Julkaisujärjestelmäksi verkkosivustolle valikoitui WordPress helppokäyttöisyytensä vuoksi. WordPressillä on laaja ja aktiivinen kehittäjien yhteisö ja siihen on helposti saatavilla erilaisia teemoja ja lisäosia. Kaikkea ei siis tarvitse aloittaa täysin nollasta. Valmiilla teemoilla ja lisäosilla on myös mahdollista tehdä hyvinkin räätälöity layout, jos niin halutaan.

Kehitysympäristö sivustolle perustettiin käyttämättömäksi jääneen domainin webhotelliin. WordPress asennuksen jälkeen sivustolle asennettiin lisäosa, jonka avulla sivuston julkinen osa saatiin asetettua huoltotilaan. Kehitysympäristössä sivustolle testattiin sopiva teema, lisäosat, värimaailma ja fontit. Kehitysympäristössä sivusto tehtiin lähes täysin valmiiksi suomalaisten sivujen osalta, ja osittain valmiiksi englanninkielisten sivujen osalta. Asiakas pääsi siis testaamaan ja hyväksymään kehitysympäristössä lähes valmiin sivuston prototyypin ennen vanhan sivuston poistamista ja uuden lopullista asennusta.

Renewal of Website Case: Mirella’s Antique

The purpose of this Bachelor’s thesis was to renew the website and e-commerce of Mirella’s Antique shop, the commissioning company, using an open source content management system. At the beginning of this project, the commissioner already had a working website. This site, however, was in need of an update both in appearance and functionality.

This project started by interviewing the owner of the antique shop to canvass the wishes and requirements for the new website. The most important requirements were found to be bilingualism, e-commerce, accessibility and usability as well as high ranking in the search engine for certain keywords. When the goals were known and accepted, the theoretical part of the work began. The theoretical section is focused on search engine optimization, usability, content management systems, communication and data security.

It was easy to start the actual functional part of the work, after the initial information was collected. WordPress was selected as the content management system, because of its usability. WordPress has a lot of themes and plugins that are ready to use, therefore, it was not necessary to start from scratch. WordPress is one of the most popular open source content management systems and it has a large community of developers. Therefore, it can be presumed that it will be actively developed and updated also in the future.

The website was built and tested in a developmental environment, where its theme, plugins, colours and fonts were tested. After the sites’ functionalities, layout, and almost all the pages were ready in the development environment, the site was tested by the commissioner. After the prototype had been approved the final task of removing the commissioner’s previous sites and installing the new one.