CREATING RESPONSIVE UI FOR WEB STORE USING CSS
Wiciak, Magdalena (2014)
Wiciak, Magdalena
Jyväskylän ammattikorkeakoulu
2014
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201405239584
https://urn.fi/URN:NBN:fi:amk-201405239584
Tiivistelmä
Nowadays people spend most of their days using mobiles and tablets to access web sites. It is really important to ensure that all customers are able to access a web site no matter where they are and which devices they use. That is why the interest in creating responsive design is increasing.
Responsive Web Design is an approach that provides responding of the web site according to the environment where it is accessed. The thesis shows how to create responsive UI for the web store based on the IBM WebSphere Commerce. The first part the thesis analyses the best practices for creating a responsive UI, which is the usage of flexible grids, images and CSS media Queries.
IBM WebSphere commerce is a software platform for cross-channel commerce. In the third chapter IBM WebSphere Commerce is introduced with Management Center and Commerce Composer. Additionally, the processes of creating a new page and layout are discussed.
The fourth chapter shows how to extend an existing starter store for the client’s needs and provide responsive user interface for the new customized web store. The last chapter presents the conclusion concerning this thesis.
The result of the thesis is fully responsive user interface for the Kotipizza web store. In the future the logic of the store behind the UI needs to be added. After all needed tests the web store is to be presented to the customer.
Responsive Web Design is an approach that provides responding of the web site according to the environment where it is accessed. The thesis shows how to create responsive UI for the web store based on the IBM WebSphere Commerce. The first part the thesis analyses the best practices for creating a responsive UI, which is the usage of flexible grids, images and CSS media Queries.
IBM WebSphere commerce is a software platform for cross-channel commerce. In the third chapter IBM WebSphere Commerce is introduced with Management Center and Commerce Composer. Additionally, the processes of creating a new page and layout are discussed.
The fourth chapter shows how to extend an existing starter store for the client’s needs and provide responsive user interface for the new customized web store. The last chapter presents the conclusion concerning this thesis.
The result of the thesis is fully responsive user interface for the Kotipizza web store. In the future the logic of the store behind the UI needs to be added. After all needed tests the web store is to be presented to the customer.