<?xml version="1.0" encoding="utf-8" ?><rss version="2.0" xml:base="http://www.hypermodernism.com/taxonomy/term/15/all" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Graphic Design</title>
    <link>http://www.hypermodernism.com/taxonomy/term/15/all</link>
    <description></description>
    <language>en</language>
          <item>
    <title>Traderlynk -Tincan</title>
    <link>http://www.hypermodernism.com/projects/traderlynk-tincan</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;Tincan&quot; alt=&quot;Tincan&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/tincan_annotated_small.jpg?1500024243&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/option-computers-dealhub&quot;&gt;Option Computers - Dealhub&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Intercom like communications for the financial community. I was employed to design and build the user interface within the browser. The application was implemented in vanilla javascript and made use of the  Web audio API to allow client side control of volume panning and recordings playback. The Web speech to text api is used to translate the text before sending to the server. The web midi API was used to connect to external hardware controls.&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/sites/default/files/tincan_annotated2l.jpg&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/web-apps">Web Apps</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/responsive-web">Responsive Web</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/other-skills/audio">Audio</category>
 <enclosure url="http://www.hypermodernism.com/sites/default/files/tincan_annotated2l.jpg" length="302335" type="image/jpeg" />
 <pubDate>Fri, 14 Jul 2017 09:29:38 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">136 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Traderlynk Soft Turret</title>
    <link>http://www.hypermodernism.com/projects/traderlynk-soft-turret</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;Traderlynk Soft Turret&quot; alt=&quot;Traderlynk Soft Turret&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/belfry.jpg?1488382412&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/option-computers-dealhub&quot;&gt;Option Computers - Dealhub&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Implementation of a financial traders phone system as a single page web app.&lt;/p&gt;
&lt;p&gt;I was employed to design and implement the UI which was achieved through low latency native Web Components/Javascript, Server sent events and a REST API connected to the Traderlynk Server.&lt;br /&gt;
D3 is used to visually represent phone connections and the Web audio API is used to playback and historical recordings with controls to search and alter playback speed.&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/sites/default/files/belfry_big.jpg&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/web-apps">Web Apps</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/responsive-web">Responsive Web</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <enclosure url="http://www.hypermodernism.com/sites/default/files/belfry_big.jpg" length="195216" type="image/jpeg" />
 <pubDate>Wed, 01 Mar 2017 15:33:32 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">135 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Traderlynk Unified Communications UI</title>
    <link>http://www.hypermodernism.com/projects/traderlynk-unified-communications-ui</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;Traderlynk Unified Communications UI&quot; alt=&quot;Traderlynk Unified Communications UI&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/Traderlynk_imac.jpg?1421233060&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/option-computers-dealhub&quot;&gt;Option Computers - Dealhub&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Unified messaging for the financial community in a browser based single page app. &lt;/p&gt;
