Interaction Design
As a designer and developer, I have helped clients deliver engaging web experiences for over 20 years. I have used a range of web technologies and always had a clear focus on user experience. This portfolio shows a selection of the wide range of projects I have been lucky enough to work on.
DfE Apprenticeship Service (ESFA)
Quality Team
I worked as part of a small UCD team on a project to improve the take up of accelerated apprenticeships. I carried out design and research for discovery and alpha phases of the work, and provide design support to other members of the team. This included service design and prototyping using the GDS kit. We continued the work into beta, researching and iterating designs based on user feedback.
At the same time, I also worked on live services, focusing on quality. This ranged from finding and fixing bugs and UI issues, to the removal of a significant feature due to poor usage. I documented the high level flows and design patterns, and produced user journey and screen flow maps of the different services.
April 2023Defra Plant Export Service
Beta phase
I worked for Defra as part of the User Centred Design team on the Plant Export service, and added multiple features to an initial MVP.
I helped move the project from private to public beta and used quantative and qualitative data to
inform the design decisions.
I took part in user research sessions and SME discussions and worked closely with business analysts to quickly prototype and test features to meet business requirements. Additionally, I rationalised the prototype and cleaned up technical and design debt.
March 2022Tempo Time Tracker
MVP interactive prototype
I designed and built an interactive time tracker to create an MVP prototype. Working directly with the client, I implemented a two layer timeline with intuitive controls to pan and zoom through a 20 year period. I added UI features to the d3.js application to allow tags to be added, edited and removed from the timeline.
HMRC Business Tax Account
Live services
I worked as part of HMRC’s Live Services team, during the peak self-assessment period of the website. I was responsible for the Business Tax Account which interacts with over 40 taxes and duties. I devised optimisation experiments based on proactive analysis of traffic data, and designed tools to help visualise data. I closed down almost 100 Heroku apps and moved the versioning to work within a single app.
Civil Service Dyslexia and Dyspraxia Network
Accessible interactive tool
As part of my broader involvement with the design community, I volunteered to work with the HMRC graphic designer to build an accessible interactive tool to help managers understand neurodiversity via the Civil Service Dyslexia and Dyspraxia Network.
Goldsmiths University Fraud Detection
The Centre for Intelligent Data Analyis
For this work, I carried out UX, UI and development work to build a front end prototype using React and d3.
I worked with the academic staff at Goldsmiths to create a data analytics application to identify communication anomalies used in fraud detection.
The prototype was then successfully used to raise investor funding for the next stage of commercial development.
Visualised.io User Journey Builder
Adobe XD plugin
Created as part of a series of UX design tools, this web application generates a journey diagram from external data. A CSV file containing the various stages and touch points for a user journey is loaded and parsed to generate a journey map based on the content.
VALCRI Crime Analysis
Middlesex University
Visual Analytics for Sense-Making in Criminal Intelligence Analysis. This project involved building map and timeline js components to work within the existing GWT framework, then refactoring to work as part of a Meteor/React version.
‘Oblivion’ D3 Portfolio
Portfolio interface
Single page application, dynamically generated from JSON data, built solely using D3.js.
Inspired by the future UI used in the film ‘Oblivion’, it showcases some lesser-used techniques, such as animations, SVG filters and gradients.
Internet Archive Wayback machine
Beta timeline
Prototype application to display archive records from the Internet Archive. Based on a JSON snapshot for a given site, it shows an interactive timeline of site crawls.
The page allows the individual crawls to be filtered by source as well as providing a brush interface to zoom into specific time frames.
O N S Chart Builder
Office for National Statistics
Returned to the ONS for a third time to develop a chart-builder tool for their internal system. Used for every chart on the website, it allowed publishing staff to create and amend a wide series of charts within the ONS' style guide, including generating pdf images of the charts.
D W P Data Science Hub
Department for Work and Pensions
I created over 20 prototype applications in support of the DWP’s new Data Science hubs in London, Sheffield and Newcastle. I worked with diverse team members and promoted the use of data science. Built a mapping application that saved 30 weeks work each year and was further developed to allow the creation of maps for Parliamentary reports.
Coupa Dashboard Redesign
Business metrics
Designed and built a range of customisable and brandable KPI dashboards, features individual component charts, built using D3.js and integrated into the Visokio platform.
Visualised.io Football
Opta Sports Data
A range of match data visualisations, based on Opta XML positioning data. It also includes prototype tools for plotting player positions in order to create raw data for analysis.
O N S Website Alpha
Office for National Statistics
Designed and built multiple prototype applications to help visualise extensive data. Proactively created user-centred application. Established charting templates design and functionality.
Visualised.io Crime Map
Open source data visualisation
Utilised Open Crime Data direct from the Home Office, combined with Leaflet Maps. Crime locations are plotted on an interactive map, showing historic crime levels and locations.
The historic data can be filtered by type and date.
O N S Wellbeing
Office for National Statistics
Built several interactive applications to display engaging data. Carried out rapid prototyping of solutions. Enhanced products to make them data-driven.
First Sight Media iPresenter
Video Conference
Developed HTML real-time video presentation suite using web sockets. Allows live and recorded video presentation with synchronised slides and polls.
B B C The Voice UK
Audio-video recorder and playback component
Created a FlashMediaServer based video recorder. This was linked to specialist analysis software that produced feedback on the quality of the singing, and then displayed in a graphical format.
I T V The X Factor
Branded video player
I made a number of custom updates to the XFactor video player, working closely with other consultants. I modified the player to work with a range of third party API’s to allow it to be embedded into other sites eg into a visitor’s Facebook newsfeed.
Google YouTube Play
Dynamic Web UI using Twitter API
Built a web UI for the Youtube Play partnership. This showed video thumbnails with additional meta data. The application picked up specific hash tags, and allowed the visitor to send their own messages directly from the page using the Twitter API to access client’s credentials. "A visit to YouTube.com/play reveals a stunning custom Apple-like interface, where you can actually search for individual videos on a visually appealing video wall"
National Trust Cardingmill Valley
Education micro-site
A pilot project to showcase the use of multimedia technologies for education. A Flash-based learning resource was developed in partnership with the National Trust’s education officer in Church Stretton, Shropshire.
Queen Mary University Centre of the Cell
Interactive games and exhibits
Worked as a senior Actionscript developer to create standalone applications. The apps all used touchscreen interfaces, with some communicating with webcams, microphones and infra-red and touch sensors. I helped to build 10 interactive displays as part of a team of designers and developers.
Lego Legoland Carlsbad
Design and model-making
I spent twelve months working with the team at Lego producing designs and models for the parks in Carlsbad and Windsor. The projects included buildings, figures and physically animated scenes using a range of animatronic props.