<?xml version="1.0" encoding="utf-8" ?><rss version="2.0" xml:base="http://www.hypermodernism.com/taxonomy/term/16/all" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Usability</title>
    <link>http://www.hypermodernism.com/taxonomy/term/16/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>Wirelynk Unified Communications UI</title>
    <link>http://www.hypermodernism.com/projects/wirelynk-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;Wirelynk&quot; alt=&quot;Wirelynk&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/small_wirelynk_comp.jpg?1435926664&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;Wirelynk is a follow up to the Traderlynk product. It provides a simple interface for financial organisations to connect to their private wires via the Microsoft lync/Skype for business infrastructure. Multiple handsets, speakers and intercom functionality of both SIP and WebRTC can be used concurrently providing a turret like experience.&lt;br /&gt;
The application is put together using vanilla Javascript, html5 and css3 and is hosted either in the lync/skype for business context window, browser, mobile or in a chrome extension for the desktop.&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/largecomp_skype_and_ext.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/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/consultancy">Consultancy</category>
 <pubDate>Fri, 03 Jul 2015 12:40:28 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">134 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>Wowcher Mobile Web App</title>
    <link>http://www.hypermodernism.com/projects/wowcher-mobile-web-app</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 Mobile Web App&quot; alt=&quot;Wowcher Mobile Web App &quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/wowcher_mobile.jpg?1386754786&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 working proof of concept. This responsive web app for mobile browsers was created for Wowcher, a popular eCommerce site using Jquery mobile.&lt;br /&gt;
The app receives deal and location data through a Wowcher API and this is used to pre-load deal information, allowing the user to browse deals without waiting for loading.&lt;br /&gt;
Phonegap was used to convert the web app to a native app for Android, which could then be distributed through the app store.&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/wowcher/&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/usability">Usability</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/accessibility">Accessibility</category>
 <enclosure url="http://www.hypermodernism.com/sites/default/files/WowcherPhonegapApp.apk" length="1526053" type="application/octet-stream" />
 <pubDate>Wed, 11 Dec 2013 09:51:21 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">128 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Virgin Media Presents Website</title>
    <link>http://www.hypermodernism.com/projects/virgin-media-presents-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;Virgin Media Presents Website&quot; alt=&quot;Virgin Media Presents Website&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/vmpresents.jpg?1332261003&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/virgin-media-redwood&quot;&gt;Virgin media - Redwood&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Employed as a freelance developer by Redwood Publishing to develop a Wordpress based CMS for their client - Virgin media. Set up of custom themes for desktop and mobile versions of the site. I also created custom plugins for social media tracking and a method to show different content to individual customers depending on what virginmedia package they have.&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://virginmediapresents.com/&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-relproject&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Related Project:&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;/projects/virgin-electric-ezine&quot;&gt;Virgin - electric! Ezine&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/wordpress">WordPress</category>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</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>Mon, 29 Oct 2012 13:37:21 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">119 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Titanic Descent game</title>
    <link>http://www.hypermodernism.com/projects/titanic-descent-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;Titanic Descent game&quot; alt=&quot;Titanic Descent game&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/titanic.jpg?1347968486&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/national-skills-academy-logistics&quot;&gt;National Skills Academy for Logistics&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Develop a fun game to encourage awareness of the National Skills for logistics organisation. The game is included within an ezine informing young people of logistics career opportunities within the museum sector.&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/titanic/&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/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>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <pubDate>Tue, 18 Sep 2012 11:45:52 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">123 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Grand National Racing Game</title>
    <link>http://www.hypermodernism.com/projects/grand-national-racing-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;Grand National Racing Game&quot; alt=&quot;Grand National Racing Game&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/grand_national.jpg?1301657397&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/virgin-media-redwood&quot;&gt;Virgin media - Redwood&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Grand National Racing Game for the Virgin media electric ezine. The game challenges the user to a retro key bashing style endurance race against the other riders. Realism is created by use of dynamic drop shadows and synchronized animation.&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/electric/electric31_grandnational/index.html&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-relproject&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Related Project:&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;/projects/virgin-electric-ezine&quot;&gt;Virgin - electric! Ezine&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <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>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <pubDate>Fri, 01 Apr 2011 11:40:13 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">107 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Click and Drag Race</title>
    <link>http://www.hypermodernism.com/projects/click-and-drag-race</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;Click and Drag Race&quot; alt=&quot;Click and Drag Race&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/bike.png?1300193956&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/virgin-media-redwood&quot;&gt;Virgin media - Redwood&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Click and Drag Race game for the virgin electric! eDition based ezine. The game tests the players knowledge of motorbike construction. Drag and drop the parts to build the motorbike against the clock!&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/electric/electric30_bike/index.html&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-relproject&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Related Project:&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;/projects/virgin-electric-ezine&quot;&gt;Virgin - electric! Ezine&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <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>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <pubDate>Tue, 15 Mar 2011 13:02:14 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">106 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Cryptic Music Quiz</title>
    <link>http://www.hypermodernism.com/projects/cryptic-music-quiz</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;Cryptic Music Quiz&quot; alt=&quot;Cryptic Music Quiz&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/music_quiz.jpg?1297348539&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/virgin-media-redwood&quot;&gt;Virgin media - Redwood&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Cryptic Music Quiz game for the virgin electric! eDition based ezine. The game tests the users knowledge of popular music artists. If a question is answered correctly the text box changes colour. If the user is stuck they can press the &quot;Tell me&quot; button. At the end of the quiz the number of correct and revealed answers is totted up and the verdict given.&lt;br /&gt;
