Scenario: You are a web designer looking to make contact with potential employers.

You will create an HTML self-promotion piece and distribute it electronically as an HTML Email to select employers. The email will contain a promotional introduction, contact information and links to your resumé and online portfolio..

The process you will use includes research, idea exploration, and concept development. You will show thumbnails to your instructor, who will then choose 3 concepts to develop into jpg roughs.

Once the roughs have been developed, the instructor will then sign off on the 3 roughs for you to show to "projects course instructor".

Each rough should include the following:

1. HTML newsletter document (formatted for e-mail clients)
2. Example of two linked web pages (formatted for browsers).

View the lesson plan for this project.

Step 1: Meet with your projects instructor.

1. Go to the Web Portfolio projects page and collect the project information:
   • Projects Course Syllabus
   • Student Examples
2. Print out a copy of the sign-off sheet
3. Schedule a meeting with the projects instructor, who will be your account executive for this project.

1. Go to the HTML Email process page and collect the process information.
   • Process Course Syllabus
2. Schedule a meeting with the process instructor, who will be your art director for this project.

1. Define the target audience.
2. Define the client need.
3. Research HTML Email newsletters to determine trends in design and layout.
1. Nielsen Norman Group Report: Email Newsletter Usability.
2. How make HTML e-mail comply with AOL
3. Style in HTML e-mail.
4. Step-by-Step tutorial
   This is written for GoLive but applies to any composer
5. A good html email tutorial.
6. Another article discussing AOL.
4. Research design tips for successful HTML Emails
5. Research the technical limitations experienced when displaying HTML documents in mail clients.
6. Make a list of things to avoid in HTML Emails.

1. Create three different concepts for the email 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.

1. Develop roughs using Photoshop.
2. Rough layouts will be actual size flat art saved in in GIF or JPEG format.
3. Submit roughs to the art director for sign off / approval.

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.

1. Create all images using Illustrator and Photoshop.
2. Compose pages using Dreamweaver.
3. Make backup copies of all files after each work session..
4. Have "DIGITAL COMP CRITIQUE / PEER REVIEW" of your page designs.
5. Make appropriate revisions.
6. Copy all final documents to the server folder(s) specified by the client.
7. Make an appointment with your art director for sign off / approval.

Step 10: Verify functionality of your HTML e-mail.

1. Send your e-mail to AT LEAST four people using different mail clients.
2. Obtain laser prints from each mail client.
3. Proof all laser prints to verify correct appearance of your e-mail.

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.
4. Submit the completed checklist to your lab instructor for approval/ sign-off.

1. Project should be linked up to the roster page provided.
2. Project should presented using the html template provided.
3. Client should receive all digital documents on the server as specified by the client.

• Projects
• Process
• Lab