Identify your content

Content drives design decisions, not the other way around. Before sketching any wireframes, inventory every piece of content your site needs. This content audit becomes your foundation for making layout decisions across different screen sizes.

Start by listing all page types your site requires.

For example, if you're designing an e-commerce website, you might need:

• A home page
• Product categories
• A product details page
• A cart page
• An order confirmation page

Each page will have its own content and layout. This systematic approach prevents the common mistake of designing layouts first, then cramming content in later. When you understand your content requirements upfront, you can make informed decisions about what to prioritize on smaller screens and how elements should reflow.