http://www.joescherben.com Graphic Design Portfolio. Tue, 17 Jan 2012 20:50:04 +0000 http://www.joescherben.com en http://www.joescherben.com/International-Student-Social-Media-Penpal-Program http://www.joescherben.com/following/joescherben.com/International-Student-Social-Media-Penpal-Program Tue, 17 Jan 2012 20:50:04 +0000 Graphic Design Portfolio. 2624717 <img src="http://payload16.cargocollective.com/1/3/98786/2624717/MyLockerNew_905.jpg" width="905" height="919" width_o="1280" height_o="1300" src_o="http://payload16.cargocollective.com/1/3/98786/2624717/MyLockerNew_o.jpg" data-mid="13282610" border="0" align="left"/><img src="http://payload16.cargocollective.com/1/3/98786/2624717/Notes_905.jpg" width="905" height="919" width_o="1280" height_o="1300" src_o="http://payload16.cargocollective.com/1/3/98786/2624717/Notes_o.jpg" data-mid="13282632" border="0" align="left"/><img src="http://payload16.cargocollective.com/1/3/98786/2624717/NotesExample_905.jpg" width="905" height="919" width_o="1280" height_o="1300" src_o="http://payload16.cargocollective.com/1/3/98786/2624717/NotesExample_o.jpg" data-mid="13282636" border="0" align="left"/><img src="http://payload16.cargocollective.com/1/3/98786/2624717/Explore_905.jpg" width="905" height="919" width_o="1280" height_o="1300" src_o="http://payload16.cargocollective.com/1/3/98786/2624717/Explore_o.jpg" data-mid="13282640" border="0" align="left"/><img src="http://payload16.cargocollective.com/1/3/98786/2624717/Journal_905.jpg" width="905" height="919" width_o="1280" height_o="1300" src_o="http://payload16.cargocollective.com/1/3/98786/2624717/Journal_o.jpg" data-mid="13282643" border="0" align="left"/><img src="http://payload16.cargocollective.com/1/3/98786/2624717/JournalExample_905.jpg" width="905" height="919" width_o="1280" height_o="1300" src_o="http://payload16.cargocollective.com/1/3/98786/2624717/JournalExample_o.jpg" data-mid="13282644" border="0" align="left"/><img src="http://payload16.cargocollective.com/1/3/98786/2624717/Map_905.jpg" width="905" height="919" width_o="1280" height_o="1300" src_o="http://payload16.cargocollective.com/1/3/98786/2624717/Map_o.jpg" data-mid="13282647" border="0" align="left"/><img src="http://payload16.cargocollective.com/1/3/98786/2624717/OverallIcons.jpg" width="547" height="575" width_o="547" height_o="575" src_o="http://payload16.cargocollective.com/1/3/98786/2624717/OverallIcons_o.jpg" data-mid="13282849" border="0" align="left"/><img src="http://payload16.cargocollective.com/1/3/98786/2624717/RankIcons.jpg" width="575" height="173" width_o="575" height_o="173" src_o="http://payload16.cargocollective.com/1/3/98786/2624717/RankIcons_o.jpg" data-mid="13282850" border="0" align="left"/> Web Design | Distant Friends Student International Social Media Penpal Program "Distant Friends" is a safe and educational international social media program, connecting children from different countries and helping them to learn about each other's cultures. It is an initial pilot program between 6th graders in Ohio and New Zealand. It would be used strictly in schools with safety policies in position such as message filters, teacher approval, etc. To begin this project I interviewed several teachers regarding traditional penpal programs, researched Ohio's educational standards and existing adolescent social networks. The development of this idea included the initial research, wireframes, a sitemap, type and color palettes, holistic site overview and final designs. All content uses meta tags so it can be filtered and present content in multiple ways as well as being searchable through maps and tags. It is based around traditional school related items as the concept with "My Locker", "Notes", "Explore", etc. Students participate in various activities on the site to promote learning such as journaling, sending messages, joining groups, adding friends and working through the sites incentives program. http://www.joescherben.com/Gents http://www.joescherben.com/following/joescherben.com/Gents Sun, 15 Jan 2012 02:31:20 +0000 Graphic Design Portfolio. 2606572 <img src="http://payload15.cargocollective.com/1/3/98786/2606572/Logo.jpg" width="650" height="533" width_o="650" height_o="533" src_o="http://payload15.cargocollective.com/1/3/98786/2606572/Logo_o.jpg" data-mid="13181336" border="0" align="left"/><img src="http://payload15.cargocollective.com/1/3/98786/2606572/FloorPlan copy.jpg" width="650" height="575" width_o="650" height_o="575" src_o="http://payload15.cargocollective.com/1/3/98786/2606572/FloorPlan copy_o.jpg" data-mid="13181686" border="0" align="left"/><img src="http://payload15.cargocollective.com/1/3/98786/2606572/FrontStore.jpg" width="650" height="355" width_o="650" height_o="355" src_o="http://payload15.cargocollective.com/1/3/98786/2606572/FrontStore_o.jpg" data-mid="13181348" border="0" align="left"/><img src="http://payload15.cargocollective.com/1/3/98786/2606572/InStore.jpg" width="650" height="554" width_o="650" height_o="554" src_o="http://payload15.cargocollective.com/1/3/98786/2606572/InStore_o.jpg" data-mid="13181350" border="0" align="left"/><img src="http://payload15.cargocollective.com/1/3/98786/2606572/PackagingFamily.jpg" width="650" height="466" width_o="650" height_o="466" src_o="http://payload15.cargocollective.com/1/3/98786/2606572/PackagingFamily_o.jpg" data-mid="13181358" border="0" align="left"/><img src="http://payload15.cargocollective.com/1/3/98786/2606572/LabelTypography.jpg" width="650" height="758" width_o="650" height_o="758" src_o="http://payload15.cargocollective.com/1/3/98786/2606572/LabelTypography_o.jpg" data-mid="13181363" border="0" align="left"/> Store Concept | Gents This project was a combined environmental, packaging and store concept design project. The "Gents" brand I developed was a men's high end product line focusing on the modern man, with a nod to the historic idea of the gentleman tied into the branding and store design. The store itself was a retail space as well as a barber shop, highlighting and selling the Gents products, while also using them on barber shop customers. The target market of the Gents brand and store includes men ages 25–40. Gent’s look and feel was derived from both classic and modern inspirations. It incorporated both serif and sans-serif typefaces to show the contrast between vintage and modern styles. The store itself is broken into two areas: merchandising and barber shop with spatial emphasis on the merchandising side. The interior design of the shop further emphasized the Gents brand with both modern fixtures juxtaposed with antique equipment and the feel of a classic barber shop. The brand and store itself were aimed at establishing the high end product line and its corresponding clientele. <img src="http://payload15.cargocollective.com/1/3/98786/2606572/FloorPlan copy.jpg" width="650" height="575" width_o="650" height_o="575" src_o="http://payload15.cargocollective.com/1/3/98786/2606572/FloorPlan copy_o.jpg" data-mid="13181686" border="0" align="left"/> http://www.joescherben.com/World-Learning-Timeline http://www.joescherben.com/following/joescherben.com/World-Learning-Timeline Sun, 15 Jan 2012 02:30:23 +0000 Graphic Design Portfolio. 2606690 <img src="http://payload15.cargocollective.com/1/3/98786/2606690/Concept2.jpg" width="650" height="406" width_o="650" height_o="406" src_o="http://payload15.cargocollective.com/1/3/98786/2606690/Concept2_o.jpg" data-mid="13182273" border="0" align="left"/><img src="http://payload15.cargocollective.com/1/3/98786/2606690/Concept2-2.jpg" width="650" height="406" width_o="650" height_o="406" src_o="http://payload15.cargocollective.com/1/3/98786/2606690/Concept2-2_o.jpg" data-mid="13182277" border="0" align="left"/><img src="http://payload15.cargocollective.com/1/3/98786/2606690/Concept2-4.jpg" width="650" height="406" width_o="650" height_o="406" src_o="http://payload15.cargocollective.com/1/3/98786/2606690/Concept2-4_o.jpg" data-mid="13182282" border="0" align="left"/><img src="http://payload15.cargocollective.com/1/3/98786/2606690/Concept1-1.jpg" width="650" height="479" width_o="650" height_o="479" src_o="http://payload15.cargocollective.com/1/3/98786/2606690/Concept1-1_o.jpg" data-mid="13182285" border="0" align="left"/><img src="http://payload15.cargocollective.com/1/3/98786/2606690/Concept1-2.jpg" width="650" height="483" width_o="650" height_o="483" src_o="http://payload15.cargocollective.com/1/3/98786/2606690/Concept1-2_o.jpg" data-mid="13182286" border="0" align="left"/><img src="http://payload15.cargocollective.com/1/3/98786/2606690/Concept1-3.jpg" width="650" height="482" width_o="650" height_o="482" src_o="http://payload15.cargocollective.com/1/3/98786/2606690/Concept1-3_o.jpg" data-mid="13182289" border="0" align="left"/> Web Design | World Learning Organization Interactive Timeline This project, completed during an internship for the graphics firm Informatics Studio out of Pittsburgh, PA. For the company's 80th anniversary, this interactive timeline was designed for The World Learning Organization. They required a timeline that would work with their pre-existing branding style and that would work within their existing website and content managing system. The images above include two separate concepts developed for the company. The first set shows the final chosen concept, the second set is an earlier explored idea for the timeline. Both can be navigated in multiple ways (by location/ country, world events, decade, or chronological history). My work for this project began with research of web and print time lines to serve as inspiration. This was followed by hand sketches, wireframes and finally computer design concepts. I was responsible for the design of the entire timeline from conception to images shown above. This project is currently being developed at Informatics Studio and will go live sometime within the first quarter of 2012. http://www.joescherben.com/Typographic-Childrens-Book http://www.joescherben.com/following/joescherben.com/Typographic-Childrens-Book Sat, 14 Jan 2012 20:31:25 +0000 Graphic Design Portfolio. 2606141 <img src="http://payload15.cargocollective.com/1/3/98786/2606141/Cover.jpg" width="650" height="638" width_o="650" height_o="638" src_o="http://payload15.cargocollective.com/1/3/98786/2606141/Cover_o.jpg" data-mid="13180380" border="0" align="left"/><img src="http://payload15.cargocollective.com/1/3/98786/2606141/Page1.jpg" width="650" height="488" width_o="650" height_o="488" src_o="http://payload15.cargocollective.com/1/3/98786/2606141/Page1_o.jpg" data-mid="13180381" border="0" align="left"/><img src="http://payload15.cargocollective.com/1/3/98786/2606141/Page5.jpg" width="650" height="511" width_o="650" height_o="511" src_o="http://payload15.cargocollective.com/1/3/98786/2606141/Page5_o.jpg" data-mid="13180382" border="0" align="left"/><img src="http://payload15.cargocollective.com/1/3/98786/2606141/Page14.jpg" width="650" height="494" width_o="650" height_o="494" src_o="http://payload15.cargocollective.com/1/3/98786/2606141/Page14_o.jpg" data-mid="13180383" border="0" align="left"/><img src="http://payload15.cargocollective.com/1/3/98786/2606141/Sequence.jpg" width="650" height="424" width_o="650" height_o="424" src_o="http://payload15.cargocollective.com/1/3/98786/2606141/Sequence_o.jpg" data-mid="13180386" border="0" align="left"/><img src="http://payload15.cargocollective.com/1/3/98786/2606141/Page16.jpg" width="650" height="488" width_o="650" height_o="488" src_o="http://payload15.cargocollective.com/1/3/98786/2606141/Page16_o.jpg" data-mid="13180393" border="0" align="left"/><img src="http://payload15.cargocollective.com/1/3/98786/2606141/Page17.jpg" width="650" height="518" width_o="650" height_o="518" src_o="http://payload15.cargocollective.com/1/3/98786/2606141/Page17_o.jpg" data-mid="13180396" border="0" align="left"/><img src="http://payload15.cargocollective.com/1/3/98786/2606141/TopView.jpg" width="650" height="492" width_o="650" height_o="492" src_o="http://payload15.cargocollective.com/1/3/98786/2606141/TopView_o.jpg" data-mid="13180397" border="0" align="left"/> Print | Typographic Children's Book For this project we were asked to select a children's book whose illustrations were not typographically dominant and redesign it using typography primarily. I chose "Hen Hears Gossip" by Megan McDonald, which is a barnyard story version of the common telephone game of rumors. The story began with rumors which were spread causing an escalation in the middle of the book and downward spiral following it. This was the reasoning behind the concept for the double sided book. The book opens from both the front cover and back, following the story line. All typography was hand drawn type and my own illustrations were used to tell the story. http://www.joescherben.com/PMBA http://www.joescherben.com/following/joescherben.com/PMBA Mon, 25 Apr 2011 14:17:45 +0000 Graphic Design Portfolio. 1352488 <img src="http://payload.cargocollective.com/1/3/98786/1352488/PowerMike_BlackYellow.jpg" width="650" height="325" width_o="650" height_o="325" src_o="http://payload.cargocollective.com/1/3/98786/1352488/PowerMike_BlackYellow_o.jpg" data-mid="6576471" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/98786/1352488/BooneEnterprisesEdit.jpg" width="650" height="508" width_o="650" height_o="508" src_o="http://payload.cargocollective.com/1/3/98786/1352488/BooneEnterprisesEdit_o.jpg" data-mid="6576509" border="0" align="left"/> Identity | PMBA Clients I designed the above identities for various clients while working at both Glyphix and The Tannery. Power Mike & Co. was a client for Glyphix. He is part of the PMBA program. PMBA is a program set up for minority business owners. Each PMBA client receives a new identity and we also provide business card, letterhead and a tri-fold brochure. Power Mike is an electrical contractor but he also does commercial fire-stopping. He wanted an identity that encompassed both sides of his business. The final logo uses the lightning bolt as a symbol for the electrical side and the “O” is a symbol that resembles the fire-stopping barriers they install. Boone Enterprises was a client for the Tannery. He is also a member of the PMBA program. Boone Enterprises is a office supply dealer in the Cleveland area. http://www.joescherben.com/Empower-Portage http://www.joescherben.com/following/joescherben.com/Empower-Portage Mon, 25 Apr 2011 14:09:07 +0000 Graphic Design Portfolio. 1352471 <img src="http://payload.cargocollective.com/1/3/98786/1352471/EmpowerPortage_3.jpg" width="650" height="500" width_o="650" height_o="500" src_o="http://payload.cargocollective.com/1/3/98786/1352471/EmpowerPortage_3_o.jpg" data-mid="6576376" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/98786/1352471/EmpowerPortage_2.jpg" width="650" height="500" width_o="650" height_o="500" src_o="http://payload.cargocollective.com/1/3/98786/1352471/EmpowerPortage_2_o.jpg" data-mid="6576380" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/98786/1352471/EmpowerPortage.jpg" width="650" height="500" width_o="650" height_o="500" src_o="http://payload.cargocollective.com/1/3/98786/1352471/EmpowerPortage_o.jpg" data-mid="6576381" border="0" align="left"/> Identity | Empower Portage Empower Portage is a client for the Tannery. They are a local charity for people living in poverty in the Portage area. Their program works by pairing a person from poverty with a volunteer from the middle class. They then from a personal relationship with the volunteer and he/she provides them with resources and connections to help them meet their goals. http://www.joescherben.com/Healing-Stanzas http://www.joescherben.com/following/joescherben.com/Healing-Stanzas Mon, 25 Apr 2011 13:54:51 +0000 Graphic Design Portfolio. 1290574 <img src="http://payload.cargocollective.com/1/3/98786/1290574/Mostly_BusPoster.jpg" width="649" height="255" width_o="649" height_o="255" src_o="http://payload.cargocollective.com/1/3/98786/1290574/Mostly_BusPoster_o.jpg" data-mid="6576139" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/98786/1290574/GreetingCard.jpg" width="650" height="457" width_o="650" height_o="457" src_o="http://payload.cargocollective.com/1/3/98786/1290574/GreetingCard_o.jpg" data-mid="6576141" border="0" align="left"/> Print | Healing Stanzas Healing Stanzas is an annual collaborative project between the Kent State University Wick Poetry Center and Glyphix student run graphic design studio. I designed a layout to feature the poem "Mostly", written by Rita Schlanger of the Lerner College of Medicine. My interpretation of this poem utilizes a grid, warm color palette, and mountain landscape, which to me symbolizes a combination of the elements Rita Schlanger discussed in "Mostly". Our poster set won the Gold Award in the Akron ADDYS in the professional public service campaigns category. http://www.joescherben.com/NutraSpoon http://www.joescherben.com/following/joescherben.com/NutraSpoon Mon, 25 Apr 2011 13:50:07 +0000 Graphic Design Portfolio. 1290962 <img src="http://payload.cargocollective.com/1/3/98786/1290962/Nutra1.jpg" width="650" height="675" width_o="650" height_o="675" src_o="http://payload.cargocollective.com/1/3/98786/1290962/Nutra1_o.jpg" data-mid="6576078" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/98786/1290962/Nutra2.jpg" width="650" height="446" width_o="650" height_o="446" src_o="http://payload.cargocollective.com/1/3/98786/1290962/Nutra2_o.jpg" data-mid="6576079" border="0" align="left"/> Design Exercise | NutraSpoon The intent of this short concept exercise was to encourage people to slow down from their average fast paced routines. This could be interpreted in any way we wanted. I chose to design a product that would help people to slow down their eating in order to fight obesity and discourage overeating. The Nutra Spoon was designed to alert the user between each bite with a vibrating tone which would stop when the spoon was set down. http://www.joescherben.com/Western-Reserve-Website http://www.joescherben.com/following/joescherben.com/Western-Reserve-Website Mon, 25 Apr 2011 13:44:14 +0000 Graphic Design Portfolio. 1352394 <img src="http://payload.cargocollective.com/1/3/98786/1352394/WesternReserveSite 1.jpg" width="650" height="612" width_o="650" height_o="612" src_o="http://payload.cargocollective.com/1/3/98786/1352394/WesternReserveSite 1_o.jpg" data-mid="6576004" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/98786/1352394/WesternReserveSite 2.jpg" width="650" height="612" width_o="650" height_o="612" src_o="http://payload.cargocollective.com/1/3/98786/1352394/WesternReserveSite 2_o.jpg" data-mid="6576006" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/98786/1352394/WesternReserveSite 3.jpg" width="650" height="612" width_o="650" height_o="612" src_o="http://payload.cargocollective.com/1/3/98786/1352394/WesternReserveSite 3_o.jpg" data-mid="6576008" border="0" align="left"/>Web Design | Western Reserve Spine & Pain This website redesign was completed for the Western Reserve during my work at The Tannery design studio in Kent. The Western Reserve is a spine and pain clinic in Kent, Ohio which relies on its website to attract new patients to their specialized practice. The main goals during this project were to improve the navigation of the website, and to restructure how the information was presented to simplify the user’s experience and promote the quality of their organization. I incorporated a ‘bread crumb’ navigation to achieve this, and introduced links to the clinic’s standard forms to add a level of convenience and further simplify the user experience. http://www.joescherben.com/Print-Broadleaf-Marketing-Pocket-Folder http://www.joescherben.com/following/joescherben.com/Print-Broadleaf-Marketing-Pocket-Folder Sun, 10 Apr 2011 21:37:22 +0000 Graphic Design Portfolio. 1290242 <img src="http://payload.cargocollective.com/1/3/98786/1290242/Broadleaf_Cover2.jpg" width="650" height="949" width_o="650" height_o="949" src_o="http://payload.cargocollective.com/1/3/98786/1290242/Broadleaf_Cover2_o.jpg" data-mid="6248505" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/98786/1290242/Broadleaf_Create.jpg" width="650" height="426" width_o="650" height_o="426" src_o="http://payload.cargocollective.com/1/3/98786/1290242/Broadleaf_Create_o.jpg" data-mid="6248507" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/98786/1290242/Broadleaf_Linen.jpg" width="650" height="332" width_o="650" height_o="332" src_o="http://payload.cargocollective.com/1/3/98786/1290242/Broadleaf_Linen_o.jpg" data-mid="6248508" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/98786/1290242/Broadleaf_Approach.jpg" width="650" height="435" width_o="650" height_o="435" src_o="http://payload.cargocollective.com/1/3/98786/1290242/Broadleaf_Approach_o.jpg" data-mid="6248511" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/98786/1290242/Broadleaf_critique.jpg" width="650" height="411" width_o="650" height_o="411" src_o="http://payload.cargocollective.com/1/3/98786/1290242/Broadleaf_critique_o.jpg" data-mid="6248512" border="0" align="left"/><img src="http://payload.cargocollective.com/1/3/98786/1290242/Broadleaf_Pocketfolder.jpg" width="650" height="435" width_o="650" height_o="435" src_o="http://payload.cargocollective.com/1/3/98786/1290242/Broadleaf_Pocketfolder_o.jpg" data-mid="6248514" border="0" align="left"/> Print | Broadleaf Marketing Pocket Folder This project, completed while working at Glyphix student staffed design firm of Kent State University with co-designer Kate Hardy, was designed to attract new clients to the locally owned and operated Broadleaf Partners, LLC investment firm. This process involved working with William Hoover, the CEO of Broadleaf Partners to better understand their company and approach to business. We then updated their marketing brochure by restructuring the sequence of information and creating visual solutions to easily explain the investment process to new clients. The folder cover was printed offset 4/4 on Neenah Classic Linen paper. The booklet was printed on Neenah Classic Crest paper and saddle-stitched.