ka˛erine - mcckc.edu€¦ · katherine graham 816.708.7507 [email protected] this newsletter...

21
Kaerine GRAHAM GRAPHIC DESIGN PORTFOLIO

Upload: others

Post on 26-Jul-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

Ka�erineGRAHAM

GRAPHIC DESIGN PORTFOLIO

Page 2: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

Table of Contents1. Wood Block Print2. Hospital Newsletter & Email3. Annual Report - William Sonoma4. Poster & Takeaway - Saul Bass5. Artist Website - Saul Bass6. Rockwell Type Specimen Book7. Forte Carrier, Packaging & Display8. Forte Website & App9. Gary Insurance Campaign: Commercial Storyboard Twitter Profile App Animation (with process)10. MCC - Penn Valley Wayfinding System11. About Me & Resume

Page 3: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

Wood Block Print

This quote was carved by a machine on a wood block. I then used black ink and a roller to put it on paper. I enjoyed designing with this quote both for its message and for the chance to do something with the repitition of “one”. I made the “o” in one look slightly like a cog for a machine and then contrasted the bold type with the script font. Created with Adobe Illustrator, wood block, black ink, and roller.

Page 4: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm browns to highlight quotes and frame shorter pieces. I also used serif fonts and rounded corners, aiming to convey a sense of comfort, friendliness, and safety. Created with Adobe Indesign and Adobe Photoshop.

H ospital Newsletter & Email

Page 5: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

These are sample pages from a 12-page annual report I created for Williams Sonoma, Inc.. I used a vibrant orange, purple, and tan color palette, as well as statistics, maps, and illustrations to add to the lively and fun theme. Created with Adobe InDesign, Adobe Illustrator, and Adobe Photoshop.

Annual Report - Williams Sonoma

Page 6: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

10/ GRAPHIC DESIGN VISITING MCC-PENN VALLEY LECTURER SERIES

CA209MON, 14 /2019

10/ GRAPHIC DESIGN VISITING MCC-PENN VALLEY LECTURER SERIES

CA209MON, 14 /2019

10/ GRAPHIC DESIGN VISITING MCC-PENN VALLEY LECTURER SERIES

CA209MON, 14 /2019

10/ GRAPHIC DESIGN VISITING MCC-PENN VALLEY LECTURER SERIES

CA209MON, 14 /2019

I created this poster and glasses takeaway for a visiting lecturer. I chose Saul Bass, famed creator of some of the first animated movie title sequences, as well as logos and posters. I tried to emulate his penchant for bold and slightly uneven blocks of color. Created with Adobe Illustrator.

Poster & Takeaway

Page 7: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

This is the home page of a 3-page website I created for arist Saul Bass. The logo is inspired by his thick glasses, and the blocks of color are based on common colors he liked to use. Navigation buttons lead back to Home, Posters, Logos, Titles (for film), and About. The middle portion is an animated gif in the style of his posters and film sequences, advertising his trip to campus as a visiting lecturer. Created with Adobe Illustrator, Adobe Photoshop, and Adobe Dreamweaver.

Artist Website

Page 8: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

I tried to reflect the boldness of Rockwell with this type specimen book. I included photo examples of the font in use, examples of each variation of the font (light, bold, condensed, etc.), various font sizes, and different font colors against paper white, orange, and navy. Created with Adobe InDesign.

Rockwell Type Specimen Book

Page 9: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

This carrier is for a set of meals, prepped and packed for sale by a local grocery store such as Walmart or HyVee. The carrier can be put straight into the freezer and shoppers can grab lunches and dinners for a single person for the week. Created with Adobe Illustrator and Adobe Photoshop.

Forte Carrier

Page 10: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

These containers are for lunch salads. The labels are color-coded for Mexican, Italian, Asian and Classic meals. Front display labels include the logo, food title & subtitle, the tagline “Fresh. Prepped. Ready-to-Serve”, and net weight. The top lables also include a ingredients list, nutrition facts, and bar code. Created with Adobe Illustrator.

Forte Packaging

NET WT 10 OZ (283g)

Pasta Saladwith Olives, Pepperoncini & Red Onion

