Organize Your Layout Before the Design Stage
A “wireframe” is a non-graphical layout of the proposed web page. When you are considering website content, think in terms of all the text elements that are contained on a single webpage. This will include such things as an introductory text, tag lines, a “call to action”, highlighted navigational elements, client quotes, and News & Events.
Google reports that more searches happen on mobile devices than desktops signalling it’s time to pay attention to how your website displays on mobile devices. Download PDF
Homepage Wireframe design examples across primary displays
Web design wireframing is a non-graphical way to highlight the critical components of your web page. Wireframing a design refers to the process of arranging elements to best display the content across all display sizes.
- Google’s Top 10 Best Practices for Mobile Landing Pages and Web Sites
- Why Content Marketing Should Be Part of Your SEO Strategy
- Moqups is a nifty HTML5 App for creating wireframes, mockups or UI concepts, prototypes
- Good examples of various layout options
- Wikipedia article on website wireframes