Web Information Site

Scenario: You are one of several graphic designers for a college. You have been approached by the graphic design department to come up with one of three informational sites for the web to be used by students in their classes to learn about the following subjects:
  • How to start your own business / how to freelance
  • How to identify type and what to do with it
  • The history of graphic design

The department would like to see three uniquely different concepts. Brief lines of copy and graphics should be included. You will have to do some research to select the most appropriate copy for your site. (It may be taken off the web or created by you.) Flash may be used, if desired. The department will then sign off on one of the roughs for final production. Information to be included:

  • A splash page introducing the site
  • At least three pages giving the most important information for a student to learn
  • Links to other related sites on the world wide web
  • A site search and e-mail contact page

Once a sign-off has been completed, a tight comprehensive that looks like the splash page and the other pages will need to be developed. All digital files will need to be supplied to the department.

 

deadlines

Step 1: Meet with your projects instructor.

  1. Go to the Infosite projects page and collect the project information:
  2. Print out a copy of the sign-off sheet
  3. Schedule a meeting with the projects instructor, who will be your client for this project.
Step 2: Meet with your process instructor.
  1. Go to the Infosite process page and collect the process information.
  2. Schedule a meeting with the process instructor, who will be your art director for this project.
Step 4: Complete project research.
  1. Define the target audience.
  2. Define the client need.
  3. Collect examples of similar projects.
  4. Gather essential copy and elements needed for the web site
Step 5: Develop thumbnails
  1. Create three different concepts.
  2. Develop thumbnails of the splash page and one or more interior pages.
  3. Verify that your work meets thumbnail criteria.
  4. Submit thumbnails to the art director for approva/sign-off.
Step 6: Develop rough layouts.
  1. Develop roughs from thumbnails which were approved by the art director.
  2. Rough layouts may be hand-drawn or created in Photoshop..
  3. Submit roughs to the art director for approval/sign-off.
Step 7: Submit rough layouts to the client for approval/sign-off.
  1. After the art director approves your roughs, meet with the client and present your designs for approval/sign-off.
  2. The client will approve one of the designs to be taken to final stage.
Step 9: Produce the final site.
  1. Create all native files (raster and vector images) using Illustrator and Photoshop.
  2. Optimize images for most efficient download.
  3. Organize files/folders appropriately .
  4. Construct HTML pages using Dreamweaver.
  5. Link the essential pages into a functioning site.
  6. Make backup copies of all files after each work session.
  7. Make appropriate revisions.
  8. Copy all final documents to the server folder(s) specified by the client and production manager.
Step 10: Verify correct file preparation.
  1. Using the web checklist have a "TECHNOLOGY PEER REVIEW" of your project files before meeting a lab instructor
  2. Make an appointment with your lab instructor to sign off on the following:
    • hand in studio (lab) time sheet
    • show back up filing system
    • discuss file organization and naming conventions
    • discuss learning strategies
  3. Verify:
    • Correct raster file sampling and preparation.
    • Correct font choices and styles.e.
  4. Submit the completed checklist to your lab instructor for approval/ sign-off.

Step 11: Submit final site to the client for approval/sign-off.

Step 12: Fill out self-assessments: