Chris Hurtt Design Portfolio (2014-15)

CHRIS HURTTDESIGN PORTFOLIO

2014-15

CHRIS HURTT is a native New Yorker & Graphic Design student at SF State.

His work as spotlighted in this portfolio include branding, illustrations, UI design,

and traditional drawings. Chris loves to experiment with new techniques and

often finds ways for his work to have deeper meaning than what’s on the surface.

For an ongoing look at his newest projects be sure to visit: theheezylife.com

3

CREATIVITY IS NOT A TALENT.IT IS A WAY OF OPERATING.

5

BLONDIE’S......................................

INVISIBLE HANDS............................

BREAKING BAD...............................

SPORTS, PRISON

& KANYE WEST..............................

LIBRARY

WAYFINDING..................................

VARIOUS

TRADITIONAL WORK......................

VARIOUS

DIGITAL WORK..............................

Marks work that includes indepth analysis on the project.

CONTENTS

This project was about the re-branding of a local restaurant. It entailed developing

a logo and graphic identity for the establishment. The project began with a r

esearch phase and proceeded through concept development and visual design.

At the end, there was visual alterations made to the restaurant along with a

cohesive packaging and brand identity.

The goal of this project was to re-brand Blondie’s Pizza; a popular spot for

tourists and locals alike. Blondie’s has been a successful pizzeria since the 1990’s

and have multiple locations throughout the Bay Area, most notably Powell St.

(the focus of this re-brand) and Berkeley. Although they’ve satisfied over two

decades of customers, where their Achilles’s heel lies is in their design branding.

Through this project I looked to create a positive brand identity that would

stay true to the values of Blondie’s and looked to promote an image that would

continue to provide fun and excitement to both new and familiar customers.

Illustrator, Photoshop, & Indesign (V. 6.0)

RESTAURANT

IDENTITY

REDESIGN

BRIEF:

BLONDIE’S

SOLUTION:

SOFTWARE USED:

The most critical upgrade that

Blondie’s needed was a more eye-

catching logo. Their shop is located

in one of the busiest areas of San

Francisco, so something bright, fun,

and easy to read was needed.

The logo worked because it incor-

porated both a pizza and a peace

sign. The peace sign was a small nod

to Blondie’s original tagline:

Make Pizza Not War.

8

Logos

Chris Hurtt

MAIN VERSION

ALTERNATES

Branding

9

These are some of the in-store

products that are needed for the day-

to-day operations. Pizza boxes are an

essential part of the brand, each box

will have the alternate logo on the top

and have the side’s utilize the

primary logo, keeping a simple yet

unique design that separates it from

the competition. Each drink cup will

feature the main logo across the top

and alternate pizza logos dancing

across the bottom. The napkins are

also branded with the Blondie’s logo

in the bottom righthand corner.

Blondie’s

Attire

1010

These are the t-shirts that employees

wear on the job. For Blondie’s it was

important to stray away from the

typical pizza aprons and instead have

their outfits be a bit more hip and

comfortable. Having multiple color

t-shirts was intentional as it allows the

employees to express their own style

through the colors they wear. These

t-shirts are also offered for sale to

customers to build brand loyalty.

Chris Hurtt

Stationary

11

As a fast-paced business its important

for Blondie’s to have written

communication for both internal and

external customers. This letterhead

would be the official document from

management to employees and for

communication with affiliates and

partners of the brand.

The business cards are a simple and

fun spin on traditional cards as it

utilizes the brand colors along with

listing both locations in an easy-to-

read fashion.

Blondie’s

Store Exterior

Chris Hurtt1212

The store exterior is based off a

simple idea that less is more. The

windows were previously cluttered

with advertisements that those passing

by really didn’t know where to look.

Instead, customers will now be invited

in by the name and slogan featured

in their signature colors that stand out

for the area.

Store Interior

The interior carries that simplified

design throughout the store and

encompasses a menu system that is

much easier on the eyes. This allows

customers to peek in at the pizzas

avaiable on the counter, make quicker

decisions, and not be confused by the

lack of focal points within the design.

13Blondie’s

This project was for two clients of mine who are photographers and were building an

identity for their community activism. They came to me with the name Invisible

Hands and an objective for the design to be used as branding for their website,

clothing, stationary, etc.

The final product for Invisible Hands was a combination of a few concepts

relating to their line of work; bottomline being global outreach. To keep the

design clean and welcoming a sans serif font was used and the only colors were

black and white. This logo has gone on to become a successful part of the

Invisible Hands branding.

Sketchbook & Illustrator (V 6.0)

LOGO

DESIGNBRIEF:

INVISIBLE HANDS

SOLUTION:

SOFTWARE USED:

Logo Exploration

Chris Hurtt16

These were some concept directions

based off the idea of having a circle

and some form of hands involved. I

wanted to explore everything from

real looking hands to ones more

abstracted. Colors were also being

experimented with here.

16

Color Study

Invisible Hands

Although the end logo was

decided on black & white, a substan-

cial amount of effort was put into

exploration of color. Here are some

of those mockups

17

Branding

Chris Hurtt18

The final logo that was decided

upon was a black and white version

that incorporated slighty character-

ized hands with rays of light shining

up based around a globe. This was

meant to suggest the global outreach

that this brand would have and the

simplicity in their mission. Font used

was Trade Gothic Condensed.

Since their brand represented

community involvement and global

outreach, it was important to exemplify

it in both a casual and active role in

society, as seen through the photos

in this spread.

Using a popular movie or TV show create a medium that encourages more

content and more intrigue. The deliverables will be a website and app that will

excite the viewer, to pump them up for a new season or a re-release of the film

and serve as a general home base for information. Outside of the basic website