FRESH PREPPED READY TO SERVE

ForteEST. 2020

Pasta Saladwith Olives, Pepperoncini & Red Onion

INGREDIENTS: lettuce, olives, pepperoncini, red onion, carrot slices, pasta noodles, red pepper

Contains: Made in a kitchen that uses Wheat Flour, Eggs, Milk and Tree Nuts.

REFRIGERATE AFTER PURCHASE

NutritionFactsserving size 1 bowl (227g)

Calories 250

Amount/serving % Daily ValueTotal Fat 3g 5% Saturated Fat 0g 0% Trans Fat 0gCholesterol 0mg 0%Sodium 610mg 25%

Amount/serving % Daily ValueTotal Carb 46g 15% Dietary Fiber 3g 12% Sugars 10gProtein 10g

Vitamin A 30% Vitamin C 30% Calcium 10% Iron 10%

ForteEST. 2020

FRESH PREPPED READY TO SERVE

Page 11: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

These round meal-prep containers are for the dinners and are also color-coded for Mexican, Italian, Asian and Classic meals. The black portion wraps around the container lid to the bottom, to seal it. I used the light brown color to emulate the color of paper bags or cardboard. I really wanted to give the brand a sense of authenticity and simplicity, to convey that the local neghborhood grocery store kitchen is cooking real meals for the customer. Created with Adobe Illustrator.

Forte Packaging (cont.)

Bottom of container

Hunan Chickenwith Carrots, Broccoli & Red Pepper

INGREDIENTS: chicken breast, cornstarch, salt, pepper, broccoli, celery, red bell pepper, baby corn, garlic, chicken broth, soy sauce

Contains: Beef. Made in a kitchen that uses Wheat Flour, Eggs, Milk and Tree Nuts.

REFRIGERATE AFTER PURCHASE

NutritionFactsserving size 1 bowl (227g)

Calories 250

Amount/serving % Daily ValueTotal Fat 3g 5% Saturated Fat 0g 0% Trans Fat 0gCholesterol 0mg 0%Sodium 610mg 25%

Amount/serving % Daily ValueTotal Carb 46g 15% Dietary Fiber 3g 12% Sugars 10gProtein 10g

Vitamin A 30% Vitamin C 30% Calcium 10% Iron 10%

ForteEST. 2020

FRESH PREPPED READY TO SERVE

Hunan Chicken

NET WT 8 OZ (227 g)

with Carrots, Broccoli & Red PepperREADY TO SERVEFRESH PREPPED

ForteEST. 2020

Page 12: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

This point-of-purchase display advertises the different kinds of prepped-meal boxes that can be bought in the freezer isle. Created with Adobe Illustrator and Adobe Photoshop.

Forte Display

Page 13: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

Forte Website & AppThis is the home page for a 3-page website and app I created for the Forte meal prep service. This page features the cooking pan logo, tagline “Don’t Stress! We’ll cook.”, and hero image of a girl stressed at the very thought of having to cook dinner. Scrolling lower, you’d find the steps to using the service to order your prepped meals. Created with Adobe Illustrator, Adobe Photoshop and Adobe XD.

Page 14: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

Forte AppThese are views of the app designed for the Forte meal prep service. It features the color coded meal sections, and walks the buyer though the steps of finding their meals, locating a store, ordering and pickup, and finishes with cooking tips. Created with Adobe Illustrator and Adobe XD.

Page 15: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

Gary Insurance Commercial Storyboard

Toddler’s laughter. A tentacle appears... “And they lived happily-ever-after...” An octapus BREAKS through the door!

“Hi, I’m Gary. You’re new intern?” “Sorry about the door.” “It’s alright.” “Check the app!” “Okay...”

They check the Insurance app. “Phew!” It’s covered.Gary tosses laughing toddlers.

1. 2. 3.

4. 5. 6.

7. 8. 9.

In this commercial for an insurance company, Gary, a fun-loving and curious octopus, arrives for his first day interning at Cheryl’s Daycare. As usual, he breaks something. But thankfully, it’s covered with Gary Insurance! Created with felt pen, gray markers, and Adobe InDesign.

Page 16: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

Gary Insurance Twitter Pr ofile

