http://cargocollective.com jonny.gotham | portfolio Mon, 24 Jan 2011 22:41:25 +0000 http://cargocollective.com en http://cargocollective.com/jonnygotham/Renzo-Piano-Joint-Detail-2004 http://cargocollective.com/jonnygotham/following/jonnygotham/Renzo-Piano-Joint-Detail-2004 Mon, 24 Jan 2011 22:41:25 +0000 jonny.gotham | portfolio 226327 <img src="http://payload.cargocollective.com/1/0/17030/226327/renzoJoint_3up.png" width="670" height="335" width_o="670" height_o="335" src_o="http://payload.cargocollective.com/1/0/17030/226327/renzoJoint_3up_o.png" data-mid="967627" border="0" align="left"/> Project : Renzo Piano Joint Detail Illustration, Spring 2004 Work : Illustrator Details : Intricate study and manual illustration of the joints used in the construction of the Jean-Marie Tjibaou Cultural Center in New Caledonia by Renzo Piano Building Workshop. <img src="http://payload.cargocollective.com/1/0/17030/226327/renzoJoint_exploded.png" width="670" height="335" width_o="670" height_o="335" src_o="http://payload.cargocollective.com/1/0/17030/226327/renzoJoint_exploded_o.png" data-mid="967642" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/17030/226327/renzoJoint_back.png" width="670" height="335" width_o="670" height_o="335" src_o="http://payload.cargocollective.com/1/0/17030/226327/renzoJoint_back_o.png" data-mid="967644" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/17030/226327/renzoJoint_overhead.png" width="670" height="335" width_o="670" height_o="335" src_o="http://payload.cargocollective.com/1/0/17030/226327/renzoJoint_overhead_o.png" data-mid="967645" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/17030/226327/renzoJoint_assembled.png" width="670" height="335" width_o="670" height_o="335" src_o="http://payload.cargocollective.com/1/0/17030/226327/renzoJoint_assembled_o.png" data-mid="967646" border="0" align="left"/> var pageTracker = _gat._getTracker("UA-12544418-2");pageTracker._trackPageview("/Renzo-Piano-Joint-Detail-2004"); Project : Renzo Piano Joint Detail Illustration, Spring 2004 Work : Illustrator Details : Intricate study and manual illustration of the joints used in the... http://cargocollective.com/jonnygotham/New-School-Prototype-2010 http://cargocollective.com/jonnygotham/following/jonnygotham/New-School-Prototype-2010 Mon, 22 Mar 2010 00:31:49 +0000 jonny.gotham | portfolio 322044 <img src="http://payload.cargocollective.com/1/0/17030/322044/ns_screen1.jpg" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/0/17030/322044/ns_screen1_o.jpg" data-mid="5287384" border="0" align="left"/> Project : New School Prototype, Fall 2010 Work : Concept, Lead Designer and Developer Details : The New School Prototype was created to express the potential of creating a brand new platform for students and teachers to engage and interact with educational content. This fully interactive prototype displayed content from the perspective of a university student: checking lectures and assignments, grades, as well as rich media content such as videos and teacher curated hand-outs. Technologies : html/css, jQuery. Credits: Sample images of Jean Marie Tjibaou Cultural Center from Renzo Piano Building Workshop. Sample handout text by Kari Silloway at Galinsky. Sample video by RSA, Sir Ken Robinson. Prototype created to show potential and example of what is possible, not for profit or sale. Prototype interface design copyrighted and registered with the United States Copyright Office <img src="http://payload.cargocollective.com/1/0/17030/322044/ns_screen2.jpg" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/0/17030/322044/ns_screen2_o.jpg" data-mid="5287391" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/17030/322044/ns_screen3.jpg" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/0/17030/322044/ns_screen3_o.jpg" data-mid="5287396" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/17030/322044/ns_screen4.jpg" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/0/17030/322044/ns_screen4_o.jpg" data-mid="5287398" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/17030/322044/ns_screen5.jpg" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/0/17030/322044/ns_screen5_o.jpg" data-mid="5287404" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/17030/322044/ns_screen6.jpg" width="670" height="415" width_o="670" height_o="415" src_o="http://payload.cargocollective.com/1/0/17030/322044/ns_screen6_o.jpg" data-mid="5287408" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/17030/322044/ns_screen7.jpg" width="670" height="490" width_o="670" height_o="490" src_o="http://payload.cargocollective.com/1/0/17030/322044/ns_screen7_o.jpg" data-mid="5287410" border="0" align="left"/> var pageTracker = _gat._getTracker("UA-12544418-2");pageTracker._trackPageview("/New-School-Prototype-2010"); Project : New School Prototype, Fall 2010 Work : Concept, Lead Designer and Developer Details : The New School Prototype was created to express the potential of... http://cargocollective.com/jonnygotham/A-Ghost-Dwelling-2010 http://cargocollective.com/jonnygotham/following/jonnygotham/A-Ghost-Dwelling-2010 Wed, 17 Mar 2010 08:00:14 +0000 jonny.gotham | portfolio 315011 <img src="http://payload.cargocollective.com/1/0/17030/315011/gd1_screen1.jpg" width="670" height="419" width_o="670" height_o="419" src_o="http://payload.cargocollective.com/1/0/17030/315011/gd1_screen1_o.jpg" data-mid="1366415" border="0" align="left"/> Project : A Ghost Dwelling, March 2010 Work : Art Director, Photographer, Writer Details : A Ghost Dwelling was born from far too many dark, cold, and lonely nights during the winter of 2009-2010. Set as an abstract, cognitive experience, the site is a blending of visual, aural, and narrative pieces, documenting the elusive happenings of a seemingly trapped, unnamed individual and another, as of yet unknown, entity. Technologies : Textpattern content management, jQuery. visit the site <img src="http://payload.cargocollective.com/1/0/17030/315011/gd1_screen2.jpg" width="670" height="419" width_o="670" height_o="419" src_o="http://payload.cargocollective.com/1/0/17030/315011/gd1_screen2_o.jpg" data-mid="1366417" border="0" align="left"/> var pageTracker = _gat._getTracker("UA-12544418-2");pageTracker._trackPageview("/A-Ghost-Dwelling-2010"); Project : A Ghost Dwelling, March 2010 Work : Art Director, Photographer, Writer Details : A Ghost Dwelling was born from far too many dark, cold, and lonely... http://cargocollective.com/jonnygotham/Gotham-Black-v4-2009 http://cargocollective.com/jonnygotham/following/jonnygotham/Gotham-Black-v4-2009 Sun, 17 Jan 2010 01:03:53 +0000 jonny.gotham | portfolio 226875 <img src="http://payload.cargocollective.com/1/0/17030/226875/gb4_screen1.jpg" width="670" height="820" width_o="670" height_o="820" src_o="http://payload.cargocollective.com/1/0/17030/226875/gb4_screen1_o.jpg" data-mid="968410" border="0" align="left"/> Project : Gotham.Black, April 2009 Work : Art Director, Lead Designer, Illustrator, Writer Details : GOTHAM.BLACK has always been my personal lab of sorts, allowing me to work with web technologies (listed below) and pursue hobbies of writing, illustration, photography, and hopefully soon, other avenues of design: fashion, motion, and industrial. This new volume also aims to add more contributors to the mix, giving variation to the content. Technologies : Expression Engine content management, sIFR, jQuery, Twitter API Feeds. visit the site <img src="http://payload.cargocollective.com/1/0/17030/226875/gb4_screen2.jpg" width="670" height="760" width_o="670" height_o="760" src_o="http://payload.cargocollective.com/1/0/17030/226875/gb4_screen2_o.jpg" data-mid="968411" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/17030/226875/gb4_screen3.jpg" width="670" height="335" width_o="670" height_o="335" src_o="http://payload.cargocollective.com/1/0/17030/226875/gb4_screen3_o.jpg" data-mid="968412" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/17030/226875/gb4_screen4.jpg" width="670" height="335" width_o="670" height_o="335" src_o="http://payload.cargocollective.com/1/0/17030/226875/gb4_screen4_o.jpg" data-mid="968413" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/17030/226875/gb4_screen5.jpg" width="670" height="335" width_o="670" height_o="335" src_o="http://payload.cargocollective.com/1/0/17030/226875/gb4_screen5_o.jpg" data-mid="968414" border="0" align="left"/> var pageTracker = _gat._getTracker("UA-12544418-2");pageTracker._trackPageview("/Gotham-Black-v4-2009"); Project : Gotham.Black, April 2009 Work : Art Director, Lead Designer, Illustrator, Writer Details : GOTHAM.BLACK has always been my personal lab of sorts,... http://cargocollective.com/jonnygotham/Ditech-2009 http://cargocollective.com/jonnygotham/following/jonnygotham/Ditech-2009 Sun, 17 Jan 2010 00:47:20 +0000 jonny.gotham | portfolio 226871 <img src="http://payload.cargocollective.com/1/0/17030/226871/ditech_screen1.jpg" width="670" height="654" width_o="670" height_o="654" src_o="http://payload.cargocollective.com/1/0/17030/226871/ditech_screen1_o.jpg" data-mid="968395" border="0" align="left"/> Project : Ditech, October 2007–January 2009 Work : Consultant, Team Lead, Front-End Design Lead, Developer Details : The popular nationwide mortgage lender needed a revamping of its website and online application to appeal to consumers in an ever-increasingly competitive market. I was responsible for the front-end design, usability, and aesthetic of the main online application, as well as reconstruction the entire site using grids and web standards. For the main site, I improved a vendor's mock-up design and aesthetic by applying techniques for enhanced usability as well as web practicality. My work in grids and web standards became a base foundation for enterprise design across ditech and its parent company GMAC Mortage & Financial. Results : Change Sciences Group reported ditech.com as the second best nationwide mortgage lender website for usability in its 2008 Kantuit Report: “The Consumer Experience of Mortgage Web Sites” <img src="http://payload.cargocollective.com/1/0/17030/226871/ditech_screen2.jpg" width="670" height="535" width_o="670" height_o="535" src_o="http://payload.cargocollective.com/1/0/17030/226871/ditech_screen2_o.jpg" data-mid="968398" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/17030/226871/ditech_screen3.jpg" width="670" height="535" width_o="670" height_o="535" src_o="http://payload.cargocollective.com/1/0/17030/226871/ditech_screen3_o.jpg" data-mid="968399" border="0" align="left"/> var pageTracker = _gat._getTracker("UA-12544418-2");pageTracker._trackPageview("/Ditech-2009"); Project : Ditech, October 2007–January 2009 Work : Consultant, Team Lead, Front-End Design Lead, Developer Details : The popular nationwide mortgage lender... http://cargocollective.com/jonnygotham/Gotham-Black-v2-2007 http://cargocollective.com/jonnygotham/following/jonnygotham/Gotham-Black-v2-2007 Sun, 17 Jan 2010 00:29:54 +0000 jonny.gotham | portfolio 226867 <img src="http://payload.cargocollective.com/1/0/17030/226867/gb2_screen1.png" width="670" height="335" width_o="670" height_o="335" src_o="http://payload.cargocollective.com/1/0/17030/226867/gb2_screen1_o.png" data-mid="968365" border="0" align="left"/> Project : Gotham.Black, May 2007 Work : Art Director, Lead Designer, Illustrator, Writer Details : My own personal creative space, used to keep close friends and clients up to date with my latest projects, artwork, writings, and musings. New friends are welcome too! visit the site <img src="http://payload.cargocollective.com/1/0/17030/226867/gb2_screen2.jpg" width="670" height="335" width_o="670" height_o="335" src_o="http://payload.cargocollective.com/1/0/17030/226867/gb2_screen2_o.jpg" data-mid="968366" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/17030/226867/gb2_screen3.jpg" width="670" height="335" width_o="670" height_o="335" src_o="http://payload.cargocollective.com/1/0/17030/226867/gb2_screen3_o.jpg" data-mid="968367" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/17030/226867/gb2_screen4.png" width="670" height="335" width_o="670" height_o="335" src_o="http://payload.cargocollective.com/1/0/17030/226867/gb2_screen4_o.png" data-mid="968368" border="0" align="left"/> var pageTracker = _gat._getTracker("UA-12544418-2");pageTracker._trackPageview("/Gotham-Black-v2-2007"); Project : Gotham.Black, May 2007 Work : Art Director, Lead Designer, Illustrator, Writer Details : My own personal creative space, used to keep close friends and... http://cargocollective.com/jonnygotham/Charles-Greer-2007 http://cargocollective.com/jonnygotham/following/jonnygotham/Charles-Greer-2007 Sun, 17 Jan 2010 00:05:11 +0000 jonny.gotham | portfolio 226858 <img src="http://payload.cargocollective.com/1/0/17030/226858/cg_logo_1.png" width="670" height="335" width_o="670" height_o="335" src_o="http://payload.cargocollective.com/1/0/17030/226858/cg_logo_1_o.png" data-mid="968309" border="0" align="left"/> Project : Charles Greer Brand Identity Work : Art Director, Lead Designer, Illustrator Details : A very talented and successful massage therapist in New York City, Charles needed a brand identity and business cards to help solidify his already strong reputation and clientele. Amazingly friendly. Highly recommended by spas and professionals of healthy-living in New York City. var pageTracker = _gat._getTracker("UA-12544418-2");pageTracker._trackPageview("/Charles-Greer-2007"); Project : Charles Greer Brand Identity Work : Art Director, Lead Designer, Illustrator Details : A very talented and successful massage therapist in New York... http://cargocollective.com/jonnygotham/Classic-Creations-2006 http://cargocollective.com/jonnygotham/following/jonnygotham/Classic-Creations-2006 Sat, 16 Jan 2010 23:55:53 +0000 jonny.gotham | portfolio 226855 <img src="http://payload.cargocollective.com/1/0/17030/226855/cc_logo.png" width="670" height="335" width_o="670" height_o="335" src_o="http://payload.cargocollective.com/1/0/17030/226855/cc_logo_o.png" data-mid="968299" border="0" align="left"/> Project : Classic Creations Brand Identity, November 2006 Work : Art Director, Lead Designer, Illustrator Details : An interior designer from Orange County, California needed a new brand identity to market and represent her business. Designed to appeal to the region's mix of classic high society and trend setting youth culture, this logotype also embodied the ideals and goals of the designer herself. var pageTracker = _gat._getTracker("UA-12544418-2");pageTracker._trackPageview("/Classic-Creations-2006"); Project : Classic Creations Brand Identity, November 2006 Work : Art Director, Lead Designer, Illustrator Details : An interior designer from Orange County,... http://cargocollective.com/jonnygotham/Mandalay-Mortgage-Bluepass-2006 http://cargocollective.com/jonnygotham/following/jonnygotham/Mandalay-Mortgage-Bluepass-2006 Sat, 16 Jan 2010 23:44:37 +0000 jonny.gotham | portfolio 226838 <img src="http://payload.cargocollective.com/1/0/17030/226838/mm1003_screen1.png" width="670" height="345" width_o="670" height_o="345" src_o="http://payload.cargocollective.com/1/0/17030/226838/mm1003_screen1_o.png" data-mid="968269" border="0" align="left"/> Project : Mandalay Mortgage Bluepass (Online 1003), June 2006 Work : Art Director, Lead Designer, Lead Front-End Developer Details : A collaboration with a team of developers to create an Online Broker Portal. Responsible for front-end design, as well as directing the development team on application flow and usability. Together we were able to create a portal with an exceptional, user-friendly experience unlike anything the industry had seen — including a unique notification system with instant feedback — helping users get things right the first time around. <img src="http://payload.cargocollective.com/1/0/17030/226838/mm1003_screen2.jpg" width="670" height="395" width_o="670" height_o="395" src_o="http://payload.cargocollective.com/1/0/17030/226838/mm1003_screen2_o.jpg" data-mid="968270" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/17030/226838/mm1003_screen3.png" width="670" height="395" width_o="670" height_o="395" src_o="http://payload.cargocollective.com/1/0/17030/226838/mm1003_screen3_o.png" data-mid="968271" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/17030/226838/mm1003_screen4.png" width="670" height="395" width_o="670" height_o="395" src_o="http://payload.cargocollective.com/1/0/17030/226838/mm1003_screen4_o.png" data-mid="968272" border="0" align="left"/> var pageTracker = _gat._getTracker("UA-12544418-2");pageTracker._trackPageview("/Mandalay-Mortgage-Bluepass-2006"); Project : Mandalay Mortgage Bluepass (Online 1003), June 2006 Work : Art Director, Lead Designer, Lead Front-End Developer Details : A collaboration with a team... http://cargocollective.com/jonnygotham/Mandalay-Mortgage-2006 http://cargocollective.com/jonnygotham/following/jonnygotham/Mandalay-Mortgage-2006 Sat, 16 Jan 2010 23:23:07 +0000 jonny.gotham | portfolio 226796 <img src="http://payload.cargocollective.com/1/0/17030/226796/mmOnline_screen1.jpg" width="670" height="425" width_o="670" height_o="425" src_o="http://payload.cargocollective.com/1/0/17030/226796/mmOnline_screen1_o.jpg" data-mid="968208" border="0" align="left"/> Project : Mandalay Mortgage Company Site, April 2006 Work : Art Director, Lead Designer, Lead Developer Details : To help revitalize the company image for an increasingly competitive market, a new corporate web site was developed to better serve its customers as well as create a foundation for future online offerings. <img src="http://payload.cargocollective.com/1/0/17030/226796/mmOnline_screen2.png" width="670" height="425" width_o="670" height_o="425" src_o="http://payload.cargocollective.com/1/0/17030/226796/mmOnline_screen2_o.png" data-mid="968209" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/17030/226796/mmOnline_screen3.jpg" width="670" height="425" width_o="670" height_o="425" src_o="http://payload.cargocollective.com/1/0/17030/226796/mmOnline_screen3_o.jpg" data-mid="968210" border="0" align="left"/> <img src="http://payload.cargocollective.com/1/0/17030/226796/mmOnline_screen4.png" width="670" height="425" width_o="670" height_o="425" src_o="http://payload.cargocollective.com/1/0/17030/226796/mmOnline_screen4_o.png" data-mid="968211" border="0" align="left"/> var pageTracker = _gat._getTracker("UA-12544418-2");pageTracker._trackPageview("/Mandalay-Mortgage-2006"); Project : Mandalay Mortgage Company Site, April 2006 Work : Art Director, Lead Designer, Lead Developer Details : To help revitalize the company image for an...