Boot Camp

Planning Your Work
boxes.
• Use identifying phrases for main points, like Logo Here, Header, Subheader, Caption.
• Spell out the Navigation links so the client can see what the top-level links will be.
• Add estimated measured widths and heights for key elements.
You should show at least two wireframed pages, especially if you will have differences to
the template layout.
• Lay out website placement of banner/ID, navigation, main content, footer
• Show the home/landing page since this is a main concern for the client.
• Show a sample second page.
• If you have differences in a second-level page layout, wireframe one of these too.
• If you have something unique being included in the website, like a gallery, a table
listing products, etc., make sure to wireframe those pages too.
• Add small, clear notations of the expected width and height of each web page segment
(banner, navigation, content, footer, sidebar, etc.)
• Be accurate and plan for your abilities to actually code the represented website.
Wireframe
53