A01 chaf6542 06 se fm indd

Mobile site design option C. Responsive design

Today’s  multiple-  device-  using consumers need content in the right format in real time, 

which presents challenges as the form factor and operating system varies across most of their 

devices. Enter 

responsive design

, which automates the overlay of contextually relevant con-

tent matching the profiles of mobile users – allowing you to access social media feeds, loyalty 

offers and other data feeds triggered by your preferences to maximise engagement and to 

optimise sales conversion.

First introduced as a concept in 2010, responsive design is the principle that web develop-

ers deploy to design website styling that changes the display layout to suit users of a range of 

mobile devices using modern web development methods like CSS3 and image scaling. Blocks 

of content are moved and rescaled based on screen resolution, as shown in Figure 11.21.