<?xml version="1.0" encoding="utf-8" ?><rss version="2.0" xml:base="http://www.hypermodernism.com/taxonomy/term/2/all" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Microsites</title>
    <link>http://www.hypermodernism.com/taxonomy/term/2/all</link>
    <description></description>
    <language>en</language>
          <item>
    <title>Wow Go travel section for wowcher</title>
    <link>http://www.hypermodernism.com/projects/wow-go-travel-section-wowcher</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;WowGo travel section for wowcher&quot; alt=&quot;WowGo travel section for wowcher&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/wow_go.jpg?1393929761&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/dmg-media&quot;&gt;dmg media&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Design and implementation of a new travel section for Wowcher.&lt;br /&gt;
The new design featured larger images, better placements for bonus deals a flexible grid or drop down system for displaying deal pricing and option details, and a new sub menu for deal categories.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.wowcher.co.uk/travel-deals/london/wowGo&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/projects/websites">Websites</category>
 <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <pubDate>Tue, 04 Mar 2014 10:48:34 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">130 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>html5 CSS3 Skyfall Realtime Twitter feed with animation</title>
    <link>http://www.hypermodernism.com/projects/html5-css3-skyfall-realtime-twitter-feed-animation</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Skyfall Realtime Twitter feed &quot; alt=&quot;Skyfall Realtime Twitter feed &quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/skyfall.jpg?1351516620&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/hypermodernism&quot;&gt;hypermodernism&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;A realtime feed of twitter tweets about Skyfall the new Bond film. Javascript, Jquery and CSS3 Animation are used to load six of the latest tweets from twitter. They are then and styled up to look like id cards using Google webfonts to give an authentic retro look.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.com/work/metroticker/&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;&lt;a href=&quot;http://www.hypermodernism.com/projects/html5-css3-skyfall-realtime-twitter-feed-animation&quot; target=&quot;_blank&quot;&gt;read more&lt;/a&gt;&lt;/p&gt;</description>
     <category domain="http://www.hypermodernism.com/category/projects/websites">Websites</category>
 <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <pubDate>Mon, 29 Oct 2012 13:26:26 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">125 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Tetley Tea Folk</title>
    <link>http://www.hypermodernism.com/projects/tetley-tea-folk</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Tetley Tea Folk&quot; alt=&quot;Tetley Tea Folk&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/teafolk.jpg?1314963847&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/tetley&quot;&gt;Tetley&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Providing information on new products and special offers.&lt;br /&gt;
I have been involved in technical support and implementation of updates of the Drupal based CMS.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.teafolk.co.uk/&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/projects/websites">Websites</category>
 <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/technology/phpmysql">PHP/mySQL</category>
 <category domain="http://www.hypermodernism.com/category/technology/drupal">Drupal</category>
 <pubDate>Fri, 02 Sep 2011 11:50:29 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">112 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Royal Mail - Alpha Mail game</title>
    <link>http://www.hypermodernism.com/projects/royal-mail-alpha-mail-game</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Royal Mail - Alpha Mail game&quot; alt=&quot;Royal Mail - Alpha Mail game&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/royalmail.png?1304699411&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/royal-mail-redwood&quot;&gt;Royal Mail - Redwood&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Platform game to promote the idea of the use of games for marketing. The game was publicised in the Royal Mails &quot;Contact&quot; magazine. The game features 3 levels of play and data capture is used to collect high scores and then display them on a league table.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.alphamailgame.co.uk&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/projects/websites">Websites</category>
 <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/projects/games">Games</category>
 <category domain="http://www.hypermodernism.com/category/projects/ezines-digimags">Ezines / Digimags</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <pubDate>Fri, 06 May 2011 16:34:35 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">108 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Triumph - Louise Loves - handbag</title>
    <link>http://www.hypermodernism.com/projects/triumph-louise-loves-handbag</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Triumph - Louise Loves - handbag&quot; alt=&quot;Triumph - Louise Loves - handbag&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/triumph.jpg?1271785725&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/triumph&quot;&gt;Triumph&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Design and build an interactive microsite to demonstrate the Triumph underwear range. Users should be able to select their own body shape which will trigger a selection of products suitable for their particular figure.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.com/work/triumph/index.html&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <pubDate>Sun, 23 May 2010 21:04:56 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">37 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Australia a Baz Luhrmann film</title>
    <link>http://www.hypermodernism.com/projects/australia-baz-luhrmann-film</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;500&quot; height=&quot;361&quot; title=&quot;Australia&quot; alt=&quot;Australia&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/aus.jpg?1270311986&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/20th-century-fox&quot;&gt;20th Century fox&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Design and program an interactive microsite to promote Australia a Baz Luhrmann film starring Nicole Kidman and Hugh Jackman.&lt;/p&gt;
