I'm a front end developer with a strong interest in UX and a background as an award winning graphic designer.

I work closely with designers, developing wireframes and turning ideas into interactive, responsive, data-driven websites and applications.

I love web standards and open source technology, and spend most of my time working with HTML5, CSS3 / LESS / SASS, Bootstrap / Foundation / Inuit, jQuery / Zepto, Backbone / Underscore, Grunt, WordPress and Git / GitHub.

I've worked with, and consulted for Red Bull, HSBC, The Bill & Melinda Gates Foundation, Brilliant Basics, PD3, AndWhat, Audience Trading Platform, The Brit Awards and UK2 Group.

I'm currently working as freelance contractor and consultant in London, please get in touch if you'd like to discuss a project.

  • Screen shot of the Audience Trading Platform control panel
  • Screen shot of the Audience Trading Platform control panel
  • Screen shot of the Audience Trading Platform control panel
  • Screen shot of the Audience Trading Platform control panel
  • Screen shot of the Audience Trading Platform control panel
  • Screen shot of the Audience Trading Platform control panel
  • Screen shot of the Audience Trading Platform control panel
  • Screen shot of the Audience Trading Platform control panel
  • Screen shot of the Audience Trading Platform control panel

ATP Attribution Reporting

Audience Trading Platform (London) Ongoing consultation

Audience Trading Platform are a software led company that helps improve the return on media investment significantly by identifying and targeting audiences and continuously optimising marketing campaigns using bespoke algorithms and software tools. The reporting control panel provides a transparent view of the marketing performance that helps marketers to make decision on spending their precious marketing dollars accordingly. This is done through a massive amount of data crunching and statistical modeling coupled with filterable and contextual reporting tools. My role as UI developer involves working with designers to build a modular, clean and scaleable UI that beautifully displays their vast datasets.

  • Screen shot of the filmhouse.tv website
  • Screen shot of thefilmhouse.tv website
  • Screen shot of thefilmhouse.tv website
  • Screen shot of thefilmhouse.tv website
  • Screen shot of thefilmhouse.tv mobile website
  • Screen shot of thefilmhouse.tv mobile website

thefilmhouse.tv

The Film House (Qatar) November/December 2013

UX consultation and front end development for Qatar based film production company, The Film House's portfolio site. The end result is a slick and minimal site, showcasing their amazing images and films. Built from the ground up as a custom WordPress theme, with the help of ACF, creating a simple and intuitive admin for content management. A JavaScript focused (rather than PHP) approach, with lazy loading of content and smooth CSS3 interactions leads to an immersive user experience. A responsive design ensures the content always looks great, and the UI is accesible accross desktop, table and mobile devices. Developed using a modern tooling environment, utilising Bower and Grunt to automate concatenation and minification of assets along with automated jshint and csslint testing. Checkout the The Filmhouse site, or the repo on GitHub.

  • Screen shot of the Chimera hosting control panel
  • Screen shot of the Chimera hosting control panel
  • Screen shot of the Chimera hosting control panel
  • Screen shot of the Chimera hosting control panel
  • Screen shot of the Chimera hosting control panel

Chimera

UK2 Group (London) April 2013 — June 2014

Chimera is a unification product, with the end goal of consolidating many different ISP brands back and front ends into a single system, for both admins and end customers. The app is powered by a RESTful JSON API, sitting between a Perl back end and Backbone.js front end. My role in the project was taking responsibility of user experience, visual design, interactions and UI framework. I helped define user requirements, write feature specs, create wireframes and develop full interactive UIs. Using a very modular approach to the UI framework allowed for quick development of new features, while ensuring a consistant user experience and easy maintainability.

  • Brilliant Basics logo

Contract UX/UI Developer

Brilliant Basics (London / Hong Kong) May 2012 — April 2013

Working on a variety of internal and customer facing applications for their client HSBC, I acted as an intermediary between the design and tech teams, creating prototypes, building CSS frameworks and defining interactions. I was lead consultant on a bespoke mobile framework and spent a month in Hong Kong ensuring the smooth delivery of the project to the banks internal IT team. Unfortunately I can't show any work examples from this role online, but am more than happy to discuss the role in more detail and show some demos in person.

  • Screen shot of Red Bull student team website
  • Screen shot of Red Bull student team website
  • Screen shot of Red Bull student team website
  • Screen shot of Red Bull student team website
  • Screen shot of Red Bull student team website

Year Planner

Red Bull Student Marketing (London) January/February 2014

An internal tool for the Red Bull student marketing team help plan their yearly events calendar and communicate their activities to the wider business. Taking on all project management, UX and dev responsibilities myself, I collaborated with Eight Armed Pet for the UI design of the app. The student team at Red Bull internally use WordPress for other projects, and for consistancy required this to be the same. This didn't really fit our vision of a slick modern web app, so using a forked version of WordPress JSON API, I created a lightweight JavaScript MVC powered by Underscore.js and jQuery to smoothly switch between views and crunch data. You can checkout the project repository on GitHub.

Say Hello

I'm currently working as freelance contractor and consultant in London. Please feel free give me a call on 07742 183 507 or email me at info@merlinmason.co.uk if you'd like to discuss a project.