needs like a home page, contacts and casting, create an entire section devoted

to media - photos, clips, trailers, etc.

Using Breaking Bad as the subject of choice, the website and iOS app would

create an experience based around quizzes and engaging show content.

This would be in the form of a periodic table, paying tribute to the chemistry

based show. Users are encouraged to use both the website and the app as each

media reveals different exclusive content.


WEBSITE

AND APP

REDESIGN

BRIEF:

BREAKING BAD

SOLUTION:

SOFTWARE USED:

Website Wireframes

Chris Hurtt22

These are the wireframes that path

out how the interation on the site

would potentially play out. The home

page allows for drop down menus to

narrow down season, character, and

type of media (i.e. Season 1, Walt,

Quiz). Also, as a user hover’s over an

option it is highlighted so that they

know what they may be picking.

The flow is simple and easy to allow

users to focus on the content more

than the navigation.

Chris HurttDAI 327 Midterm

: Returns to Home Screen

: Animation

WEBSITE

ONE CHARACTER MEDIA TYPE

SEASON CHARACTER MEDIA TYPE


ONE

TWO

THREE

FOUR

FIVE

WALT

JESSE

GUSTAVO

SAUL

SKYLER

BIO

PHOTO

VIDEO

QUIZ


QUIZ!

INCORRECT...

CORRECT!

Home Page

Selection Narrowed

Drop Down Menu

Mouse Hover Highlights

Episode Info (Bio, Characters, & Photos)

Trailer/Episode Clip

Quiz

Correct Answer

Incorrect Answer

Fullscreen Mode



: Animation

WEBSITE




ONE

TWO

THREE

FOUR

FIVE

WALT

JESSE

GUSTAVO

SAUL

SKYLER

BIO

PHOTO

VIDEO

QUIZ


QUIZ!

INCORRECT...

CORRECT!

Home Page

Selection Narrowed

Drop Down Menu




Quiz

Correct Answer

Incorrect Answer

Fullscreen Mode



: Animation

WEBSITE




ONE

TWO

THREE

FOUR

FIVE

WALT

JESSE

GUSTAVO

SAUL

SKYLER

BIO

PHOTO

VIDEO

QUIZ


QUIZ!

INCORRECT...

CORRECT!

Home Page

Selection Narrowed

Drop Down Menu




Quiz

Correct Answer

Incorrect Answer

Fullscreen Mode



: Animation

WEBSITE




ONE

TWO

THREE

FOUR

FIVE

WALT

JESSE

GUSTAVO

SAUL

SKYLER

BIO

PHOTO

VIDEO

QUIZ


QUIZ!

INCORRECT...

CORRECT!

Home Page

Selection Narrowed

Drop Down Menu




Quiz

Correct Answer

Incorrect Answer

Fullscreen Mode



: Animation

WEBSITE




ONE

TWO

THREE

FOUR

FIVE

WALT

JESSE

GUSTAVO

SAUL

SKYLER

BIO

PHOTO

VIDEO

QUIZ


QUIZ!

INCORRECT...

CORRECT!

Home Page

Selection Narrowed

Drop Down Menu




Quiz

Correct Answer

Incorrect Answer

Fullscreen Mode

Website Wireframes

Breaking Bad



: Animation

WEBSITE




ONE

TWO

THREE

FOUR

FIVE

WALT

JESSE

GUSTAVO

SAUL

SKYLER

BIO

PHOTO

VIDEO

QUIZ


QUIZ!

INCORRECT...

CORRECT!

Home Page

Selection Narrowed

Drop Down Menu




Quiz

Correct Answer

Incorrect Answer

Fullscreen Mode



: Animation

WEBSITE




ONE

TWO

THREE

FOUR

FIVE

WALT

JESSE

GUSTAVO

SAUL

SKYLER

BIO

PHOTO

VIDEO

QUIZ


QUIZ!

INCORRECT...

CORRECT!

Home Page

Selection Narrowed

Drop Down Menu




Quiz

Correct Answer

Incorrect Answer

Fullscreen Mode



: Animation

WEBSITE




ONE

TWO

THREE

FOUR

FIVE

WALT

JESSE

GUSTAVO

SAUL

SKYLER

BIO

PHOTO

VIDEO

QUIZ


QUIZ!

INCORRECT...

CORRECT!

Home Page

Selection Narrowed

Drop Down Menu




Quiz

Correct Answer

Incorrect Answer

Fullscreen Mode



: Animation

WEBSITE




ONE

TWO

THREE

FOUR

FIVE

WALT

JESSE

GUSTAVO

SAUL

SKYLER

BIO

PHOTO

VIDEO

QUIZ


QUIZ!

INCORRECT...

CORRECT!

Home Page

Selection Narrowed

Drop Down Menu




Quiz

Correct Answer

Incorrect Answer

Fullscreen Mode

23

As a user interacts with the home

screen, he/she will be presented with

one of three options: Episode Info,

Trailer/Episode Clip, or a Quiz.

If presented with a Quiz, the user

will have the opportunity to answer a

Breaking Bad related question and if

corrrect, they would unlock exclusive

behind the scenes content.

Website Homepage

Chris Hurtt24

ONE

TWO

THREE

FOUR

FIVE

WALT

JESSE

GUSTAVO

SAUL

SKYLER

BIO

PHOTO

VIDEO

QUIZ


SEASON CHARACTER MEDIA TYPE SEASON 1 CHARACTER MEDIA TYPE

The final homepage features colors

inspired by Breaking Bad randomly

placed throughout a periodic table.

As a user hovers over a box, the opacity

for the rest of the table is reduced so

that it provides an easy focus area.

When a drop down box is clicked and

