Site Map and High-level Sketches

Create a sitemap for your website. See example sitemap.

Sketch out wireframes for any unique pages on your website (i.e. for a portfolio website do the homepage, gallery page, project detail page, about page and contact us page). Once you have sketched out your idea and know where all your assets will be, create a high-level version of your wireframes using Illustrator (or another wireframing tool). Have these wireframes build on one of the grid layouts that you explored.

Site Map A:

Site Map B:

Sketch/ Wireframe 1-A

Sketch/ Wireframe 1-B

Sketch/ Wireframe 2-A

Sketch/ Wireframe 2-B


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s