Page 1

JOHN SHOLLENBERGER’S GRAPHIC DESIGN PORTFOLIO


ABOUT ME Throughout life, I found my success in graphic design and digital media through my lack of success in other pursuits. I was an awful basketball defenseman, a lousy soccer goalie, and a deafening trumpet player. After many failed attempts of being an athlete and musician, I began wondering to myself (like many other teenagers) what my value was to this vast world. Ever since I could remember I had been creative but never had I really found an arena to milk it in. During high school, that all changed when I joined Student Government my junior year. I had worked all night before our first meeting to prepare what I thought would be a really cool logo to represent the Leadership class. When I presented the final iteration to the other students and they really enjoyed it, I felt I finally had done something meaningful in the world. From there it was history, and I began my journey as a graphic designer. While having taken on this role, I have been able to do some really amazing projects for several different occasions. I designed a brochure for a disability organization. I conceived a logo for a local barbershop. I even organized my senior class page for my yearbook. With this book you can check out some of my favorite work thus far. I Hope you enjoy!


PG

6

PG

26

PG

46

R A


PG

60

L R

PG

68

PG

83


UP-TO-DATE, WEATHER YOU LIKE IT OR NOT

Software Used: Adobe Illustrator While weather forecasting technology has evolved, weather icons have not. With this project, my peers and I got away from the contemporary and mundane gradient sun and cloud symbols and contrived a forecast application more modern and appropriate for its decade. Mostly ClaudĂŠ is my prototype of what a 21st-century weather application should look like. Simple. Sharp. And slick. My project plays around with color and transparency while completely revitalizing climate iconography with its trademark jagged clouds and notched sun.


ABCDEFGHIJKLMN OPQRSTUVWXYZ 1234567890 ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdefghijklmno pqrstuvwxyz 1234567890


CITY, STATE, OR ZIP CODE

58

CITY, STATE, OR ZIP CODE

CLOUDY

CURRENT TIME

11:39 AM

SAN FRANCISCO, CA

30 %

5 MPH

L 51 H 62

NOW

TODAY & TONIGHT

12 PM

THE WEEK

75

2:37 3

CITY, STATE, OR ZIP CODE

PM

MONDAY L

SS 7:29 PM

SUNNY

54 H 65

TUESDAY

12 AM

PARTLY CLOUDY

FOGGY

WEDNESDAY

57 H 68

THURSDAY

L

SAN FRANCISCO, CA

NOW

THE WEEK

76 H 91

43 H 60 L

WINDY

CLOUDY

FRIDAY

TODAY & TONIGHT

52 H 69 L

SATURDAY

L

67 H 82 L

SUNNY

MOSTLY CLOUDY

SUNDAY

53 H 68 L

NOW

RAINY

TODAY & TONIGHT

THE WEEK


CITY, STATE, OR ZIP CODE

CURRENT TIME

1:42 AM

45

4:25 2 AM

SR 6:07 AM

12 PM

SAN FRANCISCO, CA

NOW

TODAY & TONIGHT

THE WEEK


CITY, STATE, OR ZIP CODE

MONDAY

87 H 98

CITY, STATE, OR ZIP CODE

TUESDAY

L

AIR QUALITY ALERT

AIR QUALITY ALERT

WEDNESDAY

82 H 95

78 TODAY & TONIGHT

AIR QUALITY ALERT

SATURDAY

79 H 90 L

AIR QUALITY ALERT

AIR QUALITY ALERT

SUNDAY

85 H 101 L

5 MPH

L 70 H 88

NOW

AIR QUALITY ALERT

L

VENTURA, CA %

77 H 103 L

FRIDAY

FIRE DANGER

0

THURSDAY

L

76 H 91

83 H 97 L

THE WEEK

NOW

AIR QUALITY ALERT

TODAY & TONIGHT

THE WEEK


CITY, STATE, OR ZIP CODE

CURRENT TIME

9:38 AM

CITY, STATE, OR ZIP CODE

12 PM

52 HURRICANE

3:45 4

54

PM

SS 8:29 PM

HIGH WINDS AND FLOODING LIKELY PLEASE EVACUATE

12 AM

FLOODING

MIAMI, FL

NOW

NEW ORLEANS, LA

TODAY & TONIGHT

0

THE WEEK

%

5 MPH

L 49 H 59

NOW

TODAY & TONIGHT

THE WEEK


Wake Up Your Commute With Make-Up