an option is chosen, it automatically

lowers the opacity for the rest of the

table as well. This prevents spoilers

for people who haven’t seen a certain

season yet.

Website Interactive Page

Breaking Bad 25

Walt shakenly stands in the middle of the dessert holding a pistol to the sirens that he hears quickly approaching.

1 of 4Breaking Bad Season One Episode One: PilotA man wearing nothing but tightie whities and a gas mask careens his Winnebago down a desolate highway in the New Mexico desert. In the passenger seat, another man-either passed out or passed beyond-also wears a gas mask, his head on the dashboard. Two bodies, even more likely dead, slide across the RV floor until the vehicle veers into a ditch. The hyperventilating driver, Walter White (Bryan Cranston), climbs out, dons the shirt still hanging off the side view mirror (his pants are long since gone), then re-enters the van to retrieve a video camera, his wallet, and a gun. He records a cryptic, handheld farewell to his wife and son. “I just want you to know that no matter how it may look, I only had you in my heart.” That said, he faces the oncoming sirens, gun in hand.

Flashback to his birthday three weeks earlier. At dusk, Walt exercises on a mini-stairmaster in front of a plaque commemorating his contri-butions to some Nobel Prize worthy research. At breakfast, his hap-pily henpecking wife Skyler (Anna Gunn) hands him a plate of eggs topped by veggie bacon spelling “50” before bantering with their handicapped son (RJ Mitte). Afterwards, Walt drops off Junior at the same local high school where he works as an ineffectual chemistry teacher.

Later that day, one of Walt’s more disrespectful students witnesses him moonlighting at a car wash for additional income. The encoun-ter is especially belittling since the student laughingly photographs

Mr. White’s Pop Quiz!

What information is NOT displayed on Jesse’s mySHOUT page?

He likes fine herbage and MILFS

The name of his band, TwaughtHammer

He attended J.P. Wynne High School

His name and adress

(Correct Answers Unlock Exclusive Breaking Bad Content!)

Season 5 Episode 9: Gliding over All Jesse comes to Saul as a last hope.

Enlarged is an Episode Guide that lets

fans know what happened during a

certain episode and provides photos

& videos to engage the viewer.

When prompted with a Quiz, users

test their knowledge of Breaking Bad

and are rewarded in return.

The website also allows users to share

content through social media with a

simple click.

App Wireframes

Chris Hurtt



: Animation

WEBSITE

Home Page

Directs to Website

Collection

Correct AnswerIncorrect Answer

Landscape Mode

Fullscreen ModeChris HurttDAI 327 Midterm


: Animation

WEBSITE

Home Page

Directs to Website

Collection


Landscape Mode



: Animation

WEBSITE

Home Page

Directs to Website

Collection


Landscape Mode



: Animation

WEBSITE

Home Page

Directs to Website

Collection


Landscape Mode



: Animation

WEBSITE

Home Page

Directs to Website

Collection


Landscape Mode

Fullscreen Mode

26

The Breaking Bad App follows a very

similar basis as the website to allow

continuity for users. The main focus is

on the quizes and collecting as much

exclusive content as possible.

From the home screen, the user

is prompted to either Play,

View Collection, or More

Breaking Bad Content.



: Animation

WEBSITE

Home Page

Directs to Website

Collection


Landscape Mode



: Animation

WEBSITE

Home Page

Directs to Website

Collection


Landscape Mode

Fullscreen Mode

App Wireframes

Breaking Bad



: Animation

WEBSITE

Home Page

Directs to Website

Collection


Landscape Mode



: Animation

WEBSITE

Home Page

Directs to Website

Collection


Landscape Mode

Fullscreen Mode

27

If they decide to play, it is the same

format of quizing as the website

yet exclusive question are asked on

mobile devices to entice users to

download the app as well as use

the website.

From the Collections menu, users can

see which content they’ve unlocked

so far and by turning the device land-

scape they can view their collection as

according to the official periodic table

of Breaking Bad.

Main Logos

Chris Hurtt

Correct!Incorrect...Mr. White’s Pop Quiz!

What information is NOT displayed on Jesse’s

mySHOUT page?




His name and address TRY AGAIN

You had ONE job Jesse.Click below for a behind the

scenes video!



mySHOUT page?






scenes video!



mySHOUT page?






scenes video!

28

A walkthrough of the app presents a familiar basis

for fans of the show and users of the website. A

simple interface allows users to focus in on the

content and try to collect as many exclusives

as possible.

The website and the app work on a sign-in platform (i.e. Facebook, Email) so that users

can maintain their progress on all of their devices.

Breaking Bad 29

Create a series of Infographics based around statistical topics such as sports,

prison, and pop culture. The project should include a variation of graphs such as

bar graphs, tree graphs, circle charts and scatterplots.

Within the next few pages are some posters, booklets, and character designs

for the given topic. Each uses a set of factual data along with a themed to ex-

press the idea behind the design.


INFORMATION

DESIGNBRIEF:

INFOGRAPHICS:SPORTS, PRISON & KANYE WEST

SOLUTION:

SOFTWARE USED:

Kanye West: The Man & The Ego

Chris Hurtt32

This large scale poster about pop

culture icon, Kanye West, displays

statistics showing album succcess,

song popularity, sales, and egocentric

Yeezy comments.

It’s 30"x40" format is designed to be

showcased as a large format poster.

The size is large enough to hold an

abundant amount of information

relating to the artist.

Kanye WestThe Man & The Ego:Love him or hate him, you know who Kanye West is. You might've bought every album, or maybe only listened to a few of his songs, or surely you’ve heard some of his public outbursts...Either way, Yeezy is quite an accomplished artist.

