Responsive examples

Although most Content Management Systems (CMS) can handle almost any kind of design, there are other factors that should also be taken into account when coming up with a new website design:

Maintainability:
Can casual users with no technical or graphic design knowledge maintain the content easily? If content is constrained by tight boxes, complex layouts, or is strongly coupled to images, editors may not be able to easily modify the text without breaking the design's layout. If images have strict proportions, resolutions, or color requirements, then the appearance can be spoiled when they are replaced with images that do not match. A maintainable page can tolerate text and images of different sizes. It should have room to stretch and breathe no matter what the website owner might try to stuff into it.

Responsiveness:
If your website should work well with phones and mobile devices, then it must be designed accordingly. Layouts that rely strongly on columns and grids can have problems, because side-by-side presentation does not work well on tiny screens. In order to be adaptable to mobile devices, layouts must easily "re-flow" to smaller numbers of columns (and ultimately to just a single column) without changing the HTML itself.

Navigation:
Your navigation and menus should be designed to grow. Website owners can add or remove pages and even whole sections on a whim. Menus should be designed to grow or shrink automatically when this happens.

Accessibility:
Please take a moment to consider how people with visual or motor disabilities will interact with your website. Is all of the important information clearly visible as text, or is it contained in images or videos? Is navigation clean and simple, or does it require skill and accuracy with a mouse?