RSS - Our Projects Folio http://pingv.com/portfolio/graphic-design/drupalcamp-colorado-2008 Some case studies of our work en Resolving Door http://pingv.com/portfolio/resolving-door <div class="field field-type-text field-field-subtitle"> <p>The University of Colorado School of Journalism brings crowdsourced answers to students' pressing questions.</p> </div> <div class="field field-type-text field-field-sidebar"> <h3>A Web App (not a website)</h3> <p class="image-resize-770"><img src="http://pingv.com/f/imagecache/resize-770/portfolio/home-20101202.jpg" alt="New home page" title="The new site" class="imagecache-resize-770" /><span class="image-caption">The new site has streamlined navigation with a user-centric experience as its focus. Added colors add to differentiation of cont</span></p> <h3>The Challenge</h3> <p class="image-resize-770"><img src="http://pingv.com/f/imagecache/resize-770/portfolio/old-annotated.jpg" alt="Old Resolving Door home page" title="The net experience was overwhelming" class="imagecache-resize-770" /><span class="image-caption">The old site had been running for a while, but had some serious UX and functionality problems.</span></p> </div> University of Colorado School of Journalism Drupal Drupal 6 Solr search user experience web application Thu, 02 Dec 2010 23:25:42 +0000 PINGV Creative 117 at http://pingv.com The National Interest http://pingv.com/portfolio/the-national-interest <div class="field field-type-text field-field-subtitle"> <p>With an archaic website that was virtually non-functional, <em>The National Interest</em> magazine needed to (re)invent its online presence</p> </div> <div class="field field-type-text field-field-sidebar"> <h3>New home page</h3> <p class="image-resize-770"><img src="http://pingv.com/f/imagecache/resize-770/nationalinterest.org-20100813074317.png" alt="The National Interest home page, nationalinterest.org" title="The new home page features a configurable carousel" class="imagecache-resize-770" /><span class="image-caption">The new website was designed to emphasize both daily web content and the print magazine articles.</span></p> <h3>The Challenge</h3> <p><em>The National Interest</em>, the Washington, DC foreign policy magazine, needed a new website, one that better spoke to their established brand and that functionally addressed the needs of staff and readers both. The magazine had long since outgrown their previous content management system and each issue's publication made the discrepancy more apparent.</p> </div> The National Interest Magazine Drupal Memcached Pantheon Mercury Pressflow publishing RDFa Solr search Varnish Voxel Fri, 17 Sep 2010 01:50:19 +0000 PINGV Creative 116 at http://pingv.com Weavolution http://pingv.com/portfolio/weavolution <div class="field field-type-text field-field-subtitle"> <p>A robust online crafts community needed a site with the beauty and functionality to match that of their own work</p> </div> <div class="field field-type-text field-field-sidebar"> <h3>The New Site</h3> <p class="image-resize-770"><img src="http://pingv.com/f/imagecache/resize-770/weavolution.com-20100817170322.png" alt="Weavolution.com" title="The new site showcasing projects and people" class="imagecache-resize-770" /><span class="image-caption">The new Weavolution represented a re-architecting and redesign, as well as refactoring of broken code.</span></p> <h3>The Challenge</h3> <p class="image-resize-770"><img src="http://pingv.com/f/imagecache/resize-770/portfolio/weavolution-old.jpg" alt="Weavolution.com old site" title="" class="imagecache-resize-770" /><span class="image-caption">The old site was running a hacked Drupal implementation that posed many problems.</span></p> <p>The original site was not serving its community well. Usability and aesthetics were a concern, especially for a community of craftspeople and artists, many of whom spend very little time on the web.</p> </div> Weavolution community Drupal Tue, 14 Sep 2010 18:00:29 +0000 PINGV Creative 118 at http://pingv.com California Watch http://pingv.com/portfolio/california-watch <div class="field field-type-text field-field-subtitle"> <p>A new initiative to provide in-depth investigative reporting, combined with guides and resources for citizens to get involved, lights a path towards "new journalism."</p> </div> <div class="field field-type-text field-field-sidebar"> <p class="image-resize-770"><img src="http://pingv.com/f/imagecache/resize-770/California Watch Bold new journalism-20100101213038.png" alt="California Watch Home Page" title="The California Watch home page" class="imagecache-resize-770" /><span class="image-caption">The home page was designed to draw people in to the site's rich content, without cluttering up the page.</span></p> <p class="image-exact-300x150"><img src="http://pingv.com/f/imagecache/exact-300x150/cw-topic-k12.png" alt="California Watch K-12 page" title="California Watch K-12 page" class="imagecache-exact-300x150" /><span class="image-caption">The main topic areas have their own featured stories — a mix of investigative articles, blog posts and data sets.</span></p> </div> Center for Investigative Reporting Drupal publishing Tue, 05 Jan 2010 02:51:55 +0000 PINGV Creative 18 at http://pingv.com Previous work our team has done http://pingv.com/portfolio/previous-work-our-team-has-done <div class="field field-type-text field-field-subtitle"> <p>Prior to launching PINGV Creative, our team members have led consulting, design and/or development on literally scores of sites.</p> </div> <div class="field field-type-text field-field-sidebar"> <p class="image-resize-620"><img src="http://pingv.com/f/imagecache/resize-620/pregnancy-home.png" alt="" title="" class="imagecache-resize-620" /><span class="image-caption">Pregnancy.org needed a new look, with an architecture affording easier content moderation and site administration functionality. The site won a W3 Award and a Horizon Interactive Award for design. Creative Director: Laura Scott. Operations: Katherine Lawrence.</span></p> <p class="image-resize-620"><img src="http://pingv.com/f/imagecache/resize-620/Knight cropped.png" alt="" title="" class="imagecache-resize-620" /><span class="image-caption">Knight News Challenge was a site designed and developed in a 2-week time span. Creative Director: Laura Scott. Operations: Katherine Lawrence.</span></p> </div> Fri, 16 Apr 2010 14:11:43 +0000 PINGV Creative 54 at http://pingv.com Our own website http://pingv.com/portfolio/our-own-website <div class="field field-type-text field-field-subtitle"> <p>We applied our own methdologies in planning, designing and development our website.</p> </div> <div class="field field-type-text field-field-sidebar"> <p class="image-resize-620"><img src="http://pingv.com/f/imagecache/resize-620/pingv-com-screenshot-april-2010.png" alt="PINGV.com screenshot" title="Our design as of April 2010." class="imagecache-resize-620" /><span class="image-caption">Our design as of April 2010.</span></p> <p class="image-resize-620"><img src="http://pingv.com/f/imagecache/resize-620/pingv.net-20100303101019.png" alt="Screenshot" title="This was our first iteration. Since then we&#039;ve updated the front page and the blog page. Iterative design and development is our approach." class="imagecache-resize-620" /><span class="image-caption">First iteration of PINGV.com</span></p> </div> Thu, 15 Apr 2010 13:55:25 +0000 PINGV Creative 53 at http://pingv.com rare pattern http://pingv.com/portfolio/rare-pattern <div class="field field-type-text field-field-subtitle"> <p>Laura Scott's own blog needed an overhaul and new look. This site reflects her own artwork.</p> </div> <div class="field field-type-text field-field-sidebar"> <p class="image-resize-620"><img src="http://pingv.com/f/imagecache/resize-620/rarepattern new design 2010a.png" alt="//rarepattern.com" title="The rare pattern home page" class="imagecache-resize-620" /><span class="image-caption">The framing design by Laura reflects a "doodling" technique she has used for years in her own pen-and-ink artwork.</span></p> <p class="image-resize-620"><img src="http://pingv.com/f/imagecache/resize-620/rarepattern-grid-3.png" alt="Design using 960 grid" title="The 960 grid columns make layout very easy to structure and implement." class="imagecache-resize-620" /><span class="image-caption">The design embraces the 960 grid, providing for a balanced composition as well as affording rapid implementation.</span></p> </div> Mon, 15 Feb 2010 07:00:00 +0000 PINGV Creative 52 at http://pingv.com