http://www.setlist.fm/http://wikipedia.org/http://riaa.com/http://thedailybeast.com/

SOURCES:

The College Dropout

All Falls Down (7)Jesus Walks (11)

3,358,000

441,000 450,000

327,000

496,000

860,000957,000

3,100,000

2,700,000

1,700,000

1,300,000

630,000

Gold Digger (1) Stronger (1)Good Life (7)

Heartless (2)Love Lockdown (3)

Runaway (12)Monster (18)

All of the Lights (18)

N/A

Late Registration Graduation 808s & Heartbreak My Beautiful Dark Twisted Fantasy

Yeezus

2004 2005 2007 2008 2010 2013

2

2x Platinum

Best Rap Album Best Rap Solo Performance

(Gold Digger)

Best Rap Album

Best Rap AlbumBest Rap Song(Jesus Walks)

Best Rap Song(Diamonds From

Sierra Leone)

Best Rap Album

Best RapSolo Performance

(Stronger)

Best Rap Song(Good Life)

Best Rap/Sung Collaboration

(All Of The Lights)

3x Platinum 2x Platinum Platinum Platinum Platinum

1 1 1 1 1

Total Sales(copies)

First Week Sales

(copies)

Touch the Sky89

Through the Wire81

Swagga

Like Us

11

Birth-Day

Song

9

Stronger117

Spaceship

17

Send it Up34

Say You Will32

Runaway84

Run This Town53

Power86

On Sight37

New Slaves54

N*ggas In Paris28

Monster21

Mercy64

Love Lockdown36

Lost in the World60

Jesus Walks119

I’m In It32

I Wonder24

I Don’t Like61

I Am a God33

Homecoming65

Hold My Liquor33

Hey Mama37

Hell of a Life

21

Heartless90 Heard Em Say

34

Guilt Trip26

Good Morning

17

Good Life111

Gold Digger84

Get Em High36

Flashing Lights83

E.T.

14

Diamonds from Sierra Leone87

Diamonds

15

Dark Fantasy29

Coldest Winter33

Cold63

Clique58

Champion24

Can’t Tell Me Nothing112

Bound 250

Blood on the Leaves67

Black Skinhead54

American Boy

19

All of the Lights87

All Falls Down85

Album Sales

“I'm my favorite rapper."

"I'm like a vessel, and God has chosen me to be the voice

and the connector."

"My greatest pain in life is that I will never be able to

see myself perform live."

"Is it super lonely and miserable to buy yourself a Cartier love bracelet…

well I guess I do love my self lol!!!"

"But my ego is my drug. My drug, ‘I’m better than all you other motherf*ckers. Kiss my ass!’”

"For me to say I wasn’t a genius, I would just be lying to you

and to myself."

"I’m 10 years ahead of your mentality."

"I am Warhol. I am the No. 1 most impactful artist

of our generation. I am Shakespeare in the ¢esh."

"I am a god. Now what?"

"I’m like Howard Hughes. I’m like David Stern. I’m like Steve Jobs.

If anything, that’s a compliment to them."

This is an analysis of the top 50 songs Kanye has performed on his tours; 185 concerts in total. The colors correspond to the album each song is from.

Jesus Walks took the crown as the top performed song with 119 Plays.

If not for his music, Kanye has a notorious reputation for his public outbursts, while Kanye may very well be his own favorite rapper, some of his more outlandish comments show just how egotistical Kanye can be. Here’s a meter of some of his wildest recent remarks.

YeezyEgo-Meter

A comparison of his total sales vs. first week sales show that College Dropout had top sales overall while Graduation had the best first week sales.

Billboard 200 Spot

RIAA AWarDs/Grammys

Hot 100 singles

College Dropout

Late registration

graduation

808's & heartbreak

my beautiful darktwisted fantasy

yeezus

CollegeDropout

Lateregistration

graduation 808's &heartbreak

my beautiful darktwisted fantasy

yeezus

no album

These are the 8-bit characters designed

to be representations of the iconic

outfits that Kanye wore through his

six solo albums. I chose to use 8-bit

design because it was a simple way to

show the essense of each album while

still being captivating enough to draw

in viewers.

This also set the color scheme that

would be used as a prominent marker

throughout the rest of the poster.

Character Designs

Infographics: Sports, Prison & Kanye West 33

Album Sales

Chris Hurtt34

Line graph displaying how many

copies sold for each album in both

First Week Sales and Total Sales. The

graph uses the iconography associated

with the corresponding album and

highlights the top in each category

by using gold text and having Kanye

smile (for once).

Tree Map


An analysis of the top 50 songs Kanye

has performed on his tours;

185 concerts in total.

The colors correspond to the album

each song is from. Jesus Walks took

the crown as the top performed song

with 119 Plays.

Yeezy Ego-Meter

Chris Hurtt36

A very loose representation of an

inforgraphic, but a vital part in exploring

the role of Kanye in pop culture. We

all know he has said some outrageous

things. Here’s a select few.

Final Version


Printed Version

Path to Greatness

Chris Hurtt38

This infographic explores the ongoing

debate of who the greatest basketball

player of all time is: Michael Jordan,

Kobe Bryant, or LeBron James.

Through an easy to read booklet, the

statistics of their first 10 years in the

NBA are compared as a fair analysis

(since they each have played a varying

amount of seasons).

Trophies they earned during that time

are signified by their color while the

outlined awards represent ones that

were earned later in their careers.

20.9

27.231.4

27.330 28.4 29.7

26.7 27.1 26.8 27.1

79 80 79 7875

81

7679

62

76 77

LeBron James

Games Played APPG

7.6

15.419.9

22.5

28.525.2

30

2427.6

35.431.6

71

79

50

