Responsive web design and Magento e-commerce : creating a demo store

Abstract

This thesis is about responsive web design and Magento, the world’s most popular e-commerce platform. Today more and more people browse the web with mobile devices such as smartphones and tablets. Compared to a typical desktop screen, these devices limit the amount of pixels on the screen. Responsive web design is about having a one single HTML document that can be viewed on both mobile devices and on desktop screens without having to scroll the page hori-zontally. Hence, responsive web design eliminates the need for a separate mobile website. As more and more people use their smart devices to browse the web, today many use their devices to make online purchases. In Finland, responsive web design combined with online stores has not been widely implemented. In this thesis, a Magento-based online demo store was installed and configured with a respon-sive layout. The project was done for a small Finnish company specializing in web and mobile solutions, so that it could demonstrate the store to future clients. The final piece of work can be found in http://magentodemo.sofokus.com

Tämä opinnäytetyö kertoo responsiivisesta web-suunnittelusta sekä maailman suosituimmasta verkkokauppa-alustasta, Magentosta. Älylaitteiden, kuten puhelimien ja tablettien käyttö on tänä päivänä hyvin yleistä ja ihmiset käyttävät internetiä päivittäin älylaitteillaan. Näiden laitteiden näytöt ovat pienempiä, niin fyysistesti kuin pikselimäärän suhteen, verrattuna perinteiseen pöytäkoneen näyttöön. Responsiivisen websuunnittelun tavoite on tehdä yksi sivusto, mitä on sujuvaa käyttää päätelaitteesta riippumatta, siten eliminoiden tarpeen erillisille mobiilisivuille. Kun ihmiset käyttävät internetiä päivittäin, on myös tärkeää, että voi tehdä ostoksia verkossa mobiilisti. Responsiivinen web-suunnittelu yhdistettynä verkkokauppa-alustoihin on jotain, mitä Suomessa ei ole laajalti tehty. Tässä opinnäytetyössä toteutetaan Magento demo-verkkokauppa responsiivisesti. Työ tehtiin suomalaiselle IT-ratkaisuja toimittavalle pienyritykselle. Demokaupan tarkoitus oli demonstroida Magento-pohjaisia verkkokauppoja ja niiden toimintaa tuleville asiakkailleen. Lopullinen työ löytyy osoitteesta http://magentodemo.sofokus.com