A flash cookie stores the state of play for returning players.&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/electric/electric29_musicquiz/index.html&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-relproject&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Related Project:&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;/projects/virgin-electric-ezine&quot;&gt;Virgin - electric! Ezine&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <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>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <pubDate>Thu, 10 Feb 2011 14:45:14 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">105 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Rowing game - Virgin electric!</title>
    <link>http://www.hypermodernism.com/projects/rowing-game-virgin-electric</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; alt=&quot;&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/rowing.jpg?1280334541&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/virgin-media-redwood&quot;&gt;Virgin media - Redwood&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Rowing game for the virgin electric! Ceros based ezine. The game featured simple one key controls, the user had to press the space bar in the correct rhythm to ensure an effective stroke in order to beat the computer competitor!&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/electric/electric22_rowing/index.html&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-relproject&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Related Project:&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;/projects/virgin-electric-ezine&quot;&gt;Virgin - electric! Ezine&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <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>
 <category domain="http://www.hypermodernism.com/category/design-skills/usability">Usability</category>
 <pubDate>Wed, 28 Jul 2010 16:29:44 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">98 at http://www.hypermodernism.com</guid>
  </item>
  <item>
    <title>Android Apps feature - Virgin Electric </title>
    <link>http://www.hypermodernism.com/projects/android-apps-feature-virgin-electric</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; alt=&quot;&quot; src=&quot;http://www.hypermodernism.com/sites/default/files/project/android.jpg?1280333993&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/virgin-media-redwood&quot;&gt;Virgin media - Redwood&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;An interactive feature for the Virgin electric! ezine promoting various applications for use with the android phone operating system.&lt;br /&gt;
The content was presented in a fun and interactive way.&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/electric/electric22_android/index.html&quot; target=&quot;_blank&quot;&gt;URL&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;field field-type-nodereference field-field-relproject&quot;&gt;
      &lt;div class=&quot;field-label&quot;&gt;Related Project:&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;/projects/virgin-electric-ezine&quot;&gt;Virgin - electric! Ezine&lt;/a&gt;        &lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
</description>
     <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>
 <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>Wed, 28 Jul 2010 16:23:51 +0000</pubDate>
 <dc:creator>admin</dc:creator>
 <guid isPermaLink="false">97 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>
  </channel>
</rss>
