Week 5 - Assignment 2

Assignment 2

Due Date: Midnight the 26th of September.

Deliverables: You must hand in a zip file containing; 2 jpegs of your website design (eg, the home page and a flexible content page), a site map (as a jpeg, word doc, or a pdf) showing your entire site, and 2 wireframes (as jpegs, word docs, or pdfs) detailing any 2 pages of your site that you wish (obviously not the same 2 that you designed).

Naming convention: Please use your login and the assignment number for your zip file (eg abcd1234_assignment2.zip) and for all files inside the zip use the same format followed by the assignment part (abcd1234_assignment2_sitemap.jpg)

Marking:
Sitemap : 4
Wireframes : 6
Design (Layout) : 8
Design (On brief) : 8
Design (Engagement) : 6
Design (Usability) : 8
Total : 40

So the assignment is split into three parts, and I will now go through them one by one;

  1. The Design: I am looking for a home page, showing navigation, footers, an kind of introduction material, any kinds of promotional tabs, or promoted links that you like. You can have interactive flash elements on this page, or a random example of your work that changes each day, or a random tip of the day. Your homepage may have none of these things and it may have all of them. Look around at other home pages of the kind of site you are designing to get ideas. There is no shame in drawing inspiration from those more experienced than you. If you still want to use "Lorem Ipsum" or example content that is ok too. Dont worry too much if you are not that skilled with photoshop in making things pretty, I am judging the design and functionality, layout, and if it adheres to the brief.

    For the content page I want to see a single page that is flexible and versatile. It may, essentially be a re-working of the home page with less animations/imagry and more room for content. Think about the kind of content you will be putting in your website and try to have a page that will accomodate it all with minor tweaking. You will notice if you look at website with lots of content, that they often accomodate for a range of different layouts. 2 column, 3 column, content with a side nav, content with an embedded image. Your site wont be as complex as something like apple.com, but it is a good place to look for inspiration of the kinds of design techniques used to present information. Once again, example text is fine.

  2. Sitemap: You pretty much know all there is to know about this. I want you to map out the site that you want to have, even if you think it may be too much work to complete. I wont be deducting marks if you don't complete a hundred sub-sub pages. Also, you can use the technique of the example I gave you of representing many structurally identical subpages by just creating a box for "subpage 1", "subpage 2" and "subpage 3 etc".
  3. Wireframes: You also know about wireframing from week 2 so I will only say this. Choose 2 pages which illustrate a diversity of content that will appear on your site. Don't just wireframe 3 content pages from the same section which will look almost the same structurally. For example, choose to wireframe a gallery page, a contact us page with a web form on it, and a text heavy page detailing your CV.