Here’s an example of one of our first responsively designed websites we’ve been commissioned to undertake. Refer to our previous post to find out more about responsively designed websites.
To see how the design adapts to different devices and screen sizes, go to www.responsinator.com and enter www.maryellentaylor.co.uk into the box (top left) and Go! The layout fonts and navigation automatically adjust to suit whatever device or screen size is used.
The Responsinator is a great tool for getting a good idea of how your own website works at different screen sizes.
For visitors to Mary Ellen’s website, this means no more pinching, zooming and panning around to read the website on mobile devices. The page lands in a comfortable display style by default and navigating from page by page couldn’t be easier. Font sizes and images are also adjusted automatically. It’s almost like magic!
However, the down side is that designing a responsive website certainly increases the work load during the design process. It brings up a lot of issues with different components and of course, there’s plenty of testing and problem solving to face. So, expect to pay more for this type of website.
Before long though, it’s predicted that most websites will go this way…