http://www.scottborchardt.com Scott Borchardt Design Sat, 08 Sep 2012 02:07:38 +0000 http://www.scottborchardt.com en http://www.scottborchardt.com/Chipotle-iPhone http://www.scottborchardt.com/following/scottborchardt.com/Chipotle-iPhone Sat, 08 Sep 2012 02:07:38 +0000 Scott Borchardt Design 4044654 <img src="http://payload87.cargocollective.com/1/2/82855/4044654/chipotle_lead_image_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4044654/chipotle_lead_image_o.jpg" data-mid="21192374" border="0" align="left"/> At the time of it's release in the fall of 2009 the Chipotle iPhone app sets the standard for fast food convenience. The app leveraged the GPS functionality to locate the Chipotle nearest you, then let's you build your meal exactly how you want it, and let's you securely pay ahead of time so there's no need to wait in that long line again. If that wasn't enough, it saves your orders making repeat visits even easier. The app won accolades from the tech blogosphere and has been downloaded by well over 1 million people - all by word of mouth. Chipotle fans love the app almost as much as they love their burrito. <img src="http://payload87.cargocollective.com/1/2/82855/4044654/chipotle_iphone_location_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4044654/chipotle_iphone_location_o.jpg" data-mid="21192741" border="0" align="left"/> Easily order anything you want, any way you like it. <img src="http://payload87.cargocollective.com/1/2/82855/4044654/chipotle_iphone_order_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4044654/chipotle_iphone_order_o.jpg" data-mid="21192744" border="0" align="left"/> Add double the amounts by tapping twice. <img src="http://payload87.cargocollective.com/1/2/82855/4044654/chipotle_iphone_whats_inside2_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4044654/chipotle_iphone_whats_inside2_o.jpg" data-mid="21192745" border="0" align="left"/> The app remembers your order. <img src="http://payload87.cargocollective.com/1/2/82855/4044654/chipotle_iphone_neworder_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4044654/chipotle_iphone_neworder_o.jpg" data-mid="21192742" border="0" align="left"/> The app is available for free from iTunes Store. At the time of it's release in the fall of 2009 the Chipotle iPhone app sets the standard for fast food convenience. The app leveraged the GPS functionality to... http://www.scottborchardt.com/Sequence http://www.scottborchardt.com/following/scottborchardt.com/Sequence Fri, 07 Sep 2012 23:18:31 +0000 Scott Borchardt Design 4044373 <img src="http://payload87.cargocollective.com/1/2/82855/4044373/sequence_lead_image_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4044373/sequence_lead_image_o.jpg" data-mid="21190513" border="0" align="left"/> Sequence is a creative branding agency in San Francisco and New York with a focus on new technologies, brand building and user experiences. While at Sequence, I helped design and develop the innovative site for sequence.com. The "Home Page" is composed of nine tiles that lead into deeper areas of the site. <img src="http://payload87.cargocollective.com/1/2/82855/4044373/sequence_home_tile1_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4044373/sequence_home_tile1_o.jpg" data-mid="21190503" border="0" align="left"/><img src="http://payload87.cargocollective.com/1/2/82855/4044373/sequence_home_tile2_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4044373/sequence_home_tile2_o.jpg" data-mid="21190506" border="0" align="left"/><img src="http://payload87.cargocollective.com/1/2/82855/4044373/sequence_home_tile3_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4044373/sequence_home_tile3_o.jpg" data-mid="21190510" border="0" align="left"/> The "Work" section clears the screen to a solid white background and the work takes center stage. The site and the example pages are projects <img src="http://payload87.cargocollective.com/1/2/82855/4044373/sequence_work_chevron_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4044373/sequence_work_chevron_o.jpg" data-mid="21190516" border="0" align="left"/><img src="http://payload87.cargocollective.com/1/2/82855/4044373/sequence_work_chipotle_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4044373/sequence_work_chipotle_o.jpg" data-mid="21190519" border="0" align="left"/><img src="http://payload87.cargocollective.com/1/2/82855/4044373/sequence_work_googleventures_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4044373/sequence_work_googleventures_o.jpg" data-mid="21190521" border="0" align="left"/> Built with advanced javascript transitions between pages instead of using Flash, and using mouse or keyboard controls to navigate. In 2009 this kind of site was clearly ahead of the curve. Sequence is a creative branding agency in San Francisco and New York with a focus on new technologies, brand building and user experiences. While at Sequence, I... http://www.scottborchardt.com/PhotoSite http://www.scottborchardt.com/following/scottborchardt.com/PhotoSite Fri, 07 Sep 2012 21:34:09 +0000 Scott Borchardt Design 4044216 <img src="http://payload87.cargocollective.com/1/2/82855/4044216/photosite_uploader_login_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4044216/photosite_uploader_login_o.jpg" data-mid="21189493" border="0" align="left"/> PhotoSite is a popular photo sharing platform that offered a full set of features to manage and share albums for photos and videos. I designed and created several parts of the site as promotional materials as well as help improve workflow. PhotoSite Uploader List View <img src="http://payload87.cargocollective.com/1/2/82855/4044216/photosite_uploader_listview_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4044216/photosite_uploader_listview_o.jpg" data-mid="21189492" border="0" align="left"/> PhotoSite Uploader Default Grid View <img src="http://payload87.cargocollective.com/1/2/82855/4044216/photosite_uploader_gridview_default_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4044216/photosite_uploader_gridview_default_o.jpg" data-mid="21189490" border="0" align="left"/> PhotoSite Uploader Populated Grid View <img src="http://payload87.cargocollective.com/1/2/82855/4044216/photosite_uploader_gridview_populated_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4044216/photosite_uploader_gridview_populated_o.jpg" data-mid="21189491" border="0" align="left"/> PhotoSite is a popular photo sharing platform that offered a full set of features to manage and share albums for photos and videos. I designed and created several... http://www.scottborchardt.com/Warison-Creative http://www.scottborchardt.com/following/scottborchardt.com/Warison-Creative Fri, 07 Sep 2012 20:54:32 +0000 Scott Borchardt Design 4044066 <img src="http://payload87.cargocollective.com/1/2/82855/4044066/warison_lead_image_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4044066/warison_lead_image_o.jpg" data-mid="21188799" border="0" align="left"/> Warison Creative is a full service web design, marketing and development firm in the St. Louis area. They embrace the call to action by creating meaningful websites for their clients. I've collaborated with Nicole Spear Design to create a their logo and business cards. Front and back of business cards <img src="http://payload87.cargocollective.com/1/2/82855/4044066/warison_biz_cards_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4044066/warison_biz_cards_o.jpg" data-mid="21188797" border="0" align="left"/> The logo placed in possible real world applications <img src="http://payload87.cargocollective.com/1/2/82855/4044066/warison_real_world_cases2_640.jpg" width="640" height="1559" width_o="792" height_o="1929" src_o="http://payload87.cargocollective.com/1/2/82855/4044066/warison_real_world_cases2_o.jpg" data-mid="21188987" border="0" align="left"/> Warison Creative is a full service web design, marketing and development firm in the St. Louis area. They embrace the call to action by creating meaningful... http://www.scottborchardt.com/Chase-Redesign http://www.scottborchardt.com/following/scottborchardt.com/Chase-Redesign Fri, 07 Sep 2012 19:29:18 +0000 Scott Borchardt Design 4043321 <img src="http://payload87.cargocollective.com/1/2/82855/4043321/chase_lead_image_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4043321/chase_lead_image_o.jpg" data-mid="21187985" border="0" align="left"/> The redesign of Chase.com began in early 2011, and I joined a small core team of talented designers, working in various locations around the country. The design style is sophisticated and contemporary and targeting the mass-affluent market. The idea of "progressive disclosure", showing information as needed, became guiding principle to keep the pages free of clutter. Content was brief and paired with iconic imagery, body text was larger the other sites, and padding was generous - the pages almost read themselves. Color cues are carefully considered to drive action and encourage a deeper experience. For the small team to create several hundred pages in a condensed timeframe we developed efficient systems for making pages that included grids, symbol libraries, module types, headers, icons, and image styles. Wealth Management For the Wealth Management section messages, layout and imagery were designed to appeal to an investors fast paced work day with a refined sense of style. The Wealth Management Home page, with supporting images <img src="http://payload87.cargocollective.com/1/2/82855/4043321/chase_wealth_mgmt_1_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4043321/chase_wealth_mgmt_1_o.jpg" data-mid="21184537" border="0" align="left"/> Wealth Management IRAs (category level) <img src="http://payload87.cargocollective.com/1/2/82855/4043321/chase_wealthmgmt_2IRAs_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4043321/chase_wealthmgmt_2IRAs_o.jpg" data-mid="21184540" border="0" align="left"/> Wealth Management Retirement and Annuities <img src="http://payload87.cargocollective.com/1/2/82855/4043321/chase_wealth_mgmt_3_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4043321/chase_wealth_mgmt_3_o.jpg" data-mid="21187591" border="0" align="left"/> Chase Checking Checking Home, Tab 1 <img src="http://payload87.cargocollective.com/1/2/82855/4043321/chase_checking_tab1_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4043321/chase_checking_tab1_o.jpg" data-mid="21187072" border="0" align="left"/> Checking Home, Tab 2 <img src="http://payload87.cargocollective.com/1/2/82855/4043321/chase_checking_tab2_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4043321/chase_checking_tab2_o.jpg" data-mid="21187073" border="0" align="left"/> Checking Home, Tab 3 <img src="http://payload87.cargocollective.com/1/2/82855/4043321/chase_checking_tab3_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4043321/chase_checking_tab3_o.jpg" data-mid="21187074" border="0" align="left"/> Chase Business Banking Business Home <img src="http://payload87.cargocollective.com/1/2/82855/4043321/chase_business_home_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4043321/chase_business_home_o.jpg" data-mid="21187444" border="0" align="left"/> Business Mobile <img src="http://payload87.cargocollective.com/1/2/82855/4043321/chase_business_mobile_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4043321/chase_business_mobile_o.jpg" data-mid="21187446" border="0" align="left"/> Business Collection Services <img src="http://payload87.cargocollective.com/1/2/82855/4043321/chase_business_collectionservices_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4043321/chase_business_collectionservices_o.jpg" data-mid="21187443" border="0" align="left"/> Business Paperless Statements <img src="http://payload87.cargocollective.com/1/2/82855/4043321/chase_business_paperless_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4043321/chase_business_paperless_o.jpg" data-mid="21187447" border="0" align="left"/> Business Payroll Solutions <img src="http://payload87.cargocollective.com/1/2/82855/4043321/chase_business_payroll_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload87.cargocollective.com/1/2/82855/4043321/chase_business_payroll_o.jpg" data-mid="21187448" border="0" align="left"/> The redesign of Chase.com began in early 2011, and I joined a small core team of talented designers, working in various locations around the country. The design... http://www.scottborchardt.com/Chase-Icons http://www.scottborchardt.com/following/scottborchardt.com/Chase-Icons Fri, 07 Sep 2012 15:41:00 +0000 Scott Borchardt Design 3950467 <img src="http://payload82.cargocollective.com/1/2/82855/3950467/chase_icons_lead_image_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3950467/chase_icons_lead_image_o.jpg" data-mid="21268066" border="0" align="left"/> Over the span of a year I created several parts for Chase.com. The icons were were often used large beside minimal text in airy layouts to convey simplicity and generate interest. General Style Version 1: Objects are simplified and stylized, isometric, hard surfaces as if made of plastic, crisps edges, cast shadows from the front and right <img src="http://payload82.cargocollective.com/1/2/82855/3950467/chase_icons_phase1_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3950467/chase_icons_phase1_o.jpg" data-mid="21158230" border="0" align="left"/> General Style Version 2: Objects are more complex and appear from real life, facing front, using subtle textures, cast shadows are from above and center <img src="http://payload82.cargocollective.com/1/2/82855/3950467/chase_icons_phase2_640.jpg" width="640" height="1004" width_o="1024" height_o="1606" src_o="http://payload82.cargocollective.com/1/2/82855/3950467/chase_icons_phase2_o.jpg" data-mid="21158231" border="0" align="left"/> Chase Auto Loans: The pages of Chase Auto Loans required icons that would convey the luster and quality of purchasing a new car. <img src="http://payload82.cargocollective.com/1/2/82855/3950467/chase_icons_auto_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3950467/chase_icons_auto_o.jpg" data-mid="21180985" border="0" align="left"/> Chase Checking Version 1: Focused on the available devices and benefits that would be associated with each checking account. <img src="http://payload82.cargocollective.com/1/2/82855/3950467/chase_illustrations_checking_devices2_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3950467/chase_illustrations_checking_devices2_o.jpg" data-mid="21181000" border="0" align="left"/> Chase Checking Version 2: Focused on the lifestyles of each checking account holder. <img src="http://payload82.cargocollective.com/1/2/82855/3950467/chase_illustrations_checking_lifestlye2_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3950467/chase_illustrations_checking_lifestlye2_o.jpg" data-mid="21181002" border="0" align="left"/> Chase Freedom Credit Card "How it Works": To make the credit card selection process less intimidating, punchy graphics helped explain how easy it is to use the card. <img src="http://payload82.cargocollective.com/1/2/82855/3950467/chase_freedom_HIW2_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3950467/chase_freedom_HIW2_o.jpg" data-mid="21181080" border="0" align="left"/> Chase Advantage The page "The Chase Advantage" was heavily considered as it directly addresses the Chase brand attributes and core messaging. Below is a study of possible ways to illustrate the Chase Advantage. The illustration must incorporate the Chase brand in an instant. v1: The Shared Experience Bringing the Chase Checking account to life by showing polaroids of interacting with and accessing their Chase account. Photographs emote personal and shared experiences. <img src="http://payload82.cargocollective.com/1/2/82855/3950467/chase_icons_advantage_v1sharedexp2_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3950467/chase_icons_advantage_v1sharedexp2_o.jpg" data-mid="21183080" border="0" align="left"/> v2: Interface and Object By showing the actual Chase interface with mobile and a traditional check book, this option shows exactly what you get. <img src="http://payload82.cargocollective.com/1/2/82855/3950467/chase_icons_advantage_v2interfaceobject2_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3950467/chase_icons_advantage_v2interfaceobject2_o.jpg" data-mid="21183083" border="0" align="left"/> v3: Moments Taking a photograph even further, this option depicts the broader experience of banking with Chase through images of when customers connect to Chase in the convenient ways. <img src="http://payload82.cargocollective.com/1/2/82855/3950467/chase_icons_advantage_v3moments2_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3950467/chase_icons_advantage_v3moments2_o.jpg" data-mid="21183084" border="0" align="left"/> v4: Dashboard This option references a touch interface displaying the ways to bank at Chase. <img src="http://payload82.cargocollective.com/1/2/82855/3950467/chase_icons_advantage_v4dashboard2_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3950467/chase_icons_advantage_v4dashboard2_o.jpg" data-mid="21183086" border="0" align="left"/> Over the span of a year I created several parts for Chase.com. The icons were were often used large beside minimal text in airy layouts to convey simplicity and... http://www.scottborchardt.com/MySpace http://www.scottborchardt.com/following/scottborchardt.com/MySpace Mon, 20 Aug 2012 03:21:33 +0000 Scott Borchardt Design 3940344 <img src="http://payload82.cargocollective.com/1/2/82855/3940344/myspace_leadimage_9_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3940344/myspace_leadimage_9_o.jpg" data-mid="20589975" border="0" align="left"/> In 2008 MySpace was undisputedly the social giant with 250 million users expressing themselves with reckless abandon. It was chaos, and that's just how the founders liked it. But that didn't appeal to everyone and momentum was quickly shifting to the tidy pages of Facebook and a redesign was needed if they wanted to stay a vital stop on the web. MySpace called upon Adaptive Path in San Francisco to help with a relatively small feature that later grew into a major update to key sections of the site. Adaptive Path approached Sequence for design support and I began working for both companies. While unconventional, the arrangement was possible due to the quality leadership at both Sequence and Adaptive Path. I worked closely with the Adaptive Path team that included: Ryan Freitas, Teresa Brazen, Alexa Andrzejewski, Todd Wilkens, Todd Elliott and Jesse James Garrett. For six months, Ryan and I met once a week with founder Tom Anderson, as well as Tom Andrus, Steve Pearman, Amit Kapor and Chris DeWolf to shape the new features that were to launch in the summer. MySpace Phase I: Focused on a method to categorize friends into more useful ways. The categorization tool used game-like interaction to view and group your friends see how many friends were not yet categorized. The "Friends" page before and after: <img src="http://payload82.cargocollective.com/1/2/82855/3940344/myspace_friends_before_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3940344/myspace_friends_before_o.jpg" data-mid="20588387" border="0" align="left"/> <img src="http://payload82.cargocollective.com/1/2/82855/3940344/myspace_friends_after_1_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3940344/myspace_friends_after_1_o.jpg" data-mid="20588383" border="0" align="left"/><img src="http://payload82.cargocollective.com/1/2/82855/3940344/myspace_friends_after_2_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3940344/myspace_friends_after_2_o.jpg" data-mid="20588384" border="0" align="left"/> MySpace Phase II: Focused on MySpace.com, user profile page layout, and search results. The existing home page left users to parse a sea of links and left advertisers clamoring over small boxes with little information. The redesign of MySpace.com featured a full width Hero banner that could promote in dynamic ways. From a basic LREC ad, to a full Hero ad, or for the big money, a full-page take-over - all this made the Marketing department very happy. The page design easily surfaced 25 stories above the fold, and featured a global navigation that was whittled from 18 links to 6 easy groups. The MySpace.com home page, before and after <img src="http://payload82.cargocollective.com/1/2/82855/3940344/myspace_splash_before_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3940344/myspace_splash_before_o.jpg" data-mid="20588388" border="0" align="left"/> <img src="http://payload82.cargocollective.com/1/2/82855/3940344/myspace_splash_redesign_1green_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3940344/myspace_splash_redesign_1green_o.jpg" data-mid="20588390" border="0" align="left"/><img src="http://payload82.cargocollective.com/1/2/82855/3940344/myspace_splash_redesign_2red_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3940344/myspace_splash_redesign_2red_o.jpg" data-mid="20588391" border="0" align="left"/><img src="http://payload82.cargocollective.com/1/2/82855/3940344/myspace_splash_redesign_3yellow_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3940344/myspace_splash_redesign_3yellow_o.jpg" data-mid="20588393" border="0" align="left"/><img src="http://payload82.cargocollective.com/1/2/82855/3940344/myspace_splash_redesign_4black_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload82.cargocollective.com/1/2/82855/3940344/myspace_splash_redesign_4black_o.jpg" data-mid="20588395" border="0" align="left"/> The launch of "MySpace 2.0" was June 18th, 2008 affected five major areas of the service: homepage, navigation, profile editor, search and more. In 2008 MySpace was undisputedly the social giant with 250 million users expressing themselves with reckless abandon. It was chaos, and that's just how the... http://www.scottborchardt.com/BwB http://www.scottborchardt.com/following/scottborchardt.com/BwB Fri, 17 Aug 2012 02:48:54 +0000 Scott Borchardt Design 3929312 <img src="http://payload81.cargocollective.com/1/2/82855/3929312/bwb-telesalon-Halcyon-and-Doxie-from-Detroit_640.jpg" width="640" height="480" width_o="800" height_o="600" src_o="http://payload81.cargocollective.com/1/2/82855/3929312/bwb-telesalon-Halcyon-and-Doxie-from-Detroit_o.jpg" data-mid="20523453" border="0" align="left"/> Burners Without Borders (BWB) is a grassroots organization that taps creativity within communities to solve problems and bring about change. Founded by participants of Burning Man, the event of self-expression and self-reliance, the "Burners" as they are called, are uniquely suited for disaster relief anywhere in the world. The volunteers of BWB roll up their sleeves and embody the "can do" spirit, therefore Rosie the Riveter is back at work, this time as the wooden icon of Burning Man for the BWB logo. Since the logos introduction BWB has grown into a dynamic international, volunteer organization. The design of the logo expresses the "can do spirit" of Burners without Borders. <img src="http://payload81.cargocollective.com/1/2/82855/3929312/bwb_logo_color_640.gif" width="640" height="828" width_o="1024" height_o="1325" src_o="http://payload81.cargocollective.com/1/2/82855/3929312/bwb_logo_color_o.gif" data-mid="20523279" border="0" align="left"/> The logo is proudly displayed by those connected with it. <img src="http://payload81.cargocollective.com/1/2/82855/3929312/bwb_sweatshirt_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload81.cargocollective.com/1/2/82855/3929312/bwb_sweatshirt_o.jpg" data-mid="20523280" border="0" align="left"/> Burners Without Borders (BWB) is a grassroots organization that taps creativity within communities to solve problems and bring about change. Founded by... http://www.scottborchardt.com/Zinio-Reader-1 http://www.scottborchardt.com/following/scottborchardt.com/Zinio-Reader-1 Fri, 17 Aug 2012 01:07:12 +0000 Scott Borchardt Design 3929106 <img src="http://payload81.cargocollective.com/1/2/82855/3929106/zinio_leadimage_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload81.cargocollective.com/1/2/82855/3929106/zinio_leadimage_o.jpg" data-mid="20600736" border="0" align="left"/> Zinio is a digital publishing platform that brings you magazines exactly as you see in print versions, but packed with the power and convenience of the digital form. Each issue is delivered to your desktop, for you to read anytime, anywhere - even offline - using the intuitive and interactive Zinio Reader. The Zinio Reader is a fast, light, downloadable application that features clipping, bookmarks, customizable zoom and access to new, enhanced content. As the Sr Designer I worked to make every aspect of the interface to stand back and let the magazines take the stage, to make every interaction intuitive on sight using clear visual cues. And while we were at it, we provided a little extra enticement that is known with digital media. The Zinio Reader: My Library view <img src="http://payload81.cargocollective.com/1/2/82855/3929106/zinio_reader_1libraryview_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload81.cargocollective.com/1/2/82855/3929106/zinio_reader_1libraryview_o.jpg" data-mid="20522327" border="0" align="left"/> The Zinio Reader: Grid View of an single magazine <img src="http://payload81.cargocollective.com/1/2/82855/3929106/zinio_reader_2grid_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload81.cargocollective.com/1/2/82855/3929106/zinio_reader_2grid_o.jpg" data-mid="20522329" border="0" align="left"/> The Zinio Reader: Page level view, with Explorer Bar activated showing a fast method to browse an entire publication. <img src="http://payload81.cargocollective.com/1/2/82855/3929106/zinio_reader_3pageview_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload81.cargocollective.com/1/2/82855/3929106/zinio_reader_3pageview_o.jpg" data-mid="20522330" border="0" align="left"/> Zinio is a digital publishing platform that brings you magazines exactly as you see in print versions, but packed with the power and convenience of the digital... http://www.scottborchardt.com/Bonhams http://www.scottborchardt.com/following/scottborchardt.com/Bonhams Mon, 14 Mar 2011 00:53:24 +0000 Scott Borchardt Design 1167069 <img src="http://payload.cargocollective.com/1/2/82855/1167069/bonhams_01_home_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/2/82855/1167069/bonhams_01_home_o.jpg" data-mid="5623414" border="0" align="left"/> Bonhams is a British auctioneer of fine art, collectibles and antiques and has remained a a premier international auction house since it was established in 1793. I worked as a Sr Designer and Creative Lead to achieve a visual balance that was both approachable and sophisticated, as well as creating a flexible, modular platform that's easily accommodates a vast array of changing "lots", or sale items. A refined set of color, typography and imagery combined with generous spacing to create a stylish gallery ambiance that puts the focus on sale items while providing clear calls to action for customers to buy, sell, track and save. <img src="http://payload.cargocollective.com/1/2/82855/1167069/bonhams_02_category_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/2/82855/1167069/bonhams_02_category_o.jpg" data-mid="5623416" border="0" align="left"/> The "Item Detail View" has multiple images, tracking information, print, share, currency preference, and similar items. Workflows for managing the lots you are tracking were derived from user testing. <img src="http://payload.cargocollective.com/1/2/82855/1167069/bonhams_03_itemdetail_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/2/82855/1167069/bonhams_03_itemdetail_o.jpg" data-mid="5623417" border="0" align="left"/> "My Bonhams" is the modular hub of activity and could be easily customized to each user. <img src="http://payload.cargocollective.com/1/2/82855/1167069/bonhams_04_my_bonhams_640.jpg" width="640" height="480" width_o="1024" height_o="768" src_o="http://payload.cargocollective.com/1/2/82855/1167069/bonhams_04_my_bonhams_o.jpg" data-mid="5623419" border="0" align="left"/> Bonhams is a British auctioneer of fine art, collectibles and antiques and has remained a a premier international auction house since it was established in 1793. I...