Projects
The Great Escape Festival
The Great Escape Festival website has been going since the festival began in 2006 and as such has undergone numerous transformations.
I have worked on all aspects of the wordpress theme and am proudest of a few sections: the homepage discover section which shuffles through all 600 artists randomly, which is made possible after I updated the line up page to use custom filters and search that is almost instantaneous using javascript and the online interactive schedules that display the full lineups across the four days of the festival.
There is also an interactive map built using svg and a custom slider on the homepage that I have built amongst other improvements.
Key Techniques:
- Wordpress
- PHP
- JQuery
- Javascript
- CSS3
Citadel Festival
The Citadel website is designed to be spacy and clean with a simple horizon line aesthetic.
Particular highlights include: custom homepage slider allowing for single box, two box and eight box layouts which reverts to single slides for mobile, custom gallery section and custom info section and a neat, tidy and consistent menu system for desktop and mobile.
Key Techniques:
- Wordpress
- PHP
- JQuery
- Javascript
- CSS3
Lovebox Festival
The Lovebox festival site is a website that tries not to take itself too seriously whilst still delivering the information that people want to know.
Particular highlights of mine include: rebuilding the gallery section to be slick and stylish, the new info section build with custom search, an interactive svg map and the wondering eye on the homepage.
Key Techniques:
- Wordpress
- PHP
- JQuery
- Javascript
- CSS3
Wilderness Festival
The Wilderness website is an interesting mix of a festival website and an online shop where you can buy extra festival activities to enhance your festival experience.
It includes completely custom page templates and a custom build your own homepage system that allows the team to build the homepage in fully customisable blocks.
It also has a unique menu system that sorts all 700 items into categories and sub categories for easier navigation.
Key Techniques:
- Wordpress
- Woocommerce
- PHP
- JQuery
- Javascript
- CSS3
My Betting Sites
For My Betting Sites the client wanted to be able to display offers prominently on the homepage and sport category pages. So I created a new custom post type and a few new taxonomies in the backend and used a javascript filter library in the frontend to populate and filter all the offers.
I also built a custom bet calculator to work out odds for their users to work out potential returns on bets. Using jQuery and Javascript to achieve this.
Key Techniques:
- Wordpress
- PHP
- Javascript
- JQuery
- CSS3
My Elements
An online shop built in Wordpress and Woocommerce using a child theme based on the Woocommerce storefront theme.
The site is currently being converted from a quote based system to fully utilising the Woocommerce shop functionality encompassing custom pricing for techniques and bulk orders.
Key Techniques:
- Wordpress
- Woocommerce
- PHP
- JQuery
- Javascript
- CSS3
School Improvement
Working with a designer who created the branding I had to design and build a website to accompany a masterclass series and elearning course. Using wordpress to get the basic site up and running I used a free template (nova-lite) and then heavily customised it to better suit the clients needs. Most of the changes were css based plus some php backend changes and some jquery code to add extra functionality and buttons within certain sections. This website development is still ongoing.
Key Techniques:
- Wordpress
- JQuery
- CSS3
- PHP
Laura Jordan
Laura wanted a site that reflected the style of her drawings in both appearance and interactivity.I created the site in Flash using Actionscript 3 and used a preloader to load all the drawings in. I created a custom mouse cursor and also added in dynamic resizing so that the website would always fit within the browser window. I also added in sharing buttons that link to external copies of the pictures so that they could be shared on social media and increase Laura's exposure.
Key Techniques:
- Flash
- Actionscript 3
- Bulkloading
- Dynamic Resizing
- Preloading
Kingsham Press
The client wanted a simple and clean online bookshop from which to sell the books they publish. Built in opencart for easier development and maintenance. I developed a seperate theme based on a default theme and also added in backend changes that applied specifically to books such as ISBN and an authors section.
Key Techniques:
- Opencart
- JQuery
- CSS3
- PHP
- MySQL
CCG Map Tool
This tool was designed and built to enable people to see at a glance how the introduction of the new CCG network in England was developing and how that might affect them in their area.I used as much publicly available data as possible and stored it all in a database which is then accessed and assigned to each ccg within the svg map (controlled by raphael.js), this enabled me to create options to colour the map and display visually how each ccg compares to each other within various catagories.
Key Techniques:
- PHP
- HTML5
- CSS3
- JQuery
- MySQL
- SVG
- Raphael.js
DRi Licensing
DRi Licensing are a licensing company who manage licenses for childrens brands such as 'Roald Dahl' and 'Miffy', with that in mind they wanted a fun and exciting site to capture some of the youthfulness of their brand catalog.I created the site in Flash using Actionscript 3 and a preloader plugin to handle loading images behind the scenes. I built in support for xml for the news section so that the client could update it without having to rebuild in flash. I also added a custom print option so that visitors can print each brands information directly from within the website.
Key Techniques:
- Flash
- Actionscript 3
- Bulkloading
- Dynamic Resizing
- XML News Update
- Preloading
NIHR North West London CLAHRC Projects Tool
Originally designed to encompass the entire NIHR CLAHRC network across England this is a customised version specifically designed for NIHR CLAHRC North West London, and as such it is designed to better suit their web presence.The tool essentially stores all their health research projects in one place and displays them in a variety of formats so that various health professionals can look through the projects and discover the research that the CLAHRC have been doing.
Key Techniques:
- PHP
- HTML5
- CSS3
- JQuery
- MySQL
- SVG
- IE8 Support
2eqipp Learning Platform
An online e-learning platform built to house the e-learning modules for 2eqipp. Designed in moodle and using a customised version of the 'elegance' theme to bring it more up to date visually. It also syncs users to the main Joomla site database using a plugin called 'Joomdle', which enables customers to buy the modules directly in the main site and then log into the moodle and access them straight away.
Key Techniques:
- Moodle
- Joomdle
- CSS3
- HTML5
- PHP
- JQuery
Nina Malone
Nina wanted a sleek modern site that was fast loading but also interactive, unique and versatile enough to be able to store her entire portfolio for her range of roles.I created the site in Flash using Actionscript 3 and using a plugin to help preload the images for the portfolio section, trying to keep the loading as minimal as possible to keep the experience fast and fluid.This website is no longer online in its original location so you can view a backup instead.
Key Techniques:
- Flash
- Actionscript 3
- Bulkloading
- Preloading