Portfolio

I've been incredibly fortunate to have worked on the projects I have over the decades. Here are a selected few ...but enough that you may need to use these filters to quickly find what you're looking for. Or just go for a relaxing doom-scroll and enjoy :)

obliViaR



Play Video

Immersive website for a new VR experience in York

Animation Design Web Development Web application/SaaS



 
Screenshot 2 of obliviar
York's new immersive VR entertainment destination, obilViaR, needed a website to match the excitement of its virtual reality experiences. Tasked with bringing the vibrant vision of web designer Lucy Rigley to life, I developed a bespoke Laravel website with a focus on creating an overall feeling of depth and fluidity, mirroring the engaging nature of the virtual reality experiences offered. This vision translated into the incorporation of smooth, airy animations, designed to captivate visitors and hint at the fluid nature of virtual reality itself.

As always, it is easier to create a database to ensure a simple dynamic management of games and experiences. Despite a rapid project turnaround, the site seamlessly integrates a third-party booking system, providing a smooth and efficient user journey from browsing to booking a VR adventure. The obilViaR website serves as the digital gateway to York's only dedicated VR experience, inviting both first-timers and seasoned VR enthusiasts to discover the immersive fun that awaits.

View project
 

Stadler rail



Screenshot of stadler rail
PWA and SasS system for the rail industry

Data Visualisation Design Mobile app Web Development Web application/SaaS



 
Screenshot 2 of stadler rail
Stadler rail needed an easy to use system for keeping track of the running condition, defects and cleanliness of their rolling stock.

Using my OnSight reporting system as a base, I developed a bespoke PWA and SaaS system that allows the client to keep track of all their rolling stock in one digital place. This gives the employees a very user-friendly way to input data as they repair and clean the rolling stock. It gives management a clear overview, along with graphed KPIs and historical tabled data, of the state of each carriage. The system also gives some BI perception of where potential bottlenecks occur over single carriages and the whole stock.

The system is fully responsive and works on all devices, including iOS and Android for the front end reporting and any higher resolution displays for the admin backend. The system has been running for over 3 years now without any hick-ups or complaints and we are excited to further develop it's remit in the future.

View project
 

Harvester - Build a Salad vote



Play Video

Fullstack HTML app with voting leaderboard and analytics

Animation Web Development Web application/SaaS



 
Screenshot 2 of harvester build a
Once again working with nice people at One/Fifty Consultancy. This time Harvester wanted to launch a new salad, but needed the punters' he;lp in deciding what should be in it. So I built a fullstack HTML mini-site that allows users to vote on the combinations they want to see in their new salad. We gave them a selection of choices rather than free range - none of this "Boaty McBoatface" stuff happening on our watch!

During the voting period the users, after choosing the best new salad combo, get their vote tallied up in the leaderboard which shows the real-time current combination.

As with any modern media agency, One/Fifty Consultancy like to get lots of analytics to show the ROI to their clients. Luckily I LOVE adding analytics for everything I can think of. So the client ended up with a nice analytics page to show the users' 'funnel', page loads, votes and sharing to socials. The app is, obviously, fully responsive and works on all devices, including iOS and Android.

View project
 

Toby Carvery - Roast Dinner Stories



Screenshot 2 of toby carvery roast
Toby Carvery wanted to spread some positiveness up and down the country by sharing stories of normal people bonding over the Sunday roast. Originally commissioned to create a space where users could upload their own "roast stories", the project simplied to be more focused on the 3 curated stories.

Another quick turn around of some solid HTML for One/Fifty Consultancy. That brings the number of little projects for them to about 15 (I think). Which I think says how nice they are to work with as well as how I'm able to help them out each time they need a quality site and a quick turn around with zero drama.

View project
 

ACCA Brand Tool Kit website



Screenshot of acca brand tool
Bespoke CRM and email marketing system

Design Web Development Web application/SaaS


> Visit site

 
Screenshot 2 of acca brand tool
ACCA, the global body for accountants, have hundreds of designers working around the globe on various branded work. To help keep this brand consistent, I was tasked by Barley Partners, the brand guardians, to create an online space where the latest brand guidelines could be quickly updated and distributed to all the locally based designers in each region.

Barley are great to work along side and gave me a long-leash in the functionality and UXD of the CMS - as long as it was clean and up to their standards, everyone was happy - especially the final client, the brand manager of ACCA. Very happy clients is always the goal :)

The system is a versioning content resource management system (CRM), as such it keeps a track of each new upload item (digital brand guidelines, video assets etc) and versions each new update to existing items. Each user’s download is also tracked so the system can show users that are new to them and give ACCA a real-time overview of who is missing the latest update or hasn’t downloaded the files they should be using. This all helps keep the brand’s voice consistent on a global scale.

Thanks to the success of the initial system, the client commissioned a further phase of the project. This second part is to facilitate the automatic sending out of emails to sets of people on the main email list (the designers around the globe). So I built a bespoke email system that allows the client a simple but flexible CMS for building branded emails that can then be sent out to groups of people as needed. For instance, if the email is to inform video operators that there are some new assets they may want to use, we\’d only send this to the relevant people. As I quite enjoy tracking analytics to gain some business insight, I added the ability to see who had opened the email and the ability for the client to add tracking to any part of the email, normally a call to action button saying “download the new assets”.

View project
 

Elite recycling solutions



Play Video

Website build, with simple HTML5 animated graphics and a bespoke CMS

Web Development Web application/SaaS


> Visit site

 
Screenshot 2 of elite recycling solutions
Working once again with the talented people at Barley, I built a classic but modern corporate website for Elite recycling solutions, a major UK recycling firm. The site is kept visually interesting with various calm animations of headline text and images as the 'hero' of each page, along with boxouts and snippet style content and animated info-graphics, using dynamic data, in the page's content. Obviously all mobile-friendly and reactive to various screen sizes in a graceful and relevant way.

