Product / Service Site

Scenario: You are a web designer working for a Internet Web Site Developer. The agency has recently been approached to re-design a web interface for a local business.

The company would like the current information on the web organized differently and is looking for a fresh new approach. The client has asked that the current information online be used to develop the new look. These web pages should be designed to fit in a browser window on an 1024 x 768 pixel monitor. The client would also like to see a comp that includes the possibility of standard online advertisements.

You are to develop three different site designs. The Art Director would like to see three uniquely different concepts. Once these are approved the client will sign-off on a creative direction. The client has also asked that the files be put on a web server for review.

The client has asked that:

All files be delivered when the project is complete
A minimum of 6 web pages be generated
Two .jpgs be generated as comps to show the possibility of online advertisements
The job be uploaded to a web server to be reviewed remotely

Calendar

Step 1: Meet with your projects instructor.

1.Go to the Product Site Project page and collect the project information

2. Review the Projects Course Syllabus

3. Print out a copy of the sign-off sheet.

Step 2: Meet with your process instructor.

1. Go to the Product Site Process page and collect the process information

2. Review the Process Course Syllabus

3. Schedule a meeting with the process instructor, who will be your art director for this project.

4. Fill out "Creative Brief"

Step 3: Meet with your technology instructor.

1. Go to the Product Site technology page and collect the tech information.

2. Review the Tech Course Syllabus

3. Schedule a meeting with the technology instructor, who will be your production manager for this project.

4. Determine prerequisite skills necessary to complete the project.

5. Go over Digital Strategy Worksheet with your instructor

Step 4: Complete project research.

1. Define the target audience.

2. Define the client need.

3. Collect examples of product sites.

Step 5: Develop thumbnails

1. Create three different concepts for the design.

2. Sketch the design in thumbnail form.

3. Verify that your work meets thumbnail criteria.

4. Submit thumbnails to the art director for sign off / approval.

Step 6: Develop rough layouts.

1. Develop roughs from thumbnails which were approved by the art director.

2. Rough layouts will be to size of the final invitation and communicate more detail than the thumbnails.

3. Verify that your work meets roughs criteria.

4. Submit roughs to the art director for sign off / approval.

Step 7: Submit rough layouts to the client.

1. After the art director approves your roughs, meet with the client and present your designs.

2. The client will sign off and approve the design to be taken to final stage.

Step 8: Meet with the tech instructor.

1. Determine the skills and steps needed to produce your design (digital strategy).

2. Discuss your digital strategy with the production manager.

3. Ask the production manager about any issues you are unsure of.

4. When it is clear that you understand how to produce your design correctly and efficiently, the production manager will sign off / approve your strategy.

Step 9: Produce the digital comp.

1. Create imagery using Adobe Photoshop and Illustrator

2. Assemble text, images and create html documents using Macromedia Dreamweaver

3. Conform to standard web criteria for all file preparation and type formatting.

4. Make backup copies of all files after each work session.

5. Print a black and white laser proof within a browser window and check for correctness and accuracy.

6. Have "PEER REVIEW / CRITIQUE" of your grayscale digital comps.

7. Make appropriate revisions.

8. Copy all final documents to the server folder(s) specified by the client and production manager.

9. Make an appointment with your art director for sign off / approval.

Step 10: Verify correct file preparation with your tech instructor.

1. Using the web preparation checklist have a "TECHNOLOGY PEER REVIEW" of your project files before meeting a lab instructor

2. Make an appointment with your instructor to sign off on the following:

show back up filing system

discuss file organization and naming conventions

discuss learning strategies

3. Verify:

Correct raster file sampling and preparation.

Correct vector file preparation.

Correct font choices and styles.

Correct color usage.

Complete service provider package

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

1. Project should be linked up to the roster page provided.

2. Project should be presented using the html template provided.

3. Client should receive all digital documents and a composite pdf file on the server as specified by the client.

4. Print out and submit the project billing worksheet (via google docs)