04 Illustrator Wireframes by HC111201075811

VIEWS: 12 PAGES: 1

									TC310                 Illustrator – Web-site Wireframes/Storyboards                Assignment 4

The travel department is very happy with your site-map for the web-based help system and has
given the go-ahead to design the system for the intranet.

In brief, we have been asked to develop storyboards/wireframes for our help system. The
wireframes should reflect a schematic layout for the page type templates you are suggesting.
Minimally, you will provide a wireframe for the top level page and two types of sublevel pages.
The wireframes will indicate how you plan to provide navigation throughout your help system.

Requirements:
Each team member should create two sets of wireframes/storyboards one for the web-based
travel help system and one for your own professional portfolio. Each set should conform to the
following requirements:

   1. Technical Requirements
         a. Create the wireframes using Illustrator – stay in grey scale and keep aesthetic
             design implications to as minimal as possible.
         b. Show three wireframe templates of the web site: 1) Top level page, 2) Two
             secondary pages.
         c. You can put each individual page in on a separate layer in the layers palette or
             provide separate illustrator files for each page.

   2. Team Requirements for help system: Each wireframe set should
         a. Be distinctive from the other examples
         b. Use the text from the travel help doc text.

   3. Branding Requirements for help system:: Each wireframe should
         a. Minimum some branding implication (logo, fonts, etc).

   4. Usability Requirements: Each wireframe set should (at minimum)…
         a. Be easy-to-read.
         b. Have a navigation structure that permits users to navigate between the pages.

   5. Effectiveness Requirements: Each wireframe set should
          a. Satisfy the goals determined by the team/individual designer. Note: This implies
              a need for the designer to clearly state the goals in the design rationale.


Submission
This assignment is due in Portfolio WITH a link posted on go post board by the start of class.
Each student will submit two Illustrator files that contain the wireframes, and a design rationale
for the web-based help system.

To help others review your work, post both a pdf and an illustrator file for each page (since not
everyone will have Illustrator on their machines at home).

								
To top