&lt;p&gt;I was employed to design and implement the UI which was achieved through low latency native Web Components/Javascript, the Data model persisted across browser windows using a Chrome extension background page or shared web worker. Data is transported over web sockets and WebRTC using the Traderlynk javascript API which via a Traderlynk server integrates with the Microsoft Lync infrastructure.&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/sites/default/files/traderlynk_big.jpg&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/web-apps">Web Apps</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/responsive-web">Responsive Web</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</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>Wed, 14 Jan 2015 09:55:05 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">132 at http://www.hypermodernism.com</guid>
  </item>
  <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>Wowcher - Associated Newspapers - DMG media</title>
    <link>http://www.hypermodernism.com/projects/wowcher-associated-newspapers-dmg-media</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;Wowcher&quot; alt=&quot;Wowcher&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/wowcher_0.jpg?1368618815&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;Wowcher is a popular eCommerce site providing location based deals. Employed as a UI/UX developer providing design and development for the Wowcher web and mobile sites. Creation and implementation of new features. Investigation of issues and bug fixes, Prototyping, User journeys and Wireframes.&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&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/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>
 <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>Wed, 11 Dec 2013 10:39:46 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">127 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>html5 Ezine Interactive Digi-Magazine - Sweden</title>
    <link>http://www.hypermodernism.com/projects/html5-ezine-interactive-digi-magazine-sweden</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;html5 Interactive Magazine &quot; alt=&quot;html5 Interactive Magazine &quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/hypermags.jpg?1351513824&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;Design and implementation of interactive magazine platform that doesn&#039;t require the use of flash. Featuring rich interactive content that works on PCs and tablet computers such as the ipad. The magazine can scaled to fill the available browser frame while maintaining its aspect ratio.&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.hypermags.co.uk&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-ezine-interactive-digi-magazine-sweden&quot; target=&quot;_blank&quot;&gt;read more&lt;/a&gt;&lt;/p&gt;</description>
     <category domain="http://www.hypermodernism.com/category/projects/web-apps">Web Apps</category>
 <category domain="http://www.hypermodernism.com/category/projects/ezines-digimags">Ezines / Digimags</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/graphic-design">Graphic Design</category>
 <pubDate>Mon, 29 Oct 2012 13:37:49 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">124 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>Ford Smax E-magazine</title>
    <link>http://www.hypermodernism.com/projects/ford-smax-e-magazine</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;Ford Smax E-magazine&quot; alt=&quot;Ford Smax E-magazine&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/ford2_0.jpg?1271622392&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/ford&quot;&gt;Ford&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Design and program an interactive e-magazine using the Ceros media platform. The emag was to showcase a range of extreme snow sports for promoting and creating a lifestyle around the Ford Smax brand.&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://cde.cerosmedia.com/1P4798c3ae58045862.cde&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/ezines-digimags">Ezines / Digimags</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>
 <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>Sun, 23 May 2010 21:05:22 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">3 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>Android App - Marine GPS Navigator</title>
    <link>http://www.hypermodernism.com/projects/android-app-marine-gps-navigator</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;453&quot; height=&quot;326&quot; title=&quot;Android Naval Marine GPS Navigator&quot; alt=&quot;Android Naval Marine GPS Navigator&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/small_android_app.jpg?1274647693&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;An experiment in Android Application development. This App allows the user to check their position, speed and distance traveled while at sea. It also allows the user to store waypoints for the purpose of navigation.&lt;/p&gt;
&lt;p&gt;This application is still in the Beta development phase and is not to be used for navigation purposes.&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/sites/default/files/nautical.apk&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/design-skills/graphic-design">Graphic Design</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/android">Android</category>
 <pubDate>Sun, 23 May 2010 20:53:07 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">93 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 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 - Website</title>
    <link>http://www.hypermodernism.com/projects/crafts-council-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;Crafts Council&quot; alt=&quot;Crafts Council&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/craftscouncil.jpg?1272213291&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 Crafts Council is the UK’s national organisation for the promotion of contemporary crafts.&lt;br /&gt;
Design and creation of the original site featuring a simple, fully accessible and visually engaging web presence for a public service organisation.&lt;br /&gt;
A new template was designed using HTML and CSS.&lt;/p&gt;
&lt;p&gt;The site was praised in Webactive magazine where it received 4/5 star rating.&lt;br /&gt;
&lt;a href=&quot;http://www.hypermodernism.com/work/projects/webactivereview.htm&quot; target=&quot;_blank&quot;&gt;&#039;Web Active&#039; magazine, issue 43&lt;/a&gt;&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&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/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>
 <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>
 <category domain="http://www.hypermodernism.com/category/design-skills/accessibility">Accessibility</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/seo">SEO</category>
 <category domain="http://www.hypermodernism.com/category/other-skills/consultancy">Consultancy</category>
 <pubDate>Sun, 25 Apr 2010 16:40:52 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">83 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>
  </channel>
</rss>
