A Website Design with the Mobile-first Approach
Satyal, Umesh (2016)
Satyal, Umesh
Metropolia Ammattikorkeakoulu
2016
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201605025896
https://urn.fi/URN:NBN:fi:amk-201605025896
Tiivistelmä
This thesis aims to explain the mobile first design approach in web design and development and its advantages over other prevalent approaches.
In the study, the mobile web, its trends and different approaches for design and developing a mobile first web application are described and a comparison between mobile sites and mobile first sites is made. The concept of responsive web design and different grid systems are discussed as they are essential factors for responsive web design.
During the project, a responsive, mobile-first sports and activity portal was built. In the portal users can browse among different sports and recreational activities and choose the ones that interest them most. Users have a choice to choose activities with respect to price, place and activity provider. A map is also embedded with the search result interface so that users can easily get into the venue.
The portal can be used for the effective planning of vacation and leisure time. For service providers, it makes them easy to advertise their services. For those service providers which do not have a sufficient budget for creating and maintaining an online booking system, this portal can also be their official booking portal. Preliminarily, it is in the English language but it aims to be a multi-lingual website.
In the study, the mobile web, its trends and different approaches for design and developing a mobile first web application are described and a comparison between mobile sites and mobile first sites is made. The concept of responsive web design and different grid systems are discussed as they are essential factors for responsive web design.
During the project, a responsive, mobile-first sports and activity portal was built. In the portal users can browse among different sports and recreational activities and choose the ones that interest them most. Users have a choice to choose activities with respect to price, place and activity provider. A map is also embedded with the search result interface so that users can easily get into the venue.
The portal can be used for the effective planning of vacation and leisure time. For service providers, it makes them easy to advertise their services. For those service providers which do not have a sufficient budget for creating and maintaining an online booking system, this portal can also be their official booking portal. Preliminarily, it is in the English language but it aims to be a multi-lingual website.