Online Portfolio

Scenario: You are a student working on becoming a graphic designer. A local company is looking for an intern. They would like to see samples of your work before scheduling a personal meeting.

You will need to... 

a) gather your past projects, 

b) determine which projects to link / upload, 

c) determine which digital formats work best (.gif, .jpg. pdf) 

d) research costs in developing a personal website:

  • ISP
  • Hosting service
  • Domain name

e) use an html editor to develop an interface design and

f) upload the final portfolio to a server for review.

Along with the portfolio examples you will need to:

a) state your work objective,

b) past work experience and

c) technical skills.

The process you will use includes research, idea exploration, and concept development. Using the techniques for creative thinking, you will show thumbnails to your instructor.

The instructor will then choose 3 concepts to develop into 3 tight 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". In order to gain a better understanding of the design approach, each rough should be hand drawn and developed using xerox copies of the browser window.

Each rough should include the following: A splash page and two other navigation areas of your choice.In order to make sure that the job is scheduled appropriately, functions well and all electronic files are configured correctly you will be in close contact with the internet service provider. 

The final digital files will need to be uploaded to a server for review.

View project deadlines.

View student examples: 2005 | 2006 | 2007

Step 1: Meet with your projects instructor.

  1. Go to the online portfolio page and collect the project information:
    1. Projects Course Syllabus
    2. 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.
Step 2: Meet with your process instructor.
  1. Go to the online portfolio 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 3: Meet with your technology instructor.
  1. Go to the online portfolio technology page and collect the tech information.
  2. Schedule a meeting with the technology instructor, who will be your production manager for this project.
  3. Determine prerequisite skills necessary to complete the project.
  4. Complete project exercises:
    • TBA
Step 4: Complete project research.
  1. Define the target audience.
  2. Define the client need.
  3. Collect examples of package design designs.
Step 5: Develop thumbnails
  1. Create three different concepts for the package design design.
  2. Sketch the package design 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 package design 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 production manager.
  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.Make appropriate revisions.
  7. Copy all final documents to the server folder(s) specified by the client and production manager.
  8. Make an appointment with your art director for sign off / approval.
Step 10: Verify correct file preparation with your lab instructor.
  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 vector file preparation.
    • Correct font choices and styles.
    • Correct color usage.
    • Complete service provider packageSubmit the completed checklist to your lab instructor for approval/ sign-off.
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 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.
Step 12: Fill out self-assessments: