ÿþ<html> <head> <title>MICHAEA GUMP JR. | DESIGN PORTFOLIO</title> <meta name="description" content="Design portfolio of Michael Gump Jr." /> <meta name="keywords" content="mike, michael, gump, gump jr., mike gump, michael gump, michael gump jr., design, graphic design, web design, print, branding" /> <script type="text/javascript" language="JavaScript"><!-- function HideContent(d) { if(d.length < 1) { return; } document.getElementById(d).style.display = "none"; } function ShowContent(d) { if(d.length < 1) { return; } document.getElementById(d).style.display = "block"; } function ReverseContentDisplay(d) { if(d.length < 1) { return; } if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; } else { document.getElementById(d).style.display = "none"; } } //--></script> <style type="text/css"> #Div1 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:1; background-color: #FFFFFF; } #Div2 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:2; background-color: #FFFFFF; } #Div3 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:3; background-color: #FFFFFF; } #Div4 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:4; background-color: #FFFFFF; } #Div5 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:5; background-color: #FFFFFF; } #Div6 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:6; background-color: #FFFFFF; } #Div7 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:7; background-color: #FFFFFF; } #Div8 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:8; background-color: #FFFFFF; } #Div9 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:9; background-color: #FFFFFF; } #Div10 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:10; background-color: #FFFFFF; } #Div11 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:11; background-color: #FFFFFF; } #Div12 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:12; background-color: #FFFFFF; } #Div13 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:13; background-color: #FFFFFF; } #Div14 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:14; background-color: #FFFFFF; } #Div15 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:15; background-color: #FFFFFF; } #Div16 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:16; background-color: #FFFFFF; } #Div17 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:17; background-color: #FFFFFF; } #Div18 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:18; background-color: #FFFFFF; } #Div19 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:18; background-color: #FFFFFF; } #Div20 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:18; background-color: #FFFFFF; } #Div21 { position:absolute; left:200px; top:28px; width:860px; height:775px; z-index:18; background-color: #FFFFFF; } a { outline: 0; color:#000000; text-decoration:underline; } .Text { font-family: "Courier", "Courier New"; font-size:11px; } body { background-color: white; color: #000000; font-family: "Courier", "Courier New"; font-size:12px; width: 1200px; margin-top: 20px; margin-left: 20px; } /* links */ a { color: #F15623; text-decoration: none; } a:hover, a.hovered { color: #F15623; text-decoration: underline; } /* end */ /* header */ #header a.home { color: #F15623 text-decoration: underline; } #header { width: 180px; float: left; } #header ul{ list-style: none; text-align: left; line-height: 16px; padding: 0; margin: 8px 0 11px;} #header li{ display: inline; } #header a { color:#F15623; } #header a:hover, a.hovered { color:#F15623 text-decoration: underline; } #header a.header { background:none; } #header li.first { background:#FFF; color:#000; font-size:11px; } /* end */ </style> <link rel="stylesheet" href="../style.css" type="text/css" /> </head> <body> <div id="header"> <ul> <li><a href="http://www.michaelgumpjr.com">MICHAEA GUMP JR.</a></li> <br> <li>DESIGN PORTFOLIO</li> <br><br> <li><a href="http://www.michaelgumpjr.com/about.html">ABOUT</a></li> <br>--<br> <li><a href="gump_resume.pdf">RESUME</a></li> <br>--<br> <li><a href="mailto:mike@michaelgumpjr.com">CONTACT</a></li> <br>--<br> <br><br> </ul> <div id="Div1" > <a href="javascript:ShowContent('Div2')"> <img src="images/cycle_01.gif" width="660" height="420" title="Cycle projects" border="0" /></a><br /> <table width="648" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <br> <td><div class="Text">--<br>*Clicking the image will allow you to carousel through selected design projects that I ve done over the past few years. Consider this website a sample, or general overview of my work. If you d like to see my full portfolio, just <a href="mailto:mike@michaelgumpjr.com">ask</a>.<br>--<br></div></td> <td valign="top"><div align="right" class="Text"></div></td> </tr> </table> </div> <div id="Div2" style="display:none;"> <a href="javascript:ShowContent('Div3')"> <img src="images/stalley.jpg" width="750" height="557" title="Stalley Poster" border="0" /></a><br /> <table width="750" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <br> <td><div class="Text">--<br>Stalley Poster<br>Poster, Screen print<br>2011<br>--<br><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=ARUJVU2AGGXT2" TARGET="_blank">BUY! BUY! BUY!</a></a></div></td> <td valign="top"><div align="right" class="Text">1/20</div></td> </tr> </table> </div> <div id="Div3" style="display:none;"> <a href="javascript:ShowContent('Div4')"> <img src="images/zoo.jpg" width="800" height="625" border="0" title="Toledo Zoo Re-Branding" /></a><br /> <table width="800" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <td><div class="Text">--<br>Toledo Zoo Re-Branding<br>Identity, Logo, Branding, Collateral, Type Design<br>2011<br>--<br>Completed at <a href="http://www.madmadmad.com">Madhouse</a></div></td> <td valign="top"><div align="right" class="Text">2/20</div></td> </tr> </table> </div> <div id="Div4" style="display:none;"> <a href="javascript:ShowContent('Div5')"> <img src="images/tma.jpg" width="850" height="399" title="Toledo Museum of Art Annual Report" border="0" /></a><br /> <table width="850" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <br> <td><div class="Text">--<br>Toledo Museum of Art Annual Report<br>Branding, Collateral<br>2011<br>--<br>Completed at <a href="http://www.madmadmad.com">Madhouse</a></div></td> <td valign="top"><div align="right" class="Text">3/20</div></td> </tr> </table> </div> <div id="Div5" style="display:none;"> <a href="javascript:ShowContent('Div6')"> <img src="images/logos_new.jpg" width="800" height="550" border="0" title="Assorted Logo's" /></a><br /> <table width="800" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <td><div class="Text">--<br>Assorted Logos<br>2010 11<br>--<br></div></td> <td valign="top"><div align="right" class="Text">4/20</div></td> </tr> </table> </div> <div id="Div6" style="display:none;"> <a href="javascript:ShowContent('Div7')"> <img src="images/mix_seagate.jpg" width="350" height="500" border="0" title="The Mix" /></a><br /> <table width="350" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <td><div class="Text">--<br>The Mix: Vertical<br>Branding, Collateral, Logo, Type Design<br>2011<br>--<br><a href="http://www.wemakeexcuses.com">We Make Excuses</a></div></td> <td valign="top"><div align="right" class="Text">5/20</div></td> </tr> </table> </div> <div id="Div7" style="display:none;"> <a href="javascript:ShowContent('Div8')"> <img src="images/ManifestEquality.gif" width="660" height="438" border="0" title="Manifest Equality One Poster"/></a><br /> <table width="660" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <td><div class="Text">--<br><a href="http://www.manifestequality.com">Manifest Equality</a> One Poster<br>Poster, Gallery piece<br>2010<br>--<br><a href="http://www.wemakeexcuses.com">We Make Excuses</a></div></td> <td valign="top"><div align="right" class="Text">6/20</div></td> </tr> </table> </div> <div id="Div8" style="display:none;"> <a href="javascript:ShowContent('Div9')"> <img src="images/and_rg.jpg" width="775" height="392" border="0" title="The Anderson's Rail Group" /></a><br /> <table width="754" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <td><div class="Text">--<br>The Anderson's Rail Group (Proposal)<br>Branding, Collateral<br>2011<br>--<br>Completed at <a href="http://www.madmadmad.com">Madhouse</a></div></td> <td valign="top"><div align="right" class="Text">7/20</div></td> </tr> </table> </div> <div id="Div9" style="display:none;"> <a href="javascript:ShowContent('Div10')"> <img src="images/GP_both_web.jpg" width="550" height="555" title="Gold Panda Poster" border="0" /></a><br /> <table width="550" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <br> <td><div class="Text">--<br>Gold Panda Poster<br>Poster, 4-Color Process Screen print<br>2011<br>--<br><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=WDSW7ZY25E8PA" TARGET="_blank">BUY! BUY! BUY!</a></div></td> <td valign="top"><div align="right" class="Text">8/20</div></td> </tr> </table> </div> <div id="Div10" style="display:none;"> <a href="javascript:ShowContent('Div11')"> <img src="images/n&v_ohio.jpg" width="600" height="399" border="0" title="News & Views: The Ohio Edition" /></a><br /> <table width="600" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <td><div class="Text">--<br>News & Views: The Ohio Edition<br>Gallery piece<br>2011<br>--<br><a href="http://www.wemakeexcuses.com">We Make Excuses</a></div></td> <td valign="top"><div align="right" class="Text">9/20</div></td> </tr> </table> </div> <div id="Div11" style="display:none;"> <a href="javascript:ShowContent('Div12')"> <img src="images/HHH.gif" title="Hand Lettered Poster Series" width="447" height="650" border="0" /></a><br /> <table width="447" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <td><div class="Text">--<br>Hand Lettered Poster Series<br>Identity, Logo, Poster, Split Fountain Screen print, Gallery piece<br>2011<br>--<br><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=VMDEC8HFS8HAC" TARGET="_blank">BUY! BUY! BUY!</a></div></td> <td valign="top"><div align="right" class="Text">10/20</div></td> </tr> </table> </div> <div id="Div12" style="display:none;"> <a href="javascript:ShowContent('Div13')"> <img src="images/ADLER.jpg" width="632" height="549" border="0" title="The Adler Planetarium" /></a><br /> <table width="632" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <td><div class="Text">--<br>The Adler Planetarium<br>Logo, Identity, Branding, Stationery<br>2009<br>--<br></div></td> <td valign="top"><div align="right" class="Text">11/20</div></td> </tr> </table> </div> <div id="Div13" style="display:none;"> <a href="javascript:ShowContent('Div14')"> <img src="images/TARTA.jpg" width="700" height="466" border="0" title="ART in TARTA"/></a><br /> <table width="700" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <td><div class="Text">--<br>ART in TARTA<br>Bus Wrap<br>2009 10<br>--<br></div></td> <td valign="top"><div align="right" class="Text">12/20</div></td> </tr> </table> </div> <div id="Div14" style="display:none;"> <a href="javascript:ShowContent('Div15')"> <img src="images/PBS.jpg" width="517" height="520" border="0" title="Pure Bake Shop Packaging & Identity" /></a><br /> <table width="517" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <td><div class="Text">--<br>Pure Bake Shop Packaging & Identity<br>Packaging, Logo, Branding<br>2010<br>--<br></div></td> <td valign="top"><div align="right" class="Text">13/20</div></td> </tr> </table> </div> <div id="Div15" style="display:none;"> <a href="javascript:ShowContent('Div16')"> <img src="images/beep beep.jpg" width="575" height="555" border="0" title="Beep! Beep!" /></a><br /> <table width="575" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <td><div class="Text">--<br>Beep! Beep!<br>Poster, Gallery piece<br>2010<br>--<br><a href="http://www.wemakeexcuses.com">We Make Excuses</a></div></td> <td valign="top"><div align="right" class="Text">14/20</div></td> </tr> </table> </div> <div id="Div16" style="display:none;"> <a href="javascript:ShowContent('Div17')"> <img src="images/Allmansap.jpg" width="590" height="487" border="0" title="Allman's Apiary" /></a><br /> <table width="590" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <td><div class="Text">--<br>Allman's Apiary<br>Logo, Identity, Stationery<br>2010<br>--<br></div></td> <td valign="top"><div align="right" class="Text">15/20</div></td> </tr> </table> </div> <div id="Div17" style="display:none;"> <a href="javascript:ShowContent('Div18')"> <img src="images/TIB.jpg" width="620" height="465" border="0" title="Molecular Expressions" /></a><br /> <table width="620" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <td><div class="Text">--<br>Molecular Expressions<br>Book<br>2010<br>--<br></div></td> <td valign="top"><div align="right" class="Text">16/20</div></td> </tr> </table> </div> <div id="Div18" style="display:none;"> <a href="javascript:ShowContent('Div19')"> <img src="images/education image.jpeg" width="594" height="500" border="0" title="Re:Form School News & Views" /></a><br /> <table width="594" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <td><div class="Text">--<br>Re:Form School News & Views<br>Gallery piece<br>2010<br>--<br><a href="http://www.wemakeexcuses.com">We Make Excuses</a></div></td> <td valign="top"><div align="right" class="Text">17/20</div></td> </tr> </table> </div> <div id="Div19" style="display:none;"> <a href="javascript:ShowContent('Div20')"> <img src="images/I DO.jpg" width="661" height="397" border="0" title="I do the things I do" /></a><br /> <table width="661" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <td><div class="Text">--<br>I do the things I do<br>Book, Narrative<br>2010<br>--<br></div></td> <td valign="top"><div align="right" class="Text">18/20</div></td> </tr> </table> </div> <div id="Div20" style="display:none;"> <a href="javascript:ShowContent('Div21')"> <img src="images/AIGA.jpg" width="420" height="525" border="0" title="You & Me AIGA Portfolio Review Day" /></a><br /> <table width="420" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <td><div class="Text">--<br>You & Me AIGA Portfolio Review Day<br>Logo, Identity, Branding, Collateral<br>2009<br>--<br></div></td> <td valign="top"><div align="right" class="Text">19/20</div></td> </tr> </table> </div> <div id="Div21" style="display:none;"> <a href="http://www.michaelgumpjr.com"> <img src="images/SOY.jpg" title="Soy" width="660" height="445" border="0" /></a><br /> <table width="660" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="383">&nbsp;</td> <td width="36">&nbsp;</td> </tr> <tr> <td><div class="Text">--<br>Soy<br>Book<br>2009<br>--<br></div></td> <td valign="top"><div align="right" class="Text">20/20</div></td> </tr> </table> </div> </body> </html>