Most of the site is updated by the client via a bespoke CMS build. Which feeds everything from the latest news section, team latest team member's profiles, the dynamic animations, all the site's text content and each sections' keyword and page description for a little SEO help.

View project
 

Christmas cracker games for Mitchells & Butlers



Screenshot of christmas cracker games
In app HTML5 games with API database control and content management

Animation Digital Advertising Mobile app Web Development Web application/SaaS



 
Screenshot 2 of christmas cracker games
I seem to have an X'mas tradition of making some fun little "cracker pull" games for 3 popular restaurants in the Mitchells & Butlers' stable: Toby Carvery, Harvester, and Stonehouse.

Working for the 3rd Christmas in a row with the loverly people at One/Fifty Consultancy to bring a little X'mas cheer to all the customers in the form of a little cracker game that gives them a new restaurant voucher each week and also an unlimited amount of cheesy festive jokes!

As this is the third year running these games (and I love making analytics KPIs) we can get some insight in the user habits when playing the games. Each year the games surpass 2 million vouchers claimed which obviously make the user and the client very happy. I’m not as happy as I can see most people are there for the vouchers and no where near enough come purely for the X’mas jokes! …although I may have skewed the analytics on this one 😉

The games are embedded in the restaurants’ app from where the user gets to play against their friend to win the voucher …or just sneakily play it alone to make sure you get the bonus! I developed the game play, animation and also the backend API that saves which users have won that week to make sure no one gets too greedy.

The game also then jumps off to a holiday competition from Jet2 Holidays and also branded filters for Insta and TikTok.

View project
 

Core systems



Screenshot of core systems
Bespoke SaaS system: complete digital project management for the civil engeering sector

Data Visualisation Design Web Development Web application/SaaS



 
Screenshot 2 of core systems
Core systems was developed from a very exact client brief that had everything they needed to digitally run national civil engineering contracts without a hitch …well, more importantly, with a system that can handle the unknown hiccups that would inevitably crop up on such large projects.

I designed the front end to be clean, simple and most of all: user-friendly. My user experience design always puts the users first; this is a working tool and not a pretty marketing campaign. I built the front-end in a mixture of HTML5 and javascript for realtime interaction with the API backend, built by an off-shore company.

The system is very comprehensive, covering the whole scope from start to finish of the contract. From client database, proposal, baseline timetable and costs forecasts and digital contracts before the work started. Once the on-site work was underway the system tracked every aspect of the job digitally, it is important to have a perfect trail of documents for this type of work for transparency and audit reasons, as the end clients are often public or govt. bodies but also when managing projects with budgets into the millions, you need to be able to see where the cost has gone. Included were a daily work diary to log all workers’ hours on-site, a ‘change request’ system with various automatically generated impact assessments and dynamic graphs and tables clearly showing costs and time efforts.

The system has a real-time summary overview and can generate more in-depth weekly progress reports, giving the managers an invaluable oversight week on week, to help them spot and solve problems before they become large issues. The system also has to handle the raising of invoices and tracking of payment against each change request and timetabled payment, this was logged per instance but also I generated the culmative data into tables and graphs for user ease - designing a user-friendly system is about putting the correct information in front of the user just as much as it is making sure they can navigate the system with ease.

View project
 

Phone book application



Screenshot of phone book application
Android mobile phone app with web-based single-page app CMS

Design Mobile app Web Development Web application/SaaS



 
Screenshot 2 of phone book application
To help streamline the the day to day business for its employees, Merseyrail tasked me with designing and building an Android app for phonebook look up. There were a few complications to be considered; namely phones don't always have data connections underground where a fair amount of employers are. I solved this problem by running a local couch database on the device. Each month (and first-run) the app checks if it has a data connection and if it does, it will sync with the latest contact data and update it's local database ready for off-line use again. I wrote the API for this and also the backend PHP to query Merseyrail's Active Directory/LDAP employee directory to make sure we had up to date information.

The client also needed bespoke lists of extra contact details beyond the bulk Active Directory numbers, list of station phone numbers, emergency numbers etc. For these I employed a bespoke database for quick access and fed this into the API so all the data came from the single source as far as the app was concerned.

The app utilises 2 factor authentication for added security of the senstive data; utilsing Google Authenticator API as well as generating QR codes for quick scanning. Administering the day-to-day contact details was done via Microsoft Active Directory. But the client needed a bespoke web-based admin interface to curate and update the bespoke lists of contacts. For this I designed and built a the CMS as a single page web app (using mostly HTML5, javascript/jQuery, php & mySQL) with a focus on an easy to use UI to help avoid training costs for the client.

View project
 

Medical simulation single page web app



Play Video

Responsive HTML5 medical case study

Web Development Web application/SaaS



 
Screenshot 2 of medical simulation single
SEI Healthcare needed their specialist patient simulation project updating with a new look and content. Doctors go to the site and test their knowledge in specific disease areas through multi-patient quizzes, based on a multiple choice format. Hopefully the physicians learn a little along the way thanks to the heavy emphasis on feedback to answers, references and peer stat review charts.

A major requirement was also that it worked fluidly on mobiles, tablets and desktops (see second half of video walkthrough for the mobile site). The site needed to be a modern single page app that interacted with the API seamlessly.

From the client's designs I built the HTML front end using bootstrap, jQuery and javascript, along with a little php to write my own missing parts of the API. The site is live and public facing but requires a log in, which you can get for free but only if you have medical credentials (most of my work in this sector is top-secret and cannot be shown, so it is refreshing to be able to have this piece in my portfolio!).

View project