Web Design http://design.org/web-design en A Parallax Design Manifesto from Frank Chimero http://design.org/blog/parallax-design-manifesto-frank-chimero <p>Designer <a href="http://www.frankchimero.com/" target="Frank Chimero">Frank Chimero</a>'s personal website opens up with a thoughtful and lovely vertical parallax tour of his design thoughts, forming a sort of mission / manifesto. He makes his entrance less about what he does for design, and instead focusses on the capabilities and necessity of design—showing, not telling and quite compelling.</p> <p><iframe src="http://player.vimeo.com/video/42531184" width="620" height="326" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="431" title="design, frankchimero, web" alt="" src="http://design.org/sites/default/files/blog/2012/05/20/frank-chimero_site_03.jpg?1337583203" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="5184" title="design, frankchimero, web" alt="" src="http://design.org/sites/default/files/blog/2012/05/20/frank-chimero_site_02.jpg?1337582927" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/parallax-design-manifesto-frank-chimero" target="_blank">read more</a></p> http://design.org/blog/parallax-design-manifesto-frank-chimero#comments design productivity technique web Mon, 21 May 2012 05:28:17 +0000 jessicapatterson 4236 at http://design.org A Gallery-Based Printer's Site: The Göteborgstryckeriet Site Design by Lundgren+Lindqvist http://design.org/blog/gallery-based-printers-site-g%C3%B6teborgstryckeriet-site-design-lundgrenlindqvist <p>Swedish design and creative agency <a href="http://www.lundgrenlindqvist.se/" target="Lundgren+Lindqvist">Lundgren+Lindqvist</a> were tasked with creating a new site design and user experience for <a href="http://gbgt.se" target="Göteborgstryckeriet">Göteborgstryckeriet</a>. Through GBGT's four devisions of subspecialties, the high-end print house handles every type of job, from the most technically advanced to the most extensive.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="708" title="design, GBGT, design" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/gbgt_site_03.jpg?1336378612" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="708" title="design, GBGT, design" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/gbgt_site_02.jpg?1336378937" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="859" title="design, GBGT, design" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/gbgt_site_01.jpg?1336378938" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="667" title="design, GBGT, design" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/gbgt_site_04.jpg?1336378938" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="438" title="design, GBGT, design" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/gbgt_site_05.jpg?1336378938" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="438" title="design, GBGT, design" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/gbgt_site_09.jpg?1336378939" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="729" title="design, GBGT, design" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/gbgt_site_06.jpg?1336378938" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="517" title="design, GBGT, design" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/gbgt_site_07.jpg?1336378939" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="517" title="design, GBGT, design" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/gbgt_site_08.jpg?1336378939" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/gallery-based-printers-site-g%C3%B6teborgstryckeriet-site-design-lundgrenlindqvist" target="_blank">read more</a></p> http://design.org/blog/gallery-based-printers-site-g%C3%B6teborgstryckeriet-site-design-lundgrenlindqvist#comments design interface print sweden ui design ux web Mon, 07 May 2012 08:33:45 +0000 jessicapatterson 4224 at http://design.org Nixon's New Site Design for a New Domain http://design.org/blog/nixons-new-site-design-new-domain <p>Happily, <a href="http://www.nixon.com/" target="Nixon">Nixon</a> finally acquired their brand domain name, and such an event deserves celebration and a polished redesign. Their last site was beautiful, but the new interface takes the best of the old and adds friendlier function. The new minimalist site design keeps the focus on the product while highlighting lifestyle. The front page has become a friendly lookbook and the interior product and category pages make browsing to buy a breeze while capturing the story and details behind each product. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="367" title="Design, nixon, site" alt="" src="http://design.org/sites/default/files/blog/2012/04/17/nixon_web-design_00.jpg?1334648512" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="1757" title="Design, nixon, site" alt="" src="http://design.org/sites/default/files/blog/2012/04/17/nixon_web-design_01.jpg?1334648571" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="302" title="Design, nixon, site" alt="" src="http://design.org/sites/default/files/blog/2012/04/17/nixon_web-design_03.jpg?1334648571" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="376" title="Design, nixon, site" alt="" src="http://design.org/sites/default/files/blog/2012/04/17/nixon_web-design_02.jpg?1334648571" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="759" title="Design, nixon, site" alt="" src="http://design.org/sites/default/files/blog/2012/04/17/nixon_web-design_04.jpg?1334648571" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/nixons-new-site-design-new-domain" target="_blank">read more</a></p> http://design.org/blog/nixons-new-site-design-new-domain#comments design interface watch web Tue, 17 Apr 2012 17:40:33 +0000 wardandrews 4205 at http://design.org The Dollar Shave Club: A Back to Basics Business Plan and Web Design http://design.org/blog/dollar-shave-club-back-basic-business-plan-and-web-design <p>Not only does the <A href="http://www.dollarshaveclub.com/" target="Dollar Shave Club">Dollar Shave Club</a> promo video make us laugh, but their web site is pretty spiffy too. It reflects their business model quite well, showing a back-to-basics attitude through playful graphics, simple messages, and old-timey and weathered details. I'll let the video elaborate on their business pitch...</p> <p><iframe width="619" height="315" src="http://www.youtube.com/embed/ZUG9qYTJMsI" frameborder="0" allowfullscreen></iframe></p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="538" title="Design, dollarshaveclub, web" alt="" src="http://design.org/sites/default/files/blog/2012/03/08/dollarshaveclub_01.jpg?1331268301" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="612" title="Design, dollarshaveclub, web" alt="" src="http://design.org/sites/default/files/blog/2012/03/08/dollarshaveclub_02.jpg?1331268319" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="686" title="Design, dollarshaveclub, web" alt="" src="http://design.org/sites/default/files/blog/2012/03/08/dollarshaveclub_03.jpg?1331268319" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/dollar-shave-club-back-basic-business-plan-and-web-design" target="_blank">read more</a></p> http://design.org/blog/dollar-shave-club-back-basic-business-plan-and-web-design#comments Accessories brand design funny personal product video web Fri, 09 Mar 2012 04:42:38 +0000 jessicapatterson 4145 at http://design.org Scandinavian Coffee House Web Design http://design.org/blog/scandinavian-coffee-house-web-design <p>Sometimes (always), it's just a coffee kind of day, and today I've been finding inspiration in lots of coffee related projects, from branding, to drawing, to product design. One beauty I stumbled upon is this <a href="http://design.org/web-design" target="website design">website design</a> for <a href="http://scandinaviancoffeehouse.com/english/frontpage/" target="Scandinavian Coffee House">Scandinavian Coffee House</a>. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="304" title="Design, scandinaviancoffeehouse, web" alt="" src="http://design.org/sites/default/files/blog/2012/03/08/scandinaviancoffeehouse_06.jpg?1331193487" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="388" title="Design, scandinaviancoffeehouse, web" alt="" src="http://design.org/sites/default/files/blog/2012/03/08/scandinaviancoffeehouse_01.jpg?1331193679" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="306" title="Design, scandinaviancoffeehouse, web" alt="" src="http://design.org/sites/default/files/blog/2012/03/08/scandinaviancoffeehouse_-6.jpg?1331193679" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="388" title="Design, scandinaviancoffeehouse, web" alt="" src="http://design.org/sites/default/files/blog/2012/03/08/scandinaviancoffeehouse_02.jpg?1331193679" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="388" title="Design, scandinaviancoffeehouse, web" alt="" src="http://design.org/sites/default/files/blog/2012/03/08/scandinaviancoffeehouse_03.jpg?1331193679" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="388" title="Design, scandinaviancoffeehouse, web" alt="" src="http://design.org/sites/default/files/blog/2012/03/08/scandinaviancoffeehouse_04.jpg?1331193679" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="388" title="Design, scandinaviancoffeehouse, web" alt="" src="http://design.org/sites/default/files/blog/2012/03/08/scandinaviancoffeehouse_05.jpg?1331193680" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="365" title="Design, scandinaviancoffeehouse, web" alt="" src="http://design.org/sites/default/files/blog/2012/03/08/scandinaviancoffeehouse_18.jpg?1331193680" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="359" title="Design, scandinaviancoffeehouse, web" alt="" src="http://design.org/sites/default/files/blog/2012/03/08/scandinaviancoffeehouse_17.jpg?1331193680" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="369" title="Design, scandinaviancoffeehouse, web" alt="" src="http://design.org/sites/default/files/blog/2012/03/08/scandinaviancoffeehouse_12.jpg?1331193680" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="400" title="Design, scandinaviancoffeehouse, web" alt="" src="http://design.org/sites/default/files/blog/2012/03/08/scandinaviancoffeehouse_08.jpg?1331193824" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="400" title="Design, scandinaviancoffeehouse, web" alt="" src="http://design.org/sites/default/files/blog/2012/03/08/scandinaviancoffeehouse_11.jpg?1331193824" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="400" title="Design, scandinaviancoffeehouse, web" alt="" src="http://design.org/sites/default/files/blog/2012/03/08/scandinaviancoffeehouse_13.jpg?1331193854" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="400" title="Design, scandinaviancoffeehouse, web" alt="" src="http://design.org/sites/default/files/blog/2012/03/08/scandinaviancoffeehouse_15.jpg?1331193854" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="400" title="Design, scandinaviancoffeehouse, web" alt="" src="http://design.org/sites/default/files/blog/2012/03/08/scandinaviancoffeehouse_10.jpg?1331193824" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/scandinavian-coffee-house-web-design" target="_blank">read more</a></p> http://design.org/blog/scandinavian-coffee-house-web-design#comments brand design drink scandinavian web Thu, 08 Mar 2012 07:57:01 +0000 jessicapatterson 4144 at http://design.org Protect IP /SOPA Breaks the Internet: Infographic Video and Internet Blackout http://design.org/blog/protect-ip-sopa-breaks-internet-infographic-video-and-internet-blackout <p>This infographic <a href="http://design.org/video" target="video">video</a> comes to us from <a href="http://fightforthefuture.org/" target="Fight for the Future">Fight for the Future</a>, a non-profit organization helping organize the strike against the web censorship bills SOPA and PIPA. </p> <p>We've all grown accustomed enjoying the internet as a free and open marketplace of ideas, information and imagery, but the SOPA / PIPA bills could change our experience and access drastically. I'll let the video do the elaborating, but this will be a pivotal moment in history and for the future. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="500" title="design, sopapipa, activism" alt="" src="http://design.org/sites/default/files/blog/2012/01/18/sopa-pipa_01.jpg?1326956190" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="378" title="design, sopapipa, activism" alt="" src="http://design.org/sites/default/files/blog/2012/01/18/sopa-pipa_02.jpg?1326956271" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="339" title="design, sopapipa, activism" alt="" src="http://design.org/sites/default/files/blog/2012/01/18/sopa-pipa_03.jpg?1326956271" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="390" title="design, sopapipa, activism" alt="" src="http://design.org/sites/default/files/blog/2012/01/18/sopa-pipa_06.jpg?1326956271" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="315" title="design, sopapipa, activism" alt="" src="http://design.org/sites/default/files/blog/2012/01/18/sopa-pipa_07.jpg?1326956271" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="437" title="design, sopapipa, activism" alt="" src="http://design.org/sites/default/files/blog/2012/01/18/sopa-pipa_04.jpg?1326956272" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="420" title="design, sopapipa, activism" alt="" src="http://design.org/sites/default/files/blog/2012/01/18/sopa-pipa_05.jpg?1326956327" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/protect-ip-sopa-breaks-internet-infographic-video-and-internet-blackout" target="_blank">read more</a></p> http://design.org/blog/protect-ip-sopa-breaks-internet-infographic-video-and-internet-blackout#comments activism campaign causes design politics web Thu, 19 Jan 2012 07:08:11 +0000 jessicapatterson 4039 at http://design.org Moment Skis Website Design from Welikesmall http://design.org/blog/moment-ski-website-design-welikesmall <p><a href="http://welikesmall.com/" target="Welikesmall">Welikesmall</a> is an interactive design agency in Salt Lake City. They make beautiful websites, compelling apps and lovely mobile sites. Their site design for <a href="http://www.momentskis.com/" target="Moment Skis">Moment Skis</a> is especially well-done. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="452" title="Design, welikesmall, web" alt="" src="http://design.org/sites/default/files/blog/2011/12/30/welikesmall_moment_01.jpg?1325300131" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="1176" title="Design, welikesmall, web" alt="" src="http://design.org/sites/default/files/blog/2011/12/30/welikesmall_moment_02.jpg?1325300253" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="34" title="Design, welikesmall, web" alt="" src="http://design.org/sites/default/files/blog/2011/12/30/welikesmall_moment_04.jpg?1325300253" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="487" title="Design, welikesmall, web" alt="" src="http://design.org/sites/default/files/blog/2011/12/30/welikesmall_moment_03.jpg?1325300253" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="249" title="Design, welikesmall, web" alt="" src="http://design.org/sites/default/files/blog/2011/12/30/welikesmall_moment_07.jpg?1325300253" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="440" title="Design, welikesmall, web" alt="" src="http://design.org/sites/default/files/blog/2011/12/30/welikesmall_moment_08.jpg?1325300253" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="388" title="Design, welikesmall, web" alt="" src="http://design.org/sites/default/files/blog/2011/12/30/welikesmall_moment_06.jpg?1325300253" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="492" title="Design, welikesmall, web" alt="" src="http://design.org/sites/default/files/blog/2011/12/30/welikesmall_moment_09.jpg?1325300415" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/moment-ski-website-design-welikesmall" target="_blank">read more</a></p> http://design.org/blog/moment-ski-website-design-welikesmall#comments agency design saltlakecity sports web Mon, 02 Jan 2012 05:06:06 +0000 wardandrews 3981 at http://design.org Instabauble: Instant Color Palettes from #Christmas Photos http://design.org/blog/instabauble-instant-color-palettes-christmas-photos <p>London-based design studio, <a href="http://icodesign.com/" target="Ico Design">Ico Design</a>, is getting into the holiday spirit by conjuring a collection of interactive color palettes. They created <a href="http://instabauble.com/" target="Instabauble">Instabauble</a> as a hub to filter out Instagram photos tagged with #Christmas and form color coordinating baubles to display the hues of the season. Clicking individual baubles displays the original photo, user and comments. </p> <p>A little voyeuristic holiday cheer, not to mention a great source for color inspiration.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="569" title="Design, instabauble, website" alt="" src="http://design.org/sites/default/files/blog/2011/12/19/instabauble_03.jpg?1324362813" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="497" title="Design, instabauble, website" alt="" src="http://design.org/sites/default/files/blog/2011/12/19/instabauble_01.jpg?1324362935" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="374" title="Design, instabauble, website" alt="" src="http://design.org/sites/default/files/blog/2011/12/19/instabauble_02.jpg?1324362936" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="369" title="Design, instabauble, website" alt="" src="http://design.org/sites/default/files/blog/2011/12/19/instabauble_04.jpg?1324362936" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="370" title="Design, instabauble, website" alt="" src="http://design.org/sites/default/files/blog/2011/12/19/instabauble_06.jpg?1324362936" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="384" title="Design, instabauble, website" alt="" src="http://design.org/sites/default/files/blog/2011/12/19/instabauble_07.jpg?1324362936" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="392" title="Design, instabauble, website" alt="" src="http://design.org/sites/default/files/blog/2011/12/19/instabauble_08.jpg?1324362936" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="373" title="Design, instabauble, website" alt="" src="http://design.org/sites/default/files/blog/2011/12/19/instabauble_09.jpg?1324362936" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="389" title="Design, instabauble, website" alt="" src="http://design.org/sites/default/files/blog/2011/12/19/instabauble_10.jpg?1324362936" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="374" title="Design, instabauble, website" alt="" src="http://design.org/sites/default/files/blog/2011/12/19/instabauble_13.jpg?1324362970" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="379" title="Design, instabauble, website" alt="" src="http://design.org/sites/default/files/blog/2011/12/19/instabauble_12.jpg?1324362959" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="387" title="Design, instabauble, website" alt="" src="http://design.org/sites/default/files/blog/2011/12/19/instabauble_11.jpg?1324362936" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="372" title="Design, instabauble, website" alt="" src="http://design.org/sites/default/files/blog/2011/12/19/instabauble_14.jpg?1324363639" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="380" title="Design, instabauble, website" alt="" src="http://design.org/sites/default/files/blog/2011/12/19/instabauble_15.jpg?1324363639" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/instabauble-instant-color-palettes-christmas-photos" target="_blank">read more</a></p> http://design.org/blog/instabauble-instant-color-palettes-christmas-photos#comments app color design iphone photography web Tue, 20 Dec 2011 06:31:58 +0000 jessicapatterson 3926 at http://design.org Odosketch: A Digital Canvas App with Artistic Results http://design.org/blog/odosketch-digital-canvas-app-artistic-results <p><a href="http://sketch.odopod.com" target="Odosketch">Odosketch</a> by <a href="http://odopod.com/" target="Odopod">Odopod</a>, a creative agency in San Francisco, recently celebrated 100,000 members. They designed the digital drawing interface when Adobe asked them to create a work to be featured in the Adobe Design Gallery. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="440" title="Design, odosketch, app" alt="" src="http://design.org/sites/default/files/blog/2011/11/15/odosketch_12.jpg?1321384666" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="797" title="Design, odosketch, app" alt="" src="http://design.org/sites/default/files/blog/2011/11/15/odosketch_01.jpg?1321384364" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="422" title="Design, odosketch, app" alt="" src="http://design.org/sites/default/files/blog/2011/11/15/odosketch_02.jpg?1321384365" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="401" title="Design, odosketch, app" alt="" src="http://design.org/sites/default/files/blog/2011/11/15/odosketch_03.jpg?1321384365" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="401" title="Design, odosketch, app" alt="" src="http://design.org/sites/default/files/blog/2011/11/15/odosketch_10.jpg?1321384367" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="349" title="Design, odosketch, app" alt="" src="http://design.org/sites/default/files/blog/2011/11/15/odosketch_04.jpg?1321384365" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="349" title="Design, odosketch, app" alt="" src="http://design.org/sites/default/files/blog/2011/11/15/odosketch_05.jpg?1321384365" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="349" title="Design, odosketch, app" alt="" src="http://design.org/sites/default/files/blog/2011/11/15/odosketch_06.jpg?1321384366" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="349" title="Design, odosketch, app" alt="" src="http://design.org/sites/default/files/blog/2011/11/15/odosketch_08.jpg?1321384366" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="349" title="Design, odosketch, app" alt="" src="http://design.org/sites/default/files/blog/2011/11/15/odosketch_09.jpg?1321384366" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="349" title="Design, odosketch, app" alt="" src="http://design.org/sites/default/files/blog/2011/11/15/odosketch_07.jpg?1321384366" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="418" title="Design, odosketch, app" alt="" src="http://design.org/sites/default/files/blog/2011/11/15/odosketch_13.jpg?1321384658" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="291" title="Design, odosketch, app" alt="" src="http://design.org/sites/default/files/blog/2011/11/15/odosketch_11.jpg?1321384367" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/odosketch-digital-canvas-app-artistic-results" target="_blank">read more</a></p> http://design.org/blog/odosketch-digital-canvas-app-artistic-results#comments app design illustration paint user experience web Tue, 15 Nov 2011 23:08:23 +0000 wardandrews 3837 at http://design.org Website and Infographic Design by Kelli Anderson http://design.org/blog/website-and-infographic-design-kelli-anderson <p>A post over at <a href="http://www.designworklife.com/2011/07/11/kelli-anderson-the-collaborative-home/" target="Design Work Life">Design Work Life</a> shared a gorgeous infographic by <a href="http://kellianderson.com" target="Kelli Anderson">Kelli Anderson</a>, a multitasking artist/designer. I wanted to see more from her and read a little more about this specific project, so I clicked over to <a href="http://www.collaborativefund.com/" target="Collaborative Fund">Collaborative Fund</a>, the recipient of said infographic and was completely impressed by their website design.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="388" title="Design, KelliAnderson, collaborative" alt="" src="http://design.org/sites/default/files/blog/2011/07/18/kellianderson_collaborative_01.jpg?1311005086" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/website-and-infographic-design-kelli-anderson" target="_blank">read more</a></p> http://design.org/blog/website-and-infographic-design-kelli-anderson#comments collaboration design infographic web Sat, 16 Jul 2011 02:34:44 +0000 jessicapatterson 3083 at http://design.org The Granimator: Custom Artist Packs for Personalized iPad Wallpaper http://design.org/blog/granimator-custom-artist-packs-personalized-ipad-wallpaper <p>The <a href="http://www.granimator.com/" target="Granimator">Granimator</a>, by <a href="http://www.ustwo.co.uk/about/" target="ustwo">ustwo</a> allows you to fully customize your iPad wallpaper using artist packs from top designers, illustrators and creatives around the world. Creating a custom background is as easy as grabbing the <a href="http://itunes.apple.com/us/app/granimator/id363510990?mt=8" target="free app">free app</a> and choosing an artist pack.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="413" alt="" src="http://design.org/sites/default/files/blog/2011/07/07/granimator_ipad_04.jpg?1310078000" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/granimator-custom-artist-packs-personalized-ipad-wallpaper" target="_blank">read more</a></p> http://design.org/blog/granimator-custom-artist-packs-personalized-ipad-wallpaper#comments app design desktop wallpaper ipad web Thu, 07 Jul 2011 22:34:26 +0000 jessicapatterson 3012 at http://design.org New Sony PIIQ Web Design by Odopod: Look Ma, No Flash! http://design.org/blog/new-sony-piiq-web-design-odopod-look-ma-no-flash <p>Is it possible to design moveable and interactive web content without the use of flash? Of course, but some do better than others, and San Francisco-based <a href="http://www.odopod.com/" target="Odopod">Odopod</a> is one such over-achiever (obviously a good thing). They are the masters behind the Sony <a href="http://discover.sonystyle.com/" target="PIIQ">PIIQ</a> headphones site, and their web design follows web standards, in a clean, attractive and grid-based system.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="541" alt="" src="http://design.org/sites/default/files/blog/2011/07/01/piiq_webdesign_7.jpg?1309565168" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/new-sony-piiq-web-design-odopod-look-ma-no-flash" target="_blank">read more</a></p> http://design.org/blog/new-sony-piiq-web-design-odopod-look-ma-no-flash#comments design headphones music odopod sanfrancisco sony web Fri, 01 Jul 2011 17:04:43 +0000 wardandrews 2962 at http://design.org Austin Beerworks: Awesome Web Design http://design.org/blog/austin-beerworks-awesome-web-design <p>The <a href="http://austinbeerworks.com/" target="Austin Beerworks">Austin Beerworks</a> site subscribes to the mantra that the design is in the details. They start off strong with a beautiful identity and brand design and follow through with a <a href="http://design.org/web-design" target="website design">website design</a> that features bold graphics sprinkled with humor, whit and local brew character. Check out some of the snapshots below to see what I'm talking about.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="561" alt="" src="http://design.org/sites/default/files/blog/2011/06/16/austin_beerworks_web_1.jpg?1308280312" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/austin-beerworks-awesome-web-design" target="_blank">read more</a></p> http://design.org/blog/austin-beerworks-awesome-web-design#comments austin design drink infographic web Fri, 17 Jun 2011 03:14:55 +0000 jessicapatterson 2917 at http://design.org Creative Wedding Site Design by Grayden Poper http://design.org/blog/creative-wedding-site-design-grayden-poper <p><img src="http://design.org/sites/default/files/imagecache/blog-full-scale/blog/2011/05/29/grayden_weddingsite_1.jpg" alt="Design, weddingsite, graydenpoper" title="Design, weddingsite, graydenpoper" class="imagecache-blog-full-scale" /></p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="362" title="Design, weddingsite, graydenpoper" alt="Design, weddingsite, graydenpoper" src="http://design.org/sites/default/files/blog/2011/05/29/grayden_weddingsite_1.jpg?1306703521" /> </div> </div> </div> <p><a href="http://design.org/blog/creative-wedding-site-design-grayden-poper" target="_blank">read more</a></p> http://design.org/blog/creative-wedding-site-design-grayden-poper#comments design sandiego web wedding Sun, 29 May 2011 21:21:20 +0000 jessicapatterson 2867 at http://design.org Veer's Clockbuster's 2 The Sequel: Movie Naming from Photography http://design.org/blog/veers-clockbusters-2-sequel-movie-naming-photography <p><img src="http://design.org/sites/default/files/imagecache/blog-full-scale/blog/2011/05/17/veer_clockbusters_1.jpg" alt="Design, veer, clockbusters" title="Design, veer, clockbusters" class="imagecache-blog-full-scale" /></p> <p>In my very humble opinion, <a href="http://www.veer.com/" target="Veer">Veer</a> is one of the most creative stock providers on the web. Their searches are intuitive, their photos are modern and the customer service is spot-on. Aside from that, they do plenty of interactive bonus campaigns, and though they are promotional by nature, they're entertaining and unpushy.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="384" title="Design, veer, clockbusters" alt="Design, veer, clockbusters" src="http://design.org/sites/default/files/blog/2011/05/17/veer_clockbusters_1.jpg?1305653015" /> </div> </div> </div> <p><a href="http://design.org/blog/veers-clockbusters-2-sequel-movie-naming-photography" target="_blank">read more</a></p> http://design.org/blog/veers-clockbusters-2-sequel-movie-naming-photography#comments design game photography store web Tue, 17 May 2011 23:49:10 +0000 jessicapatterson 2847 at http://design.org