&lt;p&gt;The client was keen that the microsite reflected the epic nature of the film and showed off some of the stunning visuals in the best possible way.&lt;/p&gt;
&lt;p&gt;Video and subtle animation was used to link to editorial features on the main handbag.com site.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.com/work/australia/index.html&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/video">Video</category>
 <pubDate>Sun, 23 May 2010 21:04:34 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">10 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>TK Maxx - Get the look for less</title>
    <link>http://www.hypermodernism.com/projects/tk-maxx-get-look-less</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;TK Maxx - Get the look for less&quot; alt=&quot;TK Maxx - Get the look for less&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/tk_maxx.jpg?1271787592&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/tk-maxx&quot;&gt;TK Maxx&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Design and program an interactive microsite page to showcase weekly fashion videos.&lt;/p&gt;
&lt;p&gt;The videos should also be able to trigger sychronised accompanying media such as images and animated zooms of products, and keep a running total of the garments featured.&lt;/p&gt;
&lt;p&gt;The project was completed using XML to import all the information used in the videos, the videos, thumbnail images and tracking tags. This was important as it needed to be updated on a weekly basis.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.com/work/tkmaxx/index.html&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/consultancy">Consultancy</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/video">Video</category>
 <pubDate>Sun, 02 May 2010 15:11:18 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">41 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Crafts Magazine - E-commerce online subscriptions</title>
    <link>http://www.hypermodernism.com/projects/crafts-magazine-e-commerce-online-subscriptions</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Crafts Magazine - E-commerce online subscriptions&quot; alt=&quot;Crafts Magazine - E-commerce online subscriptions&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/craftsmag_ecommerce.jpg?1272214499&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/crafts-council&quot;&gt;Crafts Council&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Crafts is the only British magazine to cover all craft forms, from studio work to public commissions, from modern experimental work to traditional and historic designs.&lt;/p&gt;
&lt;p&gt;Design and development of an E-commerce facility using world pay to take payments for yearly subscriptions to Crafts magazine. The form uses Javascript validation and a callback from worldpay, processed by a ASP script which enables email conformations to be automatically sent to shoppers.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.craftscouncil.org.uk/crafts-magazine/subscribe/&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/accessibility">Accessibility</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/seo">SEO</category>
 <pubDate>Sun, 25 Apr 2010 16:56:53 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">86 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Crafts Council - Xmas Card Animation</title>
    <link>http://www.hypermodernism.com/projects/crafts-council-xmas-card-animation</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Crafts Council - Xmas Card Animation&quot; alt=&quot;Crafts Council - Xmas Card Animation&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/craftscouncil_xmas.jpg?1272214338&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/crafts-council&quot;&gt;Crafts Council&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The brief was to create an animated Christmas card that summed up the values of the Crafts Council, and adhered to their simple, clean design principle.&lt;/p&gt;
&lt;p&gt;The Christmas card popped up in a new window when visiting the site. A link to the card was embedded into promotional emails.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.com/work/craftscouncil/Xmas/index.html&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <pubDate>Sun, 25 Apr 2010 16:52:34 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">85 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Crafts Council - Virtual Reality Gallery</title>
    <link>http://www.hypermodernism.com/projects/crafts-council-virtual-reality-gallery</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Crafts Council - Virtual Reality Gallery&quot; alt=&quot;Crafts Council - Virtual Reality Gallery&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/jerwood.jpg?1272214003&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/crafts-council&quot;&gt;Crafts Council&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The brief was to create a Virtual Reality gallery to enable online accessibility to the Jerwood Applied Arts Prize for Metal. &lt;/p&gt;
&lt;p&gt;Producing two Virtual Reality tours of the galleries at the Crafts Council, using panoramic pictures translated into the Apple Quicktime VR format. This format is quick to load and gives a smooth and consistant feel to the VR environment, enabling viewers to pan and zoom around the virtual gallery.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.info/work/vr/FRONTGALLERY.htm&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/video">Video</category>
 <pubDate>Sun, 25 Apr 2010 16:47:40 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">84 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Philadelphia - A touch of inspiration</title>
    <link>http://www.hypermodernism.com/projects/philadelphia-touch-inspiration</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Philadelphia - A touch of inspiration&quot; alt=&quot;Philadelphia - A touch of inspiration&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/philadelphia.jpg?1272211951&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/kraft-foods&quot;&gt;Kraft foods&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Produce a promotional microsite for the Allaboutyou.com website giving users a &#039;Touch of inspiration&#039;. This comes from a selection on recipes and a preview of the new recipe cookbook. Users can flick through the pages using a custom built flash based interactive book.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.com/work/philadelphia/index.html&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <pubDate>Sun, 25 Apr 2010 16:14:08 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">81 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Year in style carousel and voting</title>
    <link>http://www.hypermodernism.com/projects/year-style-carousel-and-voting</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Year in style carousel and voting&quot; alt=&quot;Year in style carousel and voting&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/year_in_style.jpg?1271931935&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/handbag&quot;&gt;Handbag&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Build an image coverflow carousel with voting functionality to encourage users to view an image gallery.&lt;br /&gt;