6668

8082

65 66

8077

Kobe Bryant

Games Played APPG

03-04 05-06 07-08 09-10 11-12 13-1404-05 06-07 08-09 10-11 12-13

96-97 98-99 00-01 02-03 04-05 06-0797-98 99-00 01-02 03-04 05-06

20.9

27.231.4

27.330 28.4 29.7

26.7 27.1 26.8 27.1

79 80 79 7875

81

7679

62

76 77

LeBron James

Games Played APPG

7.6

15.419.9

22.5

28.525.2

30

2427.6

35.431.6

71

79

50

6668

8082

65 66

8077

Kobe Bryant

Games Played APPG

28.2

37.135

32.5 33.631.5 30.1

32.6

26.930.4

82

18

82 82 81 82 8280

78

17

82

Michael Jordan

Games Played APPG

03-04 05-06 07-08 09-10 11-12 13-1404-05 06-07 08-09 10-11 12-13

96-97 98-99 00-01 02-03 04-05 06-0797-98 99-00 01-02 03-04 05-06

84-85 86-87 88-89 91-92 93-94 95-9685-86 87-88 90-91 92-93 94-95

22.7

7.6

15.419.9

22.5

28.525.2

30

2427.6

35.431.6

71

79

50

6668

8082

65 66

8077

Kobe Bryant

Games Played APPG

28.2

37.135

32.5 33.631.5 30.1

32.6

26.930.4

82

18

82 82 81 82 8280

78

17

82

Michael Jordan

Games Played APPG

96-97 98-99 00-01 02-03 04-05 06-0797-98 99-00 01-02 03-04 05-06

84-85 86-87 88-89 91-92 93-94 95-9685-86 87-88 90-91 92-93 94-95

22.7

skip around and focus in on the information they feel is rele vant to

their interest in the pla yers.

Although the data will be accurate in its reporting, there

are a few challenges that are present when comparing these play-

ers. The biggest challenge that I will face with this project is the

fact that each of the pla y

basketball. Michael Jordan began his NBA career in 1984, Kobe in

1996, and LeBron in 2003. They are each almost a decade apart

in their arri val into the league and only one of them has complet-

ed his caree r. Technicall y, Michael Jordan is the only one whose

stats are complete since he is no longer playing, Kobe and LeBron

are still competing at a high le vel of performance that their stats

are continuously changing as the seasons progress. Also being

point in their career to compare. Looking at the stats overall--Jor-

Kobe in his 18th

season, and LeBron now in his 11th-- would pose some extremely

ed data. The number of seasons completed bet ween the

vels. Injuries and time of entry into the

professional league are also factors. Michael Jordan was out most

of his second season due to a broken foot, meanwhile Kobe has

er pla yed fe wer than 65 games per season through most of his

career, and LeBron has ne ver missed more than se ven games in

.

With that information, my decision to analyze the data

is going to be primarily based on where LeBron is now at in the

both Jordan and Kobe. I can also extend the data up to Kobe and

Jordan’s 15th seasons to show the path in which the t wo grew

and what LeBron may ha ve to accomplish to reach that le vel.

For my research I will be primarily taking my data from

the National Basketball Association. I also plan on taking cues

from a few other indirect sites to get some ideas of what people

may be interested in seeing compared bet ween the athletes. I

ven take information from polls of popular opinion of these

ers and compare them to the actual numbers as a way to

see if any biases exist bet ween the pla yers. I know starting out

already that most fans l ove Jordan, many people dislike LeBron,

and people seem to be split on opinions about Kobe. But one thing

is certain, no one can deny their individual greatness, this is what I

ant my research and infographic to highlight.

References:

nba.com

popularinfographics.com

usatoda y.com

basketball-reference.com

20.9

27.231.4

27.330 28.4 29.7

26.7 27.1 26.8 27.1

79 80 79 7875

81

7679

62

76 77

LeBron James

Games Played APPG

7.6

15.419.9

22.5

28.525.2

30

2427.6

35.431.6

71

79

50

6668

8082

65 66

8077

Kobe Bryant

Games Played APPG

03-04 05-06 07-08 09-10 11-12 13-1404-05 06-07 08-09 10-11 12-13

96-97 98-99 00-01 02-03 04-05 06-0797-98 99-00 01-02 03-04 05-06

20.9

27.231.4

27.330 28.4 29.7

26.7 27.1 26.8 27.1

79 80 79 7875

81

7679

62

76 77

LeBron James

Games Played APPG

7.6

15.419.9

22.5

28.525.2

30

2427.6

35.431.6

71

79

50

6668

8082

65 66

8077

Kobe Bryant

Games Played APPG

28.2

37.135

32.5 33.631.5 30.1

32.6

26.930.4

82

18

82 82 81 82 8280

78

17

82

Michael Jordan

Games Played APPG

03-04 05-06 07-08 09-10 11-12 13-1404-05 06-07 08-09 10-11 12-13

96-97 98-99 00-01 02-03 04-05 06-0797-98 99-00 01-02 03-04 05-06

84-85 86-87 88-89 91-92 93-94 95-9685-86 87-88 90-91 92-93 94-95

22.7

For an yone who’s e ven remotely a fan of basketball, three names

have been thrown around as being the greatest pla yers to e ver

step foot on the court; Michael Jordan, Kobe Br yant and LeBron

James. These individuals ha ve surpassed the a verage NBA pla yer

almost all across the boards. But the contr oversial battle continues

year in and year out, who is truly the best? My infographic will

explore the statistics of what these pla yers ha ve accomplished,

lay it out with a clean design, and ha ve readers be able to assess

the data in an easy to read fashion.

For my infographic I plan on doing an overview be-

