Responsive web design (RWD) is a method of designing websites to provide easy reading and navigation with the least amount of resizing, scrolling and panning on internet connected devices ranging from desktop computer screens to tablets and mobile phones.
Your website will be viewed on and must clearly work on many different screen sizes and operating systems (Windows, Android & Apple). It is not possible to have a set design for every screen size as there are simply too many of them in use.
We can design you two versions of your site, one for normal sized computer screens and one for mobile/tablet smaller screens.
Or you can have one site designed so that is responsive and scalable to each screen size or device. You can see an example of how your site might look on a range of devices below using one of our client’s websites: (click an image for a larger view)
|Current 24" 1920px PC widescreen.||Older smaller 1024px PC screen.||Tablet in portrait view.||Generic mobile phone view.|
Note on the tablet and mobile phone versions the menu has automatically changed to a more touch friendly version. It is also important to note that if you want set box sizes or special unusual fonts, these items may not appear correctly on every device. A common mistake is to make a site look perfect on your own computer screen without thinking how it will look on all internet devices it is viewed on.
Non - Reponsive Design
A non-responsive design would end up looking like the examples on the right on a tablet or mobile phone.
As you can see either the site is very small or parts of it are missing from the screen, so you have to pan and scroll around to see the whole site.