After you decide what content should be on each page, start creating user flows. This will help you define scenarios of interaction and measure the importance of the content in the context. Think of your content from the user's perspective. How will your visitors interact with the content?

Map out a target user flow — a series of steps a user takes to achieve a specific goal. A user flow will help you understand which wireframes you'll need to create and how they should be connected. After that, sketch out the core screens.

Next, you can start to define the foundation for responsive wireframe templates for each type of page. Templates should designate the areas of content within them. When working on templates, look for reusable elements (components and design patterns). In many cases, it's possible to define containers that can be reused on many pages. For example, websites often reuse the same headers and footers on different pages.^[1]