tween the great pla yers LeBron James, Kobe Br yant, and Michael

Jordan because it has been a topic that interests me as a sports

fan. I’ ve watched all three pla yers compete with the league at

an amazing le vel of skill that makes you wonder just how they

do it without any sort of hesitation. Although this research won’t

cover the why behind their incredible talent, it will c over the what

according to numbers recorded by the NBA.

One really interesting topic to c over would be Pla yer Ef-

ws, three-pointers, assists, rebounds,

blocks and steals, along with missed shots, turn overs and person-

al fouls. The stats for this doesn’t c over defensi ve ability exten-

sively, but with each of the pla yers having a high le vel of defensi ve

abilit y, it would treat that as a constant while focusing on other

aspects of the game.

PER is just one statistic that can be useful in my info-

graphic anal ysis. The good ne ws about c overing these three play-

ers is that there’s plenty of accessible stats a vailable which will

make it easy to generate various comparisons along with identify

trends within the data that would highlight their abilities. With

these pla yers it will be interesting to compare Average Points Per

Game (PPG), Games Pla yed, MVP titles, Championships won.















Kobe in his 18th

season, and LeBron now in his 11th-- would pose some extremely

skewed data. The number of seasons completed bet ween the

vels. Injuries and time of entry into the

professional league are also factors. Michael Jordan was out most

of his second season due to a broken foot, meanwhile Kobe has

ne ver pla yed fe wer than 65 games per season through most of his

career, and LeBron has ne ver missed more than se ven games in

a year.

With that information, my decision to analyze the data

is going to be primarily based on where LeBron is now at in the

both Jordan and Kobe. I can also extend the data up to Kobe and

Jordan’s 15th seasons to show the path in which the t wo grew

and what LeBron may ha ve to accomplish to reach that le vel.

For my research I will be primarily taking my data from

the National Basketball Association. I also plan on taking cues

20.9

27.231.4

27.330 28.4 29.7

26.7 27.1 26.8 27.1

79 80 79 7875

81

7679

62

76 77

LeBron James

Games Played APPG

03-04 05-06 07-08 09-10 11-12 13-1404-05 06-07 08-09 10-11 12-13

For an yone who’s e ven remotely a fan of basketball, three names

have been thrown around as being the greatest pla yers to e ver

step foot on the court; Michael Jordan, Kobe Br yant and LeBron

James. These individuals ha ve surpassed the a verage NBA pla yer

almost all across the boards. But the contr oversial battle continues

year in and year out, who is truly the best? My infographic will

explore the statistics of what these pla yers ha ve accomplished,

lay it out with a clean design, and ha ve readers be able to assess

the data in an easy to read fashion.

For my infographic I plan on doing an overview be-

tween the great pla yers LeBron James, Kobe Br yant, and Michael

Jordan because it has been a topic that interests me as a sports

fan. I’ ve watched all three pla yers compete with the league at

an amazing le vel of skill that makes you wonder just how they

do it without any sort of hesitation. Although this research won’t

cover the why behind their incredible talent, it will c over the what















Kobe in his 18th

MICHAELJORDAN

LEBRONJAMES

KOBEBRYANT

MICHAELJORDAN

LEBRONJAMES

MICHAELJORDAN

LEBRONJAMES

KOBEBRYANT

Finals MVP

Chamionships

Season MVP

Games Played

Points Per Game

Drafted in 1984Chicago Bulls

Guard, Forward6’6’

195lb

LATER IN CAREER1991

THREE PEAT1991 2000 2001

THREE PEAT2002

1987-88 1987-88 1987-88

1992

1992

1993 2012

2012

2008-09 2009-10 2011-12 2012-13

2013

20131993 LATER IN CAREER

LATER IN CAREER LATER IN CAREER

LATER IN CAREER

LATER IN CAREER

Drafted in 1996Los Angeles Lakers

Guard6’6’’

200lb

Drafted in 2003Cleveland Cavaliers, Miami Heat

Forward6’8’’

240lb

FIRSTELEVEN

SEASONS

Final Version


Front View Inside View

The Saints Dats Who

Chris Hurtt40

The Saints and the Colts went head to

head in what was surprise victory by

the New Orleans Saints in the 2010

Super Bowl.

This poster is a 17"x11" mailer which

is intended to be folded and sent to

fans of the topic.

The information is color coated with

gold signifying the Saints and blue

signifying the Colts to make the statistics

easy to breakdown. There is even a

custom made possession analysis set

in the form of a timeline to show how

the Saints came away with the victory.1:38

3:19 5:26 2:01 6:22 5:42 2:30 1:28 2:28 :44

5:53 2:17 4:36 6:02 1:20 6:25 1:14 :35

Possession TimeSaints:Colts:

1st Quarter 2nd Quarter

4th QuarterSources:

3rd Quarter

COLTS 3-0Plays: 11Yards: 58

Result: Field Goal


Result: Touchdown


Result: Field Goal

COLTS 10-6Plays: 5

Yards: 26Result: Field Goal

AT THE HALFSaints: 16:57Colts: 13:03

END OF GAMESaints: 13:14Colts: 16:46

SAINTS 13-10Plays: 6

Yards: 58Result: Touchdown


Yards: 59Result: Touchdown


Yards: 44Result: Interception Returned for Touchdown


Result: Touchdown


Result: Touchdown

THE SAINTS DATS WHOAn analysis of the New Orlean Saints victory in the 2010 Super Bowl

On Sunday, with a quarterback who had hitched his career to resurrecting the Saints and with a team that played nearly �awlessly, the Saints gave New Orleans a reason to do what it does better than any other American city: celebrate. In the franchise’s �rst Super Bowl, the Saints beat the Indianapolis Colts, 31-17, sending New Orleanians into the streets for a party.

