Kansainvälisen verkkokaupan responsiivinen suunnittelu

Abstract

Opinnäytetyössä käsitellään kansainvälisen verkkokaupan responsiiviseen suunnitteluun vaikuttavia tekijöitä, responsiivista sisällönasettelua, responsiivisia navigaatiomalleja sekä verkkopalveluiden sisältöhierarkiaa. Tietopohjana toimivat verkkosuunnittelun ammattilaisten kirjoittamat artikkelit ja teokset. Opinnäytetyössä havainnoidaan verkkokauppojen responsiivisia ratkaisuja sekä verkkokauppojen hyödyntämiä tekniikoita. Responsiivinen suunnitelma toteutetaan teoriapohjan, olemassa olevien verkkokauppojen ja verkkokaupoille soveltuvien teemojen pohjalta. Opinnäytetyön tavoite on kehittää kansainväliselle verkkokaupalle responsiivinen suunnitelma.

Opinnäytetyössä perehdytään responsiivisuuden periaatteisiin ja syvennytään responsiiviseen sisällönasetteluun ja navigaatiomalleihin. Työssä paneudutaan myös verkkokauppojen responsiiviseen suunnittelun syihin ja mahdollisuuksiin. Lisäksi opinnäytetyössä tarkastellaan verkkokauppojen asiakkaita ja heidän tapojaan hyödyntää verkkokauppoja.

Lopuksi opinnäytetyössä käydään läpi responsiivisen suunnitelman työprosessia. Aluksi perehdytään suunnittelun alkuvaiheeseen, jonka jälkeen perehdytään laitekohtaiseen suunnitteluun. Opinnäytetyön tuloksena syntyi responsiivinen suunnitelma kansainväliselle verkkokaupalle.

This thesis deals with subjects that affect responsive web design for international webstores, content layouts, navigation layouts as well as content hierarchy in webstores. The theory is based on books and articles written by the web design professionals. The thesis observes the responsive solutions of webstores as well as technologies used in webstores. The responsive design was carried out on the basis of theory, real webstores as well as themes suitable for webstores. The aim of this thesis was to develope a responsive design for an international webstore.

The thesis goes through the basic principles of responsive web design and more deeply in the subjects of content layouts and navigation layouts. This thesis concentrates in the reasons and possibilities of responsive web design. Furthermore, the customers of the webstores and their ways of utilizing webstores were analysed in this thesis.

Lastly, this thesis goes through the process of responsive web design. Firstly, concentrating on the first part of the design process and proceeding to designing for certain devices. The result of this thesis work is a responsive design for an international webstore.