Ben Alman » Portfolio » Pfizer » EUCAN: Sitemap

<body> <div class="header"><h1> <a href="/" target="_top" class="title"><b>Ben</b> Alman</a> » <a target="_top" href="/portfolio/">Portfolio</a> » Pfizer » EUCAN: Sitemap</h1></div> <h3>Pfizer</h3> <h3>Pfizer</h3> <div id="flash-pfizer-eucan-sitemap" class="project project-first"> <dl> <dt>EUCAN: Sitemap</dt> <dd> <div class="description"> <p>The idea here was to make a functional sitemap that actually looked like a map. The challenge was that the map was huge, and we didn't have a ton of real estate to work with.</p> <p>So, I came up with this idea: the map should zoom in to show the button you're hovering over, as you navigate the map. The level of zoom is dependant on the size of the button you're zooming into.</p> <p>The programming wasn't too difficult, once I figured out how to make it work in a way that wasn't totally confusing.. even though it can be a little spastic.</p> <div class="date"> <span class="year">2003</span> </div> <p class="meta">Technologies used: Flash 5</p> </div> <ul class="nav"><li><a href="/portfolio/flash-pfizer-eucan-sitemap/content/" class="bgfx button-img button-view">View<span class="bgfx1"> </span></a></li></ul> </dd> </dl> <div class="clear"></div> </div> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-4146012-1"); pageTracker._initData(); pageTracker._trackPageview(); </script> </body>