You are hereUsability

Usability


Traderlynk -Tincan

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.

Tincan

Traderlynk Soft Turret

Implementation of a financial traders phone system as a single page web app.

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.
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.

Traderlynk Soft Turret

Wirelynk Unified Communications UI

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.
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.

Wirelynk

Traderlynk Unified Communications UI

Unified messaging for the financial community in a browser based single page app.

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.

Traderlynk Unified Communications UI

Wow Go travel section for wowcher

Client:

dmg media

Brief:

Design and implementation of a new travel section for Wowcher.
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.

WowGo travel section for wowcher

Wowcher - Associated Newspapers - DMG media

Client:

dmg media

Brief:

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.

Wowcher

Wowcher Mobile Web App

Client:

dmg media

Brief:

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.
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.
Phonegap was used to convert the web app to a native app for Android, which could then be distributed through the app store.

Wowcher Mobile Web App

Virgin Media Presents Website

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.

Virgin Media Presents Website

Titanic Descent game

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.

Titanic Descent game

Grand National Racing Game

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.

Grand National Racing Game

Click and Drag Race

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!

Click and Drag Race

Cryptic Music Quiz

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 "Tell me" button. At the end of the quiz the number of correct and revealed answers is totted up and the verdict given.
A flash cookie stores the state of play for returning players.

Cryptic Music Quiz

Rowing game - Virgin electric!

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!

Android Apps feature - Virgin Electric

An interactive feature for the Virgin electric! ezine promoting various applications for use with the android phone operating system.
The content was presented in a fun and interactive way.

Ford Smax E-magazine

Client:

Ford

Brief:

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.

Ford Smax E-magazine