Portfolio Site Design

Overview

• Having an efficient professional website is important. The hiring user experience is not an entertainment user experience. It needs to be extremely efficient. Hiring managers and directors will only spend a couple of minutes looking at your site during the first round of reviews.

• The content should include only your best examples. Several detailed process captures are also highly desired by potential employers. These process captures can be the pdf files or Slid-shows that you created for your thesis projects.

• Navigation should be very straightforward with a minimal number of clicks required to see the work.

• Any game projects that are included in your portfolio should be very simple and quick to learn (maximum playing time should be 30 seconds to 1 minute).

• Reels should be 1 - 1.5 minutes.

• Important! Reference the Formatting Guidelines for proper media prep.

Individual Project Page Assignment

A project page is used to present several parts of a single project in your website.

Design one project page in your chosen site-builder.

• Important! Reference the Formatting Guidelines for proper media prep and site building methods.

• Images and image sets should have descriptions accompanying them. Some gallery features in website themes do not allow for text to be added with images. These should be avoided.

• If you don't have a completed project, you can start a page on an in-progress project, like your thesis.

Include:

• The finished product at the top of the page

• Write about the project as a whole (include the logline)(include a link to the live project). Also include:

  • • 1. Purpose (concept art, production art, app or game mock-up, etc.)(you can probably use the project logline)

      2. Delivery system (YouTube, TV, motion design, the web, etc.)

      3. Target Audience

• Write about your role and include supporting images

• There are a number of ways to create a project page, including (click the external links to see an example):

• • • Visual Development by Corey McGill

    • App Design by John LaDebauche IV

    • 2D Character Animation by Savi Marar

    • IOT GUI Design by Abigail McFarlane

    • Interactive Game by Amber Thiel

    • 3D Game Art by Kevin Yoing

    • 3D Motion Design by Charlie Beam

    • 2D Motion Design by Tyler Elias

About Page Assignment

A bio page is used to provide a glimpse of you as a person (including what you look like) as well as important information such as:

• • • links to social media

    • Linkedin link

    • email address

Design your About page in the builder you plan to use

• Important! Reference the Formatting Guidelines for proper media prep and site building methods.

• Any interests you express here that are outside of art and design will provide opportunities to connect in a more personal way. If you enjoy watching independent short films and attending film festivals, there is very good chance that at least one potential employer does as well.

• It's always worth mentioning that you enjoy working in team environments.

• Revisit the websites included on the Portfolio Site Planning page to get inspiration for you own bio page design.

• Be sure to include a text-based version of you email address, so potential employers can copy and paste it into their address book.

• There are a number of ways to create a bio page, including (click the external links to see examples):

  • • Krista Hill

    • Alec Valittuti

    • Nate Hladki

    • Shandon Cordosa

    • Jacob Myers

Project Reworks Assignment

• Finish reworking the projects that were selected on your content list or otherwise directed by the instructor.

• Add the reworked projects to your website.