Hodgson & Coulthard appointed Transcendit to design and built a simple holding page for their company.
Although it is a single web page, we used responsive web design techniques in order to display its content appropriately in various devices, be it smartphones, tablets or more ordinary computers such as laptops or PCs...
As you can see in the image below, to reduce unnecessary image load on smaller devices, the background image representing Hodgson & Coulthard's office has been taken off.
But it was done the right way, there is a very common mistake with responsive web designers and developers at the minute whereby they simply don't display the image (using "display:none") for smaller devices but unfortunately it is still loaded in the background, thus defeating the point. Using CSS media queries, we only load the background image when it is appropriate and not slowing the whole website.
