Designing a responsive web site

Diana Fejzić (2016) Designing a responsive web site. EngD thesis.

Preview

PDF Download (3526Kb)

Abstract

Due to the increasing prevalence of smartphones and tablet computers design became a crucial part of web design. For a user, responsive web design enables the best user experience, regardless of whether a user is visiting the site via a mobile phone, a tablet or a computer. This thesis covers the process of planning, designing and responsive web site development, for a fictitious company named “Creative Design d.o.o.”, with the help of web technologies. In the initial part of the thesis, we learn about the responsive web design concept. Before moving on to the graphical design of the web site, we will introduce the process of planning and development of responsive site’s concept. The main part of the thesis is a detailed description of the process of creating the graphic design of the web site with the help of Adobe Photoshop and Adobe Illustrator. This is followed by descriptions and examples of the functionality of applied web-based technologies in the web site implementation, such as, HTML, CSS, SASS, JavaScript, jQuery, Bootstrap and PHP. As a conclusion, we tested the adaptability of web pages in different resolutions and displayed them in different browsers.

Actions (login required)