This twitter profile page for Gary Insurance features a navy and gray color scheme, an illustration of spokes “person” Gary the octopus, the tagline “It’s Covered”, and bio “Brother of 1,325 siblings. Adventurer. Philosopher. An octopus living his best life out of the sea! (Also: Gary Insurance. Click here for a free quote!) Created with Adobe Illustrator and Adobe XD.

Page 17: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

Gary Insurance App This app for Gary Insurance features a log in page, an info page, and pages for the customer to text a live representative about coverage for Auto, Boat, Home, or Motorcycle insurance. Created with Adobe Illustrator and Adobe XD.

Page 18: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

Gary Insurance Animation Storyboard & Process

This animation was created for the Gary Insurance website homepage. It depicts Gary’s absent-mindedness, which leads to accidents that are always covered. At left are my initial ideas and at right shows the additions and changes that were made. Created with Adobe Illustrator and Adobe Animate.

2.

3. 4.

5. 6.

7.

“Auto” fades in. The light is yellow...

1.

8.

It turns red. Gary’s not slowing!

Gary’s boat isn’t slowing either. He blows through a stop sign.

He lifts a tentacle to wave... ...and breaks throught a window!

Text enters from left and right. Gary enters. “It’s Covered” fades in.

Page 19: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

This wayfinding system was created for Metropolitan Community College - Penn Valley to aid students, faculty, and visitors in finding their way around. Each building is color coded and features a combination of painted walls - as shown at right - and bright, bold, cheerful and modern signs. Yellow=Campus Center, blue=Humanities, green=Science and technology. These pictures show the stairwell (right) and a directional sign (bottom left). Created with Adobe Illustrator and Adobe Photoshop.

Wayfinding System

Page 20: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

The top left picture shows a Humanities classroom sign with the braille highlighted in a block line of blue dividing the building name and the room number. The picture to the right shows the front view. Blue and gray are painted on the walls, HU and room number 106 are in large bold type, and the white sign is a space for a a letter sized piece of paper to have the class(es), teacher’s names, and days/times printed and displayed easily each semester.

The bottom picture shows a large Campus Center Directory sign, showing all the offices on the various floor levels, with the yellow block at the top highlighting and directing people to the cafeteria on Level 0. Created with Adobe Illustrator and Adobe Photoshop.

Wayfinding System (cont.)

Page 21: Ka˛erine - mcckc.edu€¦ · Katherine Graham 816.708.7507 kgraham525@gmail.com This newsletter and email for a hospital includes a cool, soothing purple for subheadings, and warm

816.708.7507Katherine Graham [email protected]

Hi! My name is Katherine Graham. I’m a graphic designer located in Independence, Missouri. I’m about to earn an Associate in Applied Science in Graphic Design from MCC–Penn Valley. Art and English have always been my greatest interests! I enjoy designing and illustration and figuring out good ways to organize information.

Thanks for taking a look at my portfolio!

Ab ou t

-

EDUCATIONA.A.S. in Graphic Design (2020)MCC–PENN VALLEY

M.A. in English Literature (2012) UNIVERSITY OF CENTRAL MISSOURI

Bachelor of Arts Degree in English / Minor: Art (2009) UNIVERSITY OF CENTRAL MISSOURI

EXPERIENCECurriculum Designer TEACHERS PAY TEACHERS 2013-present Design English language arts lessons Correspond with customers

Graduate Assistant UNIVERSITY OF CENTRAL MISSOURI 2009-11 Produced lesson plans, worksheets Managed classroom Taught essay writing techniques

Supplemental Instructor for TRIO Program UNIVERSITY OF CENTRAL MISSOURI 2007 Lead study sessions for history class

SKILLSTechnical Adobe Photoshop Adobe InDesign Adobe Illustrator Adobe Dreamweaver Adobe XD CSS HTML Microsoft Word Powerpoint

Design Web Design Package Design Poster Design Brand & Identity Design Corporate Design Information Design Illustration Personal Conscientious Hard-working Enthusiastic Concensus-building Creative Determined Strategic Problem-solving

[email protected](816) 708-7507Katherine Graham

Ka�erineGRAHAM