My work
Here are a selection of examples that show what I’ve been up to for the past decade. For numerous reasons, some of the sites shown here may not be online in their original form, or on their original domains, so I have therefore placed copies online which show my work at its best. Since they may no longer be available for public consumption, please contact me and I will provide you with the relevant username and password to view the site.
London Symphony Orchestra 2011/12 Season Guide
As a Consultant Developer for Everywhere, I worked closely with the in-house creative team to breathe life into their striking and original design for the London Symphony Orchestra’s 2011/12 Season Guide.
The design called for exceptional interactivity across all mainstream browsers and, with the use of jQuery and cascading stylesheets, I was able to develop a user experience that rivalled Flash in it’s elegance whilst keeping loading times low. Support for media files was provided through the use of jPlayer which is both versatile and feature rich; and allowed users with older browsers to interact with the site and find out about upcoming performances from the LSO.
On the whole, I am incredibly proud of what I accomplished with this design as it makes – what could be considered – rather mundane information come alive, which in turn invites users to delve a little deeper into the world of the London Symphony Orchestra.
Technologies I used on the build were: PHP5, MySQL, jQuery & jPlayer, XHTML 1.0 Transitional & CSS 2.1.
HTML 5 and CSS 3 website for Manoli Olympitis
The website for Emmanuel ‘Manoli’ Olympitis broke from my team’s usual convention of developing a website in XHTML 1.0 Transitional markup with CSS 2.1 and running content management through our Aftershock CMS. From the blazing introduction of Google’s Chrome browser and the strengthening use of Firefox as a main browser, the dominance of Internet Explorer was beginning to wain and that meant we were able to try new things.
We decided to use HTML 5 and CSS 3, but that wasn’t enough for us; I decided that we should build the entire site without using a single image, with the notable exception of icons and photographs. The site was built to work across all major browsers and everything that can be seen, as part of the layout, is generated with the use of CSS 3 and fonts optimised for the web. We then decided to make use of another popular technology, that was taking the tech scene by storm, and placed the design into a WordPress theme to be installed onto an installation of the popular publishing platform.
Technologies we used on the build were: PHP 5, MySQL, WordPress, HTML 5 and CSS 3.
An elegant but flash solution for Vivid London
When our corporate website was becoming tired, we thought long and hard about what we wanted to replace it with. Designing our own website has always been a tough job; we never had a problem designing websites for clients, but when it came to our site we just couldn’t decide. In the end, we came up with a vivid design to not only matched the company name but also the boldness of our work.
Wanting to make full use of audio & video throughout the site, whilst also using impressive transitions between slides, my team and I decided that the only course of action was to develop a website built on Flash; but there was still the need to make the website content manageable, accessible and SEO compliant. Our solution was to use Javascript as an intermediary layer between the main content, which was delivered through standard HTML, and the Flash layout. The result ticked all the boxes for content management, accessibility, SEO compliance and elegance.
Technologies we used on the build were: PHP 5, MySQL, Aftershock (our in-house content management system), Javascript, Flash & Actionscript 3.0, Google Maps API, XHTML 1.0 Transitional and CSS 2.1.
Building fast and effective e-commerce for Accelerate
Accelerate, the ultimate outdoor and urban running store, had been a long standing client for us and they wanted us to provide them with a fully featured e-commerce website that worked as well as the brand we had designed for them. The design we came up with was impressive at the company we designed it for, then it was the turn of my team and I to make sure the technical implementation was as good as the creative one.
We used our in-house content management system, called Aftershock, as a framework then installed deployment, versioning and e-commerce modules; including a new module to interface with PayPal, the client’s chosen payment gateway. The whole build took approximately three months from writing functional specs to production delivery and made use of numerous APIs to take payment and combat fraud, as well as Google Maps and the Royal Mail PAF database.
Technologies we used on the build were: PHP 5, MySQL, Aftershock, Javascript, PayPal, 3-D Secure, XHTML 1.0 Transitional and CSS 2.1.