Software Used: Adobe Illustrator, Adobe Photoshop What kinds of advertisements do you find on public transport, an ad for the local zoo with a stock image of a penguin or another Dwayne Johnson action movie? What about a stunning Egyptian empress reigning over her domain with eyebrows that could spellbind even the unruliest of subjects? In a final weekly exercise of crafting a brand identity for a fictional company called ACME, the other students and I produced standard size bus stop posters (48 in x 69 in). Our final designs were based on the fonts, color palettes, and overall aesthetics we had each chosen for our mock-businesses. At the beginning of this project series, each person was randomly given an industry. I was assigned to make-up and cosmetics. The eclectic brand I formulated was one of striking violets mixed with muted-earthy tones, ancient text complemented with more modern types, and Egyptian aspects juxtaposed to alluring subjects. The final spread I conceived showcased many of these defined elements.


Mr. Hazy from the Bay

Software Used: Adobe Illustrator San Francisco is known for a few things, it’s undulating streets, progressiveness, and, of course, its fog. The fog has such a regular role in Bay Areans’ lives, they have given a name to the misty crusader, Karl the Fog, or, simply, Karl. Karl is so hip he even has his own Twitter account. Who knew a weather occurrence could be so popular to so many? To honor Karl and all his grey glory, my typography class made posters as homage. These posters were to include Karl’s name along with a short passage from his Wikipedia page. They were to be minimal and characterize Karl in a somewhat abstract manner which would be based off of our own personal feelings about the fog. For the first iterations, we were only permitted by our instructor to use the font, Baskerville, but with the final drafts we were allowed to also use Arial. However, for my last composition, I kept to the original typeface.


K

L R A


11

17 17 11


I

II

III

IV


K AR

L

U

nder normal summertime conditions, a daily pattern of fog and low clouds occurs. Morning sun heats the ground which in turn heats the marine layer over the land areas. This creates convective turbulence within the marine layer as well as evaporation of any clouds within it. The marine layer clears back toward the coast, usually by noon. By mid-afternoon, inland areas have heated sufficiently to decrease the air pressure and increase the onshore flow. By late afternoon, the wind increases and begins to cool the onshore marine layer, allowing the fog and low clouds offshore to progress inland without evaporating. Cloudiness streams in over the Bay and through the various gaps. How far the clouds can penetrate inland depends on the depth of the marine layer and the strength of the cooling winds. As night falls and inland areas cool down, the winds usually decrease, but the fog and clouds remain wherever they have blown in until the following morning when the cycle repeats.


K A R L


U

L R A

nder normal summertime conditions, a daily pattern of fog and low clouds occurs. Morning sun heats the ground which in turn heats the marine layer over the land areas. This creates convective turbulence within the marine layer as well as evaporation of any clouds within it. The marine layer clears back toward the coast, usually by noon. By mid-afternoon, inland areas have heated sufficiently to decrease the air pressure and increase the onshore flow.

K

B

y late afternoon, the wind increases and begins to cool the onshore marine layer, allowing the fog and low clouds offshore to progress inland without evaporating. Cloudiness streams in over the Bay and through the various gaps. How far the clouds can penetrate inland depends on the depth of the marine layer and the strength of the cooling winds. As night falls and inland areas cool down, the winds usually decrease, but the fog and clouds remain wherever they have blown in until the following morning when the cycle repeats.


AR

K U

nder normal summertime conditions, a daily pattern of fog and low clouds occurs. Morning sun heats the ground which in turn heats the marine layer over the land areas. This creates convective turbulence within the marine layer as well as evaporation of any clouds within it. The marine layer clears back toward the coast, usually by noon. By mid-afternoon, inland areas have heated sufficiently to decrease the air pressure and increase the onshore flow. By late afternoon, the wind increases and begins to cool the onshore marine layer, allowing the fog and low clouds offshore to progress inland without evaporating. Cloudiness streams in over the Bay and through the various gaps. How far the clouds can penetrate inland depends on the depth of the marine layer and the strength of the cooling winds. As night falls and inland areas cool down, the winds usually decrease, but the fog and clouds remain wherever they have blown in until the following morning when the cycle repeats.

L


Under normal summertime conditions, a daily pattern of f clouds occurs. Morning sun heats the ground which in turn the marine layer over the land areas. This creates convective turbulence within the marine layer as well as evaporation of any clouds within it. The marine layer clears back toward the coast, usually by noon. By mid-afternoon, inland areas have heated sufficiently to decrease the air pressure and increase the onshore flow.

R A K


L R

fog and low n heats e

