<p class="thumb"><img src="http://web-marketing.zako.org/wp-content/uploads/2009/08/Design-Portfolios.jpg" alt="WEBポートフォリオをGoogleマップで作った事例５つ" title="WEBポートフォリオをGoogleマップで作った事例５つ" width="514" height="204" class="alignnone size-full wp-image-8480" /></p><p>デザイナーにとって、自分の実績を見せるために大事なポートフォリオ。それをGoogleマップのUIで見せている事例を５つご紹介。</p><!--more--><h3 class="header-label">WEBポートフォリオをGoogleマップで作った事例５つ</h3><p>それぞれ画像をクリックするとポートフォリオが開きます。</p><h4 class="tips">Academie Arnhem Portfolio Map</h4><p class="picture2"><a href="http://www.eindexamenabkva.nl/website2008/" onclick="window.open('http://www.eindexamenabkva.nl/website2008/'); return false;"><img src="http://lh5.ggpht.com/_fRSz8mJZTZY/SpPvqZKEamI/AAAAAAAAaDo/xi-4fdnEDUE/s512/Design-Portfolios1.jpg" /></a> ↑GoogleマップのUIに様々な作品をメニュー付きで表示。</p><h4 class="tips">Design With An Accent</h4><p class="picture2"><a href="http://stas.kulesh.co.nz/" onclick="window.open('http://stas.kulesh.co.nz/'); return false;"><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/SpPvq8Tx0NI/AAAAAAAAaDs/pJ2kXyf3KJY/s512/Design-Portfolios2.jpg" /></a> ↑キーボードショートカットが印象的なポートフォリオ。</p><h4 class="tips">Markus Dressen</h4><p class="picture2"><a href="http://www.microtyp.org/" onclick="window.open('http://www.microtyp.org/'); return false;"><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/SpPxE4ORCOI/AAAAAAAAaDw/SH7x52ht5Dw/s512/Design-Portfolios3.jpg" /></a> ↑ブックデザイナーによる、Googleマップとのマッシュアップ ポートフォリオ。</p><h4 class="tips">Blaubo Design</h4><p class="picture2"><a href="http://www.blaubo.com/" onclick="window.open('http://www.blaubo.com/'); return false;"><img src="http://lh3.ggpht.com/_fRSz8mJZTZY/SpPx09xsNbI/AAAAAAAAaD0/WozZt0G2S9U/s512/Design-Portfolios4.jpg" /></a> ↑かなり有名なものですが、これが一番現実的かつ分かりやすいかも。</p><h4 class="tips">Kalle Hagman</h4><p class="picture2"><a href="http://www.kallehagman.com/" onclick="window.open('http://www.kallehagman.com/'); return false;"><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/SpPyot8KzoI/AAAAAAAAaD4/rvd8dbQft7o/s512/Design-Portfolios5.jpg" /></a> ↑シンプルに一枚の画像を表示しているだけですが、それでも拡大縮小が楽に行えるのは便利。</p><p>直感的に縦横の移動や拡大縮小が行えるGoogle Maps API のUI。発想を変えるだけでもいろいろな可能性を秘めていますよね。だったらGoogleもAPIの名前変えちゃえば？という話でもありますけどね。</p><p>Via：<a class="website-link" href="http://googlemapsmania.blogspot.com/2009/08/design-portfolios-on-google-maps.html" onclick="window.open('http://googlemapsmania.blogspot.com/2009/08/design-portfolios-on-google-maps.html'); return false;">Google Maps Mania</a></p>