Class 1 – Musician Site Wireframe Assignment

Your assignment today is to convert a set of Requirements for a Musician’s Web Site into wireframe diagrams that indicate what information will be displayed on each page of the site, and how it will be organized.

Here are the requirements we came up with for the Musician’s Site.  These outline the content that the client wants to see on the site.  How you organize and represent these pieces of content is up to you.  Please convert these into wireframe diagrams using PowerPoint.

• Bio
• Discography
• Tour Dates
• Photos
• Sound Files
• Video Clips
• Blog
• Merchandise
• Contact Info
• Press
• External Links (to other bands, etc)

You will have to group and organize these requirements however you see fit, based on the concepts we have discussed today of information architecture and navigation.  This post gives a broad guide of the navigation elements you may want to consider when tackling this assignment.

Click here to see a similar assignment I gave to the summer class I taught.  And here are a set of wireframe diagrams I created that show one possible solution to the assignment.  Each diagram is meant to show how the information and requirements for the site would be translated and broken down into actual content on a set of web pages.

Related posts:

1. Class 1 – Assignment – Travel Destination Site (Spring 2011)
2. Class 1 – Examples of Professional Wireframe Diagrams
3. Class 1 – Information Architecture: Actor’s Home Page Wireframe
4. Class 1 – In-Class Assignment – Apparel E-Commerce Site (Spring 2012)
5. Class 1 – Book e-commerce site requirements (Fall 2011)