By late afternoon, the wind increases and begins to cool the onshore marine layer, allowing the fog and low clouds offshore to progress inland without evaporating. Cloudiness streams in over the Bay and through the various gaps. How far the clouds can penetrate inland depends on the depth of the marine layer and the strength of the cooling winds. As night falls and inland areas cool down, the winds usually decrease, but the fog and clouds remain wherever they have blown in until the following morning when the cycle repeats.


Log Out, Put Down the Phone, and Vote! Software Used: Adobe Illustrator, Adobe Photoshop

More than 77% of Americans have at least one social media profile but only 58% of eligible voters in the United States took part in the country’s 2016 election. With more than 4 out of 10 people choosing not to exercise their civic duty, many campaigns, like Get Out the Vote, have attempted to augment voter turnout in the US. My professor wanted us to create a visual campaign that would move people to cast their ballot in the 2018 midterm elections. For this project, we were requested to craft not only a call-to-action poster, but also an persuasive Instagram post, button, and sticker. My scheme relates to how everyday citizens more inclined to check their social media apps than participate in the democratic process. I believed stirring up these feelings of guilt and angst in viewers would encourage them to register and get themselves to the polls this election season.


THIS ELECTION,

N A

2

WHICH ARE YOU CHECKING FIRST?

1

GO VOTE

Visit registervote.ca.gov REGISTER BY OCT. 22 2018 ELECTION DAY NOV. 6 2018


1

GO VOTE


4

1

GO VOTE


No Strings or Ropes Attached Software Used: Adobe Illustrator. Adobe Photoshop In 2017, free-solo climber, Alex Honnold, achieved one of the greatest feats in man’s history. He climbed the more than half a mile high granite monolith known as El Capitan without any ropes or safety equipment. To commemorate his grand achievement along with his many other impressive climbing endeavors over the past decade, I generated a unique accordion brochure that provided information on Honnold’s death-defying career. In my data visualization class in my junior year, our professor loosened the reigns for our fourth project. Essentially, he allowed us a choose our own data-driven topic and conceive a project of custom dimension and shape to reflect this supposed topic. I had decided to do my project on Alex Honnold from watching his electrifying documentary, “Free Solo”, a few months prior. Doing more research on Honnold, I learned that the free-soloist had an impressive résumé of climbing achievements in addition to his unaided El Capitan ascent. I knew documenting this man’s accomplishments into a paper medium would make for an exciting display.


ABCDEFGHIJKLMN OPQRSTUVWXYZ 1234567890 ABCDEFGHIJKLMN OPQRSTUVWXYZ abcdefghijklmn opqrstuvwxyz

1234567890


911! THIS IS A DESIGN EMERGENCY!

SF

SF

Software Used: Adobe Illustrator, Adobe Photoshop In addition to its outworn sidewalks and barely roads, the city of San Francisco has an outdated civic-engagement app called SF311. The application is used by residents to report incidents or concerns (infrastructure, sanitation, homelessness etc.) in their own neighborhood. For example, a San Franciscan who finds a mattress left on their curb can communicate this issue through the program and have the city’s waste department resolve the issue. The application, which became available to the public in 2007, seemed in desperate need of an update in its current state in 2018. For my Graduation Writing Assessment Requirement (GWAR) course, other students and I redesigned the app’s interface to be more appealing and engaging for a millennial age demographic. This redesign process involved a comprehensive research component as well as many screen iterations before, ultimately, a final prototype of the new application was developed.


RESEARCH


ITERATION

PROTOTYPE


SF 3

HEURISTIC


311

EVALUATION


COMPETITIVE TESTING

NYC 311


IMPROVE DETROIT


PERSONAS


ABCDEFGH IJKLMNOPQ RSTUVWXYZ

ABCDEFGH IJKLMNOPQ RSTUVWXYZ

abcdefghijklm abcdefghijklm nopqrstuvwxyz nopqrstuvwxyz 1234567890 !@#$%^&*()

1234567890 !@#$%^&*()

#ED1C24


STYLE

#000000

#FFFFFF


SF

SF

ICONS

JAN


@

f


WIREFRAME


THE APP

NEXT


FINAL WORDS I appreciate you taking the time to view my projects. Hopefully you enjoyed a couple of them. If you are interested in getting in touch with me, my contact information can be found on this page. Otherwise, have a wonderful day!

CONTACT INFO PHONE EMAIL

707 319 2175

JOHN.SHOLLENBERGER@YAHOO.COM


GRAPHIC DESIGN PORTFOLIO

Profile for JohnShollenberger

570 Portfolio Book  

570 Portfolio Book  

Advertisement