Saints QB Drew Brees completed 32 of his 39 passes for 288 yards with two TDs. His 32 completions are tied for the most in Super Bowl history.

S ta t i s t ica l l y, Co l ts won in most categor ies .Sa in ts s t i l l managed to pu l l the upset .

Drew Brees

Tom Brady

Peyton Manning

Kurt Warner

Jim Kelly

Donovan McNabb

32 39

48

45

43

50

51

32

31

31

31

30

MOST PASS COMPLETIONS IN A SUPER BOWL

Total Plays Total Yards Passing Rushing

64 58 333 281 99 51432 332

KEY PLAYERS

Complete Attempts Super Bowl

“Who Dat?” Saints fans ask about which opponent might beat their team.

Now they have their answer: nobody. �e Saints are the N.F.L.’s champions, after 42 seasons of futility.

XLIV

XXXVIII

XLIV

XLIII

XXVIII

XXXIX

FINAL

DREW BREESQuarterback for theNew Orleans Saintsand Super Bowl MVP

74-yard intercept ion return with 3:12 le f t

Tracy Por ter

16 yard scor ing passgave Sa ints �rs t l ead

Pierre ThomasThomas Morstead

Onside k ick gave Sa ints a p ivota l possess ion

www.nytimes.comwww.espn.com

Chris HurttDAI 523 Tang

Final Version


Folded Version

The American Prison Industry

Chris Hurtt42

U.S. is home to the largest prison population in the world

Non-violent drugoffender arrestshave double nearlyevery decade since1980.

Although Whitesmake up a largemajority of thepopulation, blacksare incarcerated ata much higher rate.

TheAmerican

prisonIndustry

Big Business

ormodern

slavery?

There are more prisons in America than Walmarts

The War on Drugs Racial Inequality1.6 Millionincarcerated

4.5%U.S.

over 190other countries

23%U.S.

57%

44% 24% 24%7.7%

33% 5.5%7.5%

1980 23,900

1990 177,600

2000 314,156

2010 354,727

9%Other

31%White

24%LATINO

36%BLACK

7%Other

16%LATINO

64%WHITE13%

BLACK

American Population

American Prison Population

1 in every 11 Blacksare in Prison

4,5754,253

While the U.S. holds only 4.5% of world population The 23% of world prison population

179,872violent offenders


95,951property offenders


17,548public order

56,980public order

23,900non-violent offenders


1980 saw 315,000 prisoners

To put things in perspective...

Getting Married Going To College

In America


Young+

+=Black

Male

OR

1/4

>

chance of going to jail

Private Prisons

State and federal prisoners housed in private facilities as of December 2010

Facilities owned and operated by Corrections Corporation of America, the country’s largest private prison company based on number of facilities

total revenue recorded by CCA in 2011

65 percent of the private prison contracts ITPI received and analyzed included occupancy guarantees in the form of quotas or required payments for empty prison cells (a “low-crime tax”). These quotas and low-crime taxes put taxpayers on the hook for guaranteeing profits for private prison corporations.

Occupancy guarantee clauses in private prison contracts range between 80% and 100%, with 90% as the most frequent occupancy guarantee requirement.

At least 37 states have legalized the contracting of prison labor by private corporations that mount their operations inside state prisons.(IBM, Microsoft, AT&T, Macy’s, and Target to name a few)

The highest-paying private prison is CCA in Tennessee, where prisoners receive 50 cents per hour.

Private prisons are the biggest business in the prison industry complex. About 18 corporations guard 10,000 prisoners in 27 states. The two largest are Correctional Corporation of America (CCA) and Wackenhut, which together control 75%. Private prisons receive a guaranteed amount of money for each prisoner, independent of what it costs to maintain each one.

$$$or for-profit prison is a place in which individuals are physically confined or interned by a third party that is contracted by a government agency.

128,195

66$1.7Billion

Chris Hurtt | DAI 523 | Information DesignWild Card | Stephanie Tang

1 2 3 4

5 6

U.S. is home to the largest prison population in the world

Non-violent drugoffender arrestshave double nearlyevery decade since1980.

TheBig

There are more prisons in America than Walmarts

The War on Drugs1.6 Millionincarcerated

4.5%U.S.

over 190other countries

23%U.S.

57%

44% 24% 24%7.7%

33% 5.5%7.5%

1980 23,900

1990 177,600

2000 314,156

2010 354,7274,5754,253

While the U.S. holds only 4.5% of world population The 23% of world prison population





17,548public order

56,980public order




To put things in perspective...


1 2

This informational booklet explores

the topic of what goes on behind the

scenes of the country with the highest

prison population in the world.

The booklet is set to be made from

one sheet of paper that can be folded

so that the information may easily

be passed out at rallys, information

desks, and to prison inmates/families

that want to have a better under-

standing of the privatization

of prisons.

The flow of the booklet goes from

more general information about

American prisons to specific

information of how much money

privatized prisons generate.

The American Prison Industry

43Infographics: Sports, Prison & Kanye West


Racial Inequality

9%Other

31%White

24%LATINO

36%BLACK

7%Other

16%LATINO

64%WHITE13%

BLACK

American Population




In America

Young+

+=Black

Male

OR

1/4

>


3 4


Racial Inequality

9%Other

31%White

24%LATINO

36%BLACK

7%Other

16%LATINO

64%WHITE13%

BLACK

American Population




In America

Young+

+=Black

Male

OR

1/4

>


3 4

Private Prisons

State and federal prisoners housed in private facilities as of December 2010

Facilities owned and operated by Corrections Corporation of America, the country’s largest private prison company based on number of facilities

