One size doesn’t fit all anymore. Mobile phones, tablets, and even TVs now access the web, so its vital that your website has the ability to serve the variety of devices.
All businesses need a mobile friendly or tablet friendly site. Especially a premium consultancy like RISC, who have highly influential, time poor customers.
Having already built the website for Risc, and selecting a theme that didn’t have responsive style sheets built in, we’d have to consider either
a) creating a redirect site for mobile/tablet use; or
b) changing the style sheets using media queries (i.e if site is between 200px and 500px make the menu look like this…)
We chose the latter because we felt maintaining two sites would be overkill, and we also wanted the ability for the site to resize according to the screen size. In some instances going with a redirect might be advisable if you wanted to reduce load times by uploading smaller images.
There were 3 main considerations in developing new style sheets:
1) All widths had to be fluid, so that as the screen got smaller or bigger, the dimensions of the site would change, becoming either bigger or smaller.
2) The homepage had to be completely redone , as a two column approach wouldn’t work on a mobile. We in effect hide those elements on a mobile.
3) The menu system would ultimately take up the majority of the viewing space so we utilised what is called a toggle menu, that appears and disappears on click.
We created rules for style sheets such as, if device is x size, then make the site look like x. The most important piece was the menu, which we decided on a toggle menu, click and it drops down, click and it dissapears.
Open www.riscpl.com on your mobile or simply resize your browser to see it in action.