2012 design portfolio
DESCRIPTION
My personal design portfolio from my time at the the University of the Arts in Philadelphia.TRANSCRIPT
![Page 2: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/2.jpg)
THE
COMPANY
The Big Four
An exhibition proposal highlighting the contributions of the former Pennsylvania and Reading Railroads, the Baldwin Locomotive Works, and the Budd Company, to be located at Amtrak–30th Street Station in Philadelphia, Pennsylvania.
Senior Thesis Project
Spring 2012
![Page 3: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/3.jpg)
![Page 4: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/4.jpg)
The finished book was wirebound on inkjet printed, 90 pound matte paper. The sheer size of the book covered 62 pages, and has acetate dust covers.
![Page 5: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/5.jpg)
The book is divided into two portions, contextual information to set the stage and the actual proposal to tie in the previous section into the design.
![Page 6: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/6.jpg)
An excerpt from “Anatomy of a Typeface” by Alexander S. Lawson, covering Paul Renner and the geometric sans-serif known as Futura, made into an editorial spread with images and a pull quote.
Futura Type Editorial
Fall 2010
![Page 7: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/7.jpg)
The book is sized at 11x17, printed on 60lb pound laser paper. The book was only 9 pages long but contained a large amount of work within its pages.
![Page 8: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/8.jpg)
The same excerpt from “Anatomy of a Typeface”, this time turned into a formal perfect bound hardcover book. The book details include individual letter analysis, between different sans serif typefaces.
Futura Type Analysis
Fall 2010
![Page 9: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/9.jpg)
![Page 10: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/10.jpg)
A flipbook consisting of a series of images, meant to spell out one of the causes of the Global Financial Crisis, namely subprime mortgages and Ponzi schemes.
Financial Crisis Flipbook
Fall 2010
![Page 11: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/11.jpg)
![Page 12: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/12.jpg)
A social awareness campaign about net neutrality, and the significant threat against it. A primary component of the project was the logo, my partner, Ratipriya Suresh, and I collaborated on in its completion.
Virtual Freedom Campaign
Spring 2011
![Page 13: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/13.jpg)
We started with sketch process, and image research to creating smaller pieces for advertisement, such as the square postcards and stickers.
![Page 14: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/14.jpg)
![Page 15: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/15.jpg)
The logo design proved versatile in digital and print format. The applications of the logo were based on visibility and creativity, appealing to a younger and older demographic.
![Page 16: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/16.jpg)
A poster campaign for an exhibition on graffiti art at the Brooklyn Museum. The Art or Crime poster series was meant to highlight the pros and cons of graffiti art in New York City.
Art or Crime Poster Series
Fall 2010
![Page 17: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/17.jpg)
![Page 18: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/18.jpg)
A formal rendition of my narrative piece “Christmas On the Rocks”, printed on parchement paper, and saddle stitched into a small booklet.
Christmas on the Rocks
Fall 2011
![Page 19: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/19.jpg)
The illustrations are handrawn on the computer, and represent elements from the story.
![Page 20: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/20.jpg)
![Page 21: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/21.jpg)
An HTML5 Interface highlighting the creative process of rappers and emcees, with emphasis on the lyrically and overall superior emcees. The interface contains audio samples, video clips, and interactive hover states.
The Anatomy of an Emcee
Fall 2011
![Page 22: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/22.jpg)
A motion piece combining a text on Joseph Stalin and select quotes from George Orwell’s 1984. The piece uses image, video, and keying for laying video on top of another.
Type Systems Animation
Spring 2011
![Page 23: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/23.jpg)
![Page 24: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/24.jpg)
![Page 25: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/25.jpg)
A series of image compositions with my own photography, combining both collage and organized composition. The opposite page uses object studies in collage, while the images to left are a collage of building elements.
Image Compositions
Fall 2010
![Page 26: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/26.jpg)
![Page 27: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/27.jpg)
An exhibition proposal highlight the contributions of the former Penn-sylvania and Reading Railroads, the Baldwin Locomotive Works, and the Budd Company, to be based out of Amtrak–30th Street.
Code:4 Network Identity
Spring 2012
![Page 28: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/28.jpg)
The Code:4 website mock-up,designed to image based and easy to navigate.
![Page 29: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/29.jpg)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque scelerisque velit lectus. Cras neque mauris, scelerisque posuere ultrices vel, molestie ullamcorper risus. Morbi imperdiet euismod sodales. Pellentesque a ullamcorper libero. Aliquam porta ligula a metus iaculis pulvinar.
Vivamus ac sapien sem, quis aliquam velit. Donec sollicitudin, nisi euismod cursus ultrices, sem lectus placerat libero, ac auctor ipsum leo vehicula quam. Ut venenatis cursus ante ut laoreet. Phasellus venenatis commodo consectetur. Morbi purus libero, dignissim eu volutpat at, egestas id nisi. Fusce arcu nulla, ullamcorper quis imperdiet ut, egestas at purus. Sed ornare egestas ante, vel scelerisque magna facilisis ut.
Curabitur a quam quam, non volutpat eros. Praesent mollis, leo et rutrum eleifend, justo ligula suscipit tellus, quis volutpat lacus erat in turpis. Ut ornare, lacus eget porttitor facilisis, tellus ante ultrices massa, et suscipit velit ante nec turpis. Ut volutpat auctor nunc quis sodales. Suspendisse nisi ligula, faucibus sed eleifend in, tempor eu purus. Phasellus malesuada congue lacus, non porttitor felis porttitor in. Maecenas iaculis nisi id ipsum pulvinar vehicula. Etiam blandit sagittis lorem, in cursus nulla dapibus in. Vestibulum ultrices pellentesque lorem vel feugiat. Pellentesque sed nulla dui. Donec interdum eleifend lectus, ut venenatis urna venenatis ac. Mauris gravida, magna ut posuere bibendum, urna neque aliquet lacus, vitae adipiscing dui neque non felis.
Closing,
Zoe WannamakerSenior Vice [email protected]
Dear Terrence,
26 March 2012
Mr. Terrence Davis2343654 Sunset Blvd.Syracuse, NY 12345
re: Employment
Code 4 World HQ1251 West 34th StSuite 1171New York, NY 10191
212 435 6676www.code4.org
Code 4 World HQ1251 West 34th StSuite 1171New York, NY 10191
Mr. Terrence Davis1229 Chestnut StreetApartment 116Philadelphia, PA 19107
Phone: 718-644-0490Fax: 718-225-3385Email: [email protected]
Code 4 Headquarters1251 West 34th StSuite 1171New York, NY 10191
Terrence DavisCEO/Program Director
(left)Letterhead, (top)Business Card, and (bottom) Envelope.
![Page 30: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/30.jpg)
The Code:4 screen bug is the visual identifier on the television component of the network. Shown here with the introduction from Law and Order: SVU, the logo holds up against most of the screens presented.
![Page 31: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/31.jpg)
The Code:4 animation uses the colon in the logo, to create a police light that zooms out and the logo comes into focus. The alternating lights set the tone of the network.
![Page 32: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/32.jpg)
The crime map portion of the app, designed to designate where crimes occur in the city, and details about it such as type, time of occurrence, and police occurrence.
The news app, designed to keep the user up to date with crime and police related news, based on their location.
A part of the Code:4 Network Identity, the APB app was designed for smartphones, and iPhones as a viewer tool to keep safe when moving around and about major cities.
Code:4 APB Mobile App
Spring 2012
![Page 33: 2012 Design Portfolio](https://reader030.vdocuments.net/reader030/viewer/2022020801/568bd8181a28ab2034a21cc9/html5/thumbnails/33.jpg)
The police blotter will offer local crime stats, narrowed down to key areas of the city, and if available, the specific crimes that occurred.
A notification option will offer crime updates, based on location, as text messages, to keep the user informed about their surroundings.