total revenue recorded by CCA in 2011

65 percent of the private prison contracts ITPI received and analyzed included occupancy guarantees in the form of quotas or required payments for empty prison cells (a “low-crime tax”). These quotas and low-crime taxes put taxpayers on the hook for guaranteeing profits for private prison corporations.

Occupancy guarantee clauses in private prison contracts range between 80% and 100%, with 90% as the most frequent occupancy guarantee requirement.

At least 37 states have legalized the contracting of prison labor by private corporations that mount their operations inside state prisons.(IBM, Microsoft, AT&T, Macy’s, and Target to name a few)

The highest-paying private prison is CCA in Tennessee, where prisoners receive 50 cents per hour.

Private prisons are the biggest business in the prison industry complex. About 18 corporations guard 10,000 prisoners in 27 states. The two largest are Correctional Corporation of America (CCA) and Wackenhut, which together control 75%. Private prisons receive a guaranteed amount of money for each prisoner, independent of what it costs to maintain each one.

$$$or for-profit prison is a place in which individuals are physically confined or interned by a third party that is contracted by a government agency.

128,195

66$1.7Billion

5 6

Big Business

ormodern

slavery?Chris Hurtt | DAI 523 | Information Design

Wild Card | Stephanie Tang

Final Version

Chris Hurtt44

Inside ViewFront View

Final Version


Back View

To develop an Inclusive Environmental Graphic Signage & Wayfinding System

for the re-designed San Francisco State University, J. Paul Leonard Library. The

objective will be to design user-environmentally friendly informational signage

system that is accessible to a wide range of users, particulalrly persons with

disabilies in accordance to the ADA (American Disabilities Act) requirements and

Universal Design principles. The task will be to create a sequence of signs that

will guide and navigate the user from the outer periphery of the campus to the

Campus Library Events Room, LIB 121.

Create signage based around an idea of accessibility for all.


ENVIRONMENTAL

DESIGN &

SIGNAGE

BRIEF:

LIBRARY WAYFINDING

SOLUTION:

SOFTWARE USED:

Inspirations

Chris Hurtt48

Water and fluid, abstract designs were

the main inspirations for the signage

system. Blobjects also played a role

during the conceptual phase as the

shapes incorporated fluidity.

Steering away from the traditional

static designs, the driver was to create

an interactive way for the users to not

only see the sign as a traditional sign,

but also utilize it’s unique style and

patterns to subtly point them in the

right direction. It was also important

for these signs to have an illumination

to them so that they may be used at

all times of the day.

In-World Sketches

Library Wayfinding 49

By incorporating abstract, fluid-like

designs, the signage created a

directional structure that would lead

viewers in certain directions prior to

even implementing text. The color

scheme of bold white text on different

shades of blue created a contrast

even viewers with loss of vision or

color blindness were able to identify.

The signage would be designed

with PVC (Polyvinyl Chloride) as it

reduces glare and doubles as durable,

weatherproof plastic. Utilizing the

PVC material increases the chances of

outlasting other plastic based posters

that yellow and corrode from natural

time and weather.

Wayfinding Signage In-World

Chris Hurtt50

Site Map

Building Locator

Wayfinding Signage In-World

Library Wayfinding 51

Building Sign

Building Directory

These next projects are a series of various posters, flyers, and logo work that I’ve

completed within the past year. Each of these pieces have had hours of research

and iterative developments done before coming to the final design. Each

illustration has both a visual component and a deeper analysis into it’s meaning

and/or cultural relevance.


ILLUSTRATION

PROCESSBRIEF:

VARIOUS DIGITAL WORK

SOFTWARE USED:

Chris Hurtt54

Love MazeAlbum Art

SOULPoster Design (16"x20")

Various Digital Work 55

z ak e DELICATE

SANCTIFIED

SATURDAY

NIGHT

COMPLICATED

BEAUTIFUL

MUSIC

MAGIC

z a k e

ZAKE Version 1

Poster Design (30"x40")

ZAKE Version 2

Poster Design (30"x40")

Chris Hurtt56

DAI Lunchtime Lecture

Let’s talk about UX

November 4thFA115 12:30pm

A discussion aboutUX with Ashley SchofieldUX designer at ancestry.com

DAI Lunchtime Talk: AncestryFlyer (11"x14")

DAI Lunchtime Talk: UX DesignFlyer (11"x14")

Various Digital Work 57

NotebrushLogo

Game TightLogo/Promotional Design

Lined up next is a series of drawings I’ve done for myself and clients throughout

the past year. Having had a background in art, starting back in middle school,

this part of the portfolio can be considered my most ongoing project to date. It

features both people I’ve met and those that inspire me, along with small bits of

hand lettering work.

MARKER

AND FINE PEN

DRAWINGS

BRIEF:

VARIOUS TRADTIONAL WORK

Chris Hurtt60

Pharaohe Monch

Micron Pen & Prismacolor Marker

11"x14"

9th Wonder Micron Pen

11"x14"

Various Traditional Work 61

MidnightMicron Pen, Prismacolor Marker & White Pencil

5.5"x8.5"

GZABallpoint Pen

11"x8.5"

Chris Hurtt62

Spine: A Journey Through the Five Senses

Micron Pen & Prismacolor Markers

14"x11"

Method Man

Micron Pen & Prismacolor Markers

11"x14"

63

RapsodyMicron Pen, Prismacolor Marker & White Pencil

14"x11"

Biggie SmallsBallpoint Pen& Gold Pencil

5.5"x8.5"

Various Traditional Work

THANKS!

Chris Hurtt Design Portfolio (2014-15)

Documents

Transcript of Chris Hurtt Design Portfolio (2014-15)