The gallery needed to record page impressions on each click without reloading the entire page.&lt;/p&gt;
&lt;p&gt;Voting functionality was also achieved within the flash environment enabling a seamless user experience and minimal page reloading.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.com/work/coverflow/redcarpet.html&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <pubDate>Thu, 22 Apr 2010 10:26:20 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">74 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Computers Make Freedom</title>
    <link>http://www.hypermodernism.com/projects/computers-make-freedom</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Computers Make Freedom&quot; alt=&quot;Computers Make Freedom&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/computers_make_freedom.jpg?1271931700&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/hypermodernism&quot;&gt;hypermodernism&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;A conceptual art piece developed as part of my Multimedia Systems and Fine Art portfolio, to showcase animation, photography, music and interactivity.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.com/work/cmf/frameset.htm&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/audio">Audio</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/video">Video</category>
 <pubDate>Thu, 22 Apr 2010 10:22:26 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">73 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Mens Fitness Website</title>
    <link>http://www.hypermodernism.com/projects/mens-fitness-website</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;Mens Fitness Website&quot; alt=&quot;Mens Fitness Website&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/mens_fitness.jpg?1271930000&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/dennis-publishing&quot;&gt;Dennis Publishing&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Dennis publishing fitness magazine for Men&lt;/p&gt;
&lt;p&gt;The brief was to freshen up existing design to separate the brand from Maxim magazine.&lt;br /&gt;
The underlying CMS was to stay the same so that any design work had to take into account some of the limitations of the system.&lt;/p&gt;
&lt;p&gt;With that in mind new colours were used to create a &quot;fresh healthy&quot; style. Gradients were used to accent curved shapes holding the titles of the sections.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.mensfitnessmagazine.co.uk/&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/javascript">Javascript</category>
 <category domain="http://www.hypermodernism.com/category/technology/phpmysql">PHP/mySQL</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <pubDate>Thu, 22 Apr 2010 09:54:18 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">70 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>BBC Imagineering - CD-ROM</title>
    <link>http://www.hypermodernism.com/projects/bbc-imagineering-cd-rom</link>
    <description>&lt;div class=&quot;field field-type-filefield field-field-project-image-1&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;img  class=&quot;imagefield imagefield-field_project_image_1&quot; width=&quot;450&quot; height=&quot;325&quot; title=&quot;BBC Imagineering - CD-ROM&quot; alt=&quot;BBC Imagineering - CD-ROM&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/bbc.jpg?1271928805&quot; /&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-client&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Client:&amp;nbsp;&lt;/div&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;/clients/bbc&quot;&gt;BBC&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;The BBC provides entertainment, education and information, captivating millions of viewers and listeners at home and abroad.&lt;/p&gt;
&lt;p&gt;Design and development CD Rom promoting the BBC&#039;s &#039;Imagineering&#039; department, a New Media facility offering technology solutions. The project employed interactive toys and games, and an animated character &#039;Gordon Burlington&#039;, in order to engage users and present an accessible lo-tech introduction to the advanced facilities available within the Imagineering department.&lt;/p&gt;
&lt;div class=&quot;field field-type-link field-field-project-url&quot;&gt;
    &lt;div class=&quot;field-items&quot;&gt;
            &lt;div class=&quot;field-item odd&quot;&gt;
                    &lt;a href=&quot;http://www.hypermodernism.info/work/bbc/intro.html&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <category domain="http://www.hypermodernism.com/category/project-type/microsites">Microsites</category>
 <category domain="http://www.hypermodernism.com/category/technology/html5-css3">HTML5  &amp; CSS3</category>
 <category domain="http://www.hypermodernism.com/category/technology/flashactionscript">Flash/Actionscript</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/audio">Audio</category>
 <pubDate>Thu, 22 Apr 2010 09:34:50 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">69 at http://www.hypermodernism.com</guid>
  </item>
  </channel>
</rss>
