Omakoru Oy:n verkkokaupan mobiilioptimointi

Abstract

Työn tarkoituksena oli parantaa WordPress-pohjaisen verkkokaupan asiakaskokemusta mobiililaitteilla. Ongelmana oli verkkosivujen hitaus ja ulkoasun toimimattomuus; Mobiililaitteilla jouduttiin käyttämään tietokoneversiota sivusta. Tavoitteena oli nopeuttaa sivujen latautumista sekä muokata niiden ulkoasua paremmin mobiililaitteille sopivaksi. Tämän saavuttamiseksi käytettiin WordPressin omia lisäosia sekä Cascading style sheets (CSS)-koodia. Työssä huomattiin, että verkkokaupan optimointi nopeuttaa selaamista ja parantaa käyttäjäkokemusta. Kaiken kaikkiaan työ onnistui hyvin, sillä tavoitteisiin päästiin onnistuneesti. Työssä käytetyt toimenpiteet eivät ole monimutkaisia, vaan niitä voi helposti käyttää myös muissa samankaltaisissa WordPress-pohjaisissa verkkokaupoissa. Ratkaisemattomaksi ongelmaksi jäi joissain iPhone-malleissa huomattu päävalikon väärä sijainti, joten jatkotoimenpiteitä tarvitaan.

In this thesis it is shown how a WordPress based online store can be optimized for mobile usage. The problem in the first place was the slow responsiveness of web pages and the overall lack of mobile friendliness. In other words, on mobile devices, served pages were the computer versions. The aim of this thesis was to optimize the appearance of the store so that mobile users could use the store better as well as get the pages to load quicker in general. This was accomplished by installing add-ons for WordPress and modifying some Cascading style sheets (CSS)-code afterwards. In this thesis, it was found that faster loading times and overall responsiveness lead to better user experience. Overall, the project worked out well, as the objectives were achieved successfully. The procedures in this thesis are not complicated and they can be used in other WordPress based web sites. A problem that was not solved, had to do with some iPhone models. In those cases, the main menu could appear in the wrong place, so follow-up actions are still needed.