All too often responsive websites are rushed into without the necessary planning and strategy to make the design as effective as it could be. Content is often an after thought.

This rushed, "quick and dirty" approach may have worked for small static websites in the 90's and early 2000's, but in 2014 and beyond, this isn't going to cut it. Developers need clarity to do their jobs correctly. To help alleviate this lack of structure and documentation, we have provided some templates that will help you get answers to the questions that will inform your responsive design.

Desktop

Desktop

Desktop is always on the forefront of planning so this is a no-brainer, but when designing desktop we should think more about the elements and how they will interact with other platforms as well.

Tablet

Tablet / Laptops

Often times these in between screens are the hardest to develop for because they are on the verge of all of our breakpoints but also accounting for a large amount of traffic. Plan wisely.

Mobile

Mobile

Everyone knows they need mobile, but usually don't have any clue about how to plan for mobile and determine what is important. This will become more apparent as you plan with the little space you have.