UBS
Crucially this role has allowed me to overlap UX-UI design with front-end development so I could continue working across both disciplines to develop working prototypes from designs, create an online Design Systen for both my team and other developers as well as collaborate with developers on the final product, monitoring it for design consistency, efficiency and accessibility.
Day to day use
Occasional use
Statjam: At A Glance
A project bringing collections of data together for greater convenience and analysis. From chronologies to ranked tables and statistical results - across categories such as People & Politics to Culture & Entertainment, Sport & Recreation to Travel & Transport.
This is a personal project reflecting my interests in statistics, data visualisation and the subjects covered as well as my skills in web and information design.
Visit
Flight Centre
I joined Australia’s leading travel agency in Summer 2018 in my first Design Lead role to modernise their UK website in both UX and UI respects, improve task management and workflow within the team and direct a Senior and a Junior UX/UI Designer in delivering research, wireframes and design mock-ups of sections of the site to be redesigned. I liaised with stakeholders and developers equally to achieve this.
This role also required greater time with and focus on tools such as SessionCam and Google Optimise from which to determine best approaches to the user experience via A/B testing and analytics.
Day to day use
Occasional use
BP Educational Service
As a contractor with EdComs (now EverFi) from July to December 2017 I produced UI mock-ups, guidelines and components (including iconography and decorative imagery) plus a homepage car70 in browser for BP's Educational Service website which went live in April 2018. The site offers educational resources for schoolchildren and young adults. This project involved working with sophisticated brand guidelines for a large global corporation and an impetus to provide a responsive website with a modern, dynamic look and feel.
Day to day use
Occasional use
Go to BPES website or browse this slideshow
Initial ideas and conceptual artwork for the homepage
Bespoke decorative iconography features throughout the site
Mock-up of bookmarked resources filtering page
Extracts from a style guide prepared for developers detailing components attributes by category
EdComs
Work as a contractor with EdComs (now EverFi) from July to December 2017 included the design of websites and email templates for BP and Start Profile plus website components for the Premier League's Primary Stars initiative and Public Health England.
Day to day use
Go to Start Profile website - New WordPress site developed within four weeks using existing brand artwork and guidelines
Banners for Public Heath England's 'Change 4 Life' campaign designed for posters, emails and social media based on existing brand artwork
DUAL Group & My Legal Indemnity Shop
The presented screenshots and artwork for My Legal Indemnity Shop include wireframes and prototyping in-browser based on initial user needs and technical requirements, plus examples of the CSS customisation per client.
The UI for this product was developed over four months working from the original specifications but flexible enough, via CSS, to accommodate later changes and new features.
Day to day use
Occasional use
Go to Dual's My Legal Indemnity Shop homepage (since redesigned), or browse this slideshow demonstrating its initial design process
Mock-ups and CSS were developed quickly working from site map flowcharts and a working prototype of the product built with Bootstrap
A bright and bold look and feel was deemed appropriate for a UX process heavy on form selection. The user's journey through the quote process was displayed as a five stage navigation.
The product made extensive use of customised Bootstrap components, webfonts and FontAwesome for iconography. Additions and updates were controlled through GIT (via Bash terminal), SourceTree and Bitbucket.
Different brands were able to adopt the product with bespoke stylesheets to reflect their identity.
Conceptual artwork was quickly devised, incorporating photography on Wikimedia, to serve as background imagery for region-specific versions of the product
The National Archives
Between 2011 and 2015 I was a Designer and Developer at The National Archives providing graphics, CSS, HTML, jQuery, UI and UX expertise for aty of this large government organisation's microsites and one-off projects contained within the main website.
VisitDay to day use
Occasional use
The National Archives website redesigned from 2013 with a mobile-friendly user-centred approach and the WordPress CMS.
For each section of the site redesign wireframes were created in Illustrator and annotated liberally.
A Design Guide in WordPress was proposed and partially implemented to provide details and explanations of the site's many elemental components. Read this blog post about the proposal.
The Olympic And Paralympic Record minisite launched in 2012 provided access to records from the archives via a chronological slideshow.
A proposed design of the Record Transfer Report first published in 2013.
Banner designs for the World Through A Lens minisite launched in 2012.
Ultramix
An extremely ambitious multimedia project I have been working on since 2004 to provide a series of DJ mixes for each year from 1990 to 2009 with a lavish website providing details for each mix.
Visit
Freaky Trigger
I created and maintain a responsive WordPress theme for this popular pop culure blog which has been active since the turn of the millennium.
The site has been recently designed from scratch.
Visit
MUSIC with Ghost Food
I created a Music section on my site featuring a customised video 'jukebox' allowing randomised play of YouTube playlists I created and update along with my collection of Spotify playlists and lists of favourite tracks across a range of categories.
Visit
Graphics on Flickr
Business beermats / Commerce coasters
Shameless self promotion but a rare foray into designing for a physical object.
BeBreeZee weather icons
A set of flat colour icons available to buy on IconFinder and in use on the At A Glance website.
Mind yourself
Poster design inspired by an old Ryohei Kojima poster seen on ISO50.
Ultramix promotional artwork
Poster design featuring triadic colour combinations allocated for each edition of the series.
Typeface concept
Characters drawn from scratch in Illustrator using a small selection of curved shapes to ensure consistency.
Blood on the dancefloor
Experimental artwork heavily influenced by the work of Olly Moss.
Ghost Food promotional artwork
Original logo created with Illustrator and animated using Premiere.