Beruflich Dokumente
Kultur Dokumente
audience. Anything that helps me to understand that process is great. -Steve Liska
PORTFOLIOS
1
PHYSICAL PORTFOLIOS
The Purpose of a Physical Portfolio ........................ 3 Beginning Your Physical Portfolio ........................... 4 Grid, Layout, & Dimensions ......................................... 5 A Cohesive Personal Experience ............................... 6 Cover Pages and Binding ................................................ 7 Packaging and Casing ....................................................... 8 Content Organization ....................................................... 9 Presenting a Redesign ...................................................... 11 Showcasing your Photography ................................... 13 Dealing with Three-Dimensional Designs ......... 14 Motion Graphics and Interactivity ........................... 15 Presenting Websites in Print Portfolios ................ 16 Ending Your Portfolio ........................................................ 17 A Note on Leave-Behinds ................................................ 18
WEBSITE PORTFOLIOS
The Purpose of a Website Portfolio ......................... 19 Types of Online Portfolios ............................................. 20 Formatting your Best Designs for the Web ....... 21 Grid, Layout, and Navigation Planning ................ 22 Crafting your Logo, Tagline, and Branding ....... 24 Creating a Cohesive Theme ......................................... 26 Welcome Screens & the Home Page ....................... 28 Designing Your Portfolio Pages .................................. 29 Personalizing Your About Page .................................. 31 Providing an Unforgettable Experience ............... 32 Downloadable Resume and PDF Portfolio .......... 33 Making yourself Easy to Contact .............................. 34 Building Traffic and Getting Noticed ..................... 35 Blogging and Social Media Presence ...................... 37
Dont put anything in your portfolio that youre not proud of. -Tim McNeil
Content Organization
Having reviewed and presented many portfolios myself, I found that the most compelling presentations are ones where designers are unafraid to share their processeven if it means including work that is incomplete or unpolished. -Cavan Huang
Great display of process with sketches and development! Brainstorming through mind maps. 3
Original Logo Submission
Display of final variations! Excellent. Shows you have a well thought-out variety to choose from
10
Presenting a Redesign
Organizing content of a project Redesign
Organizing the layout of a graphic redesign, whether that is a redesign of logo, promotional material for a recurring event, redesign of a website, redesigning the graphic standards for a client, or redesigning an information graphic, all include the basic organizational content for each page. However, there are a few elements that are specific to organizing your project when displaying a redesign. These organizational elements are depicted in this example from a UC Davis alumnis portfolio at right. 1. Define the project and the reason for the redesign Specify what is ineffective with the original design and why the redesign is necessary, and how your redesign addressed the issues to solve the design problem. 2. Display the original graphic Show people the original graphic that you redesigned. Position the original graphic nearby the final redesign so the two are easily comparable, stimulating the viewers to compare original and redesign for themselves. 3. Organize prototype designs in their progression Introduce your prototype submissions in a systematic order from first prototype to most similar to final redesign. 4. Finalized design Present your finalized design in a location where it can be clearly understood to be the finalized design, and easily comparable to the original chart.
McNulty Identity
The offshore construction company required a fresh identity to modernise their image. Visuals were architecturally inspired and these were selected as the strongest proposals.
11
Showing original in comparison with the redesign organized for quick comparison and to hold your attention.
Original Chart
First Draft
Page layout needs work and doesnt correspond with other portfolio pages content flow. Eye moves according to arrow at right.
Blood Alcohol Content (BAC)
Table for Male (M) and Female (F) Number Body Weight (Pounds) of Drinks 100 120 140 160
0 1 .00 .06 .12 .18 .24 .30 .00 .07 .13 .20 .26 .33 .00 .05 .10 .15 .20 .25 .00 .06 .11 .17 .22 .28 .00 .04 .09 .13 .17 .21 .00 .05 .09 .14 .19 .24 .00 .04 .07 .11 .15 .19 .00 .04 .08 .12 .17 .21 180 .00 .03 .07 .10 .13 .17 .00 .04 .07 .11 .15 .18 200 .00 .03 .06 .09 .12 .15 .00 .03 .07 .10 .13 .17 220 .00 .03 .05 .08 .11 .14 .00 .03 .06 .09 .12 .15 240 .00 .02 .05 .07 .10 .12 .00 .03 .06 .08 .11 .14
Remember: Even one drink is likely to affect your ability to drive safely!
2 3 4 5 0 1
Subtract .01% for every 40 minutes of drinking 1 drink = 1.5 oz of 40% alcohol (80 proof liquor), 12 oz of 5% beer, or 5 oz of 12% wine
Driving Condition
Safe to Drive Driving Skills Impaired Unsafe to Drive Above Legal Limit
2 3 4 5
Final Redesign
DL 606 (REV.7/2010)
Second Draft
DL 606 (REV.7/2010)
DUI Prevention
Blood Alcohol Content (BAC)
Table for Male (M) and Female (F) Number Body Weight (Pounds) of Drinks 100 120 140 160
0 1 .00 .06 .12 .18 .24 .30 .00 .07 .13 .20 .26 .33 .00 .05 .10 .15 .20 .25 .00 .06 .11 .17 .22 .28 .00 .04 .09 .13 .17 .21 .00 .05 .09 .14 .19 .24 .00 .04 .07 .11 .15 .19 .00 .04 .08 .12 .17 .21 180 .00 .03 .07 .10 .13 .17 .00 .04 .07 .11 .15 .18 200 .00 .03 .06 .09 .12 .15 .00 .03 .07 .10 .13 .17 220 .00 .03 .05 .08 .11 .14 .00 .03 .06 .09 .12 .15 240 .00 .02 .05 .07 .10 .12
It is illegal to drive with a Blood Alcohol Content (BAC) of .08% or more (.04% for commercial vehicle drivers and .01% if under 21). Other factors, such as fatigue, medications or food may affect your ability to legally operate a vehicle. The table on the right gives an estimate of blood alcohol levels based on the number of drinks consumed, gender and body weight. Remember, even one drink is likely to affect your ability to drive safely!
Number of Drinks 0 1 2 3 4 5 0 1 2 3 4 5
2 3 4 5 0 1 2 3 4 5
Driving Condition
Subtract .01% for every 40 minutes of drinking 1 drink = 1.5 oz of 40% alcohol (80 proof liquor), 12 oz of 5% beer, or 5 oz of 12% wine Safe to Drive Driving Skills Impaired Unsafe to Drive Above Legal Limit
DL 606 (REV.7/2010)
Female
.00
Male
12
Title: Inner Beauty Client: Myself Medium: Film Photography B&W I have always been passionate about interior spaces, mainly, restaurants. Capturing these rare moments in black and white brings back a nostalgic feeling of eras past.
The power of depicting beautiful, professional photographs in your portfolio comes not only with editing the photographs to bring out the vibrancy of the colors and the dynamism with the right amount of contrast, but with how they are handled on the page. Your portfolio page becomes the paper canvas for your photographs, and bleeding the edges of the photo frees the viewer from the frame of the margin, granting a personal experience of your photo. Experiment with cropping photos or joining them side-by-side or in a grid-system, and find other ways of using photos on the paper canvas to create dynamic compositions depicting your designs.
13
Images at different angles showcase the dimensionality of the product! Well done!
When taking photos of small 3D objects, use a light-tent. Color correct your photos too!
Goldfish Colors
Problem: Redesign the goldfish colors snack package to reduce waste and incorporate sustainable materials. For this class project I redesigned the individual snack packs and the box that holds a set of nine. The box is constructed without any use of adhesive and features biodegradable cellophane window. The individual snack packs would also be made out of a similar material. This design is influenced by biomimcry. The box itself uses a playful wave element that continues onto each panel, the clear window gives the illusion of fish in an aquarium. The easily recognized goldfish shape used for the individual packets reduces waste and further emphasizes the biomimcry of the design.
Trans Fat
B a ke d w i
th
ea
l Ch
snack packs
Zero Grams
Same Great
eese
Cheddar
Taste
R
Nutrition Facts
Serving Size 1 Pouch Servings Per Container 9
Amount Per Serving
Calories 140
*percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs: Calories: 2,000 2,500 Total Fat Less than 65g 80g Sat Fat Less than 20g 25g Cholesterol Less than 300mg 300mg Sodium Less than 2,400mg 2,400mg Total Carbohydrate 300mg 375mg Dietary Fiber 25g 30g MADE WITH SMILES AND UNBLEACHED ENRICHED WHEAT FLOUR [FLOUR, NIACIN, REDUCED IRON, THIAMIN MONITRATE (VITAMIN B1), RIBOFLAVIN (VITAMIN B2), FOLIC ACID], VEGETABLE OILS (CANOLA, SUNFLOWER AND/OR SOYBEAN) CHEDDAR CHESSE [(PASTEURIZED CULTERED MILK, SALT, ENZYMES), ANNATTO], CONTAINS 2 PERCENT OR LESS OF: SALT, YEAST, SUGAR, YEAST EXTRACT, BLUE 2, RED 40, SPICES, RED 3, LEAVENING (BAKING SODA, MONOCALCIUM PHOSPHATE, AMMONIUM BICARBONATE), ANNATTO (COLOR), ONION POWDER, BLUE 1. PEPPERIDGE FARM, INC., NORWALK,CT 06856 PRODUCT OF USA 91014009172R 9172-0-0
PROOF OF PURCHASE 9CT - 1.1OZ GOLDFISH COLORS Satisfaction guaranteed. For questions or comments, please call 1-888-737-7374. -Thank you
Total Fat 5g Saturated Fat 1g Trans Fat 0g Polyunsaturated Fat 1.5g Monounsaturated Fat 2.5g Cholesterol 5mg Sodium 260mg Total Carbohydrate 20g Dietary Fiber Less than 1g Sugars Less than 1g Protein 4g Vitamin A 0% Calcium 4%
8% 5%
2% 11% 7% 4%
Vitamin C 0% Iron 2%
snack packs
14
15
boomeranG publishinG
website
......................................................................... boomerang were looking to update their website with a with a simple clean design where their creative projects take the centre stage.
jacobien spekreijse
website + logo
......................................................................... Jacobien spekreijse is a fashion designer specialising in knit, she required a website & logo that reflected her style and personality. www.jacobienspekreijse.com
www.boomerangpublishing.nl
16
Contact
17
A Note on Leave-Behinds
What is a Leave-Behind?
Leave-behinds are items within the design community that serve the purpose of reminding the client or hiring manager who you are and quickly showing your work again. Leave-behind designs originated as deal-closers, because if you would leave something behind that has your name and beautiful design on it and it stays on their desk, eventually they will recognize it and they will likely call you, especially if your design concept is great and your craft is excellent. Leave-behinds have become so popular that they have oversaturated the market. Many of your competitors that are pursuing the same job are using leave-behinds to remind the employer to call them. However, if everyone uses leave-behinds they do not become special anymore. When this happens, the art directors that are looking to hire people have their desks littered with leave-behinds. This is not good marketing. The solution: if you are going to do a leave-behind, be smart when you do it. Make something that really expresses you, that strikes the client or hiring manager as not just a mini portfolio, or that has its own utility.
18