Web Design & Development by Simon Hudson

Home

Last.fm screen shot

Last.fm

Personal project

  • XHTML
  • CSS
  • JavaScript/jQuery
  • Last.fm API

Making use of the Last.fm API, this tool simply provides a real-time display of a users' most recently played tracks, or their top artists of all time, based on track plays. This data is then displayed as thumbnails, which click through to the relevant track/artist page on the Last.fm website.

UK Government Petitions screen shot

UK Government Petitions

Personal project

  • XHTML
  • CSS
  • JavaScript/jQuery
  • KnockoutJS
  • Government API

An experiment using the publicly-accessible government petitions API. Petitions are searchable by ID, data is returned to the browser and displayed using the KnockoutJS framework. The API is polled periodically to give a real-time update of the number of signatories.

Steve Bloomer's Watching screen shot

Steve Bloomer's Watching

Personal project

  • XHTML
  • CSS
  • JavaScript/jQuery
  • WordPress
  • Photoshop

As a season ticket holder at Derby County FC (for my sins!), I decided to create a blog in which to write match reports and articles on the club. The blog uses the basic WordPress engine which has been ripped out and integrated into a custom HTML5 template. The site also makes use of CSS media queries to enable a responsive layout across devices.

NHS Choices screen shot

NHS Choices

Capita

  • XHTML
  • CSS
  • JavaScript/jQuery
  • Sharepoint
  • .NET

Working on one of the largest websites in Europe, it was my responsibility to create front-end code to the highest standards and then liaise with the back-end developers to ensure it was integrated properly into the solution.

As a public health information site, accessibility was at the forefront of everything we did, and as such my knowledge of progressive enhancement & graceful degradation, assistive technologies and cross-browser compatibility was increased hugely, helped in no small part by regular contact with third parties, such as the R.N.I.B and AbilityNet.

NHS Choices Provider Information Management System screen shot

NHS Choices Provider Information Management System

Capita

  • XHTML
  • CSS
  • JavaScript/jQuery
  • .NET
  • Sharepoint

NHS Choices provided healthcare organisations (such as dentists, GPs and clinics) with an internal CMS through which they could update their profile on the NHS website.

The profiles were built up of customisable modules, allowing organisations to add videos, news articles, registration information, opening times and numerous other details about their service.

Making heavy use of JavaScript and jQuery, it was a constantly evolving system which required regular updates and refinement in response to the needs of the organisations.

NHS Choices Media Library screen shot

NHS Choices Media Library

Capita

  • XHTML
  • CSS
  • JavaScript/jQuery
  • BEML
  • .NET
  • Sharepoint

One of the largest pieces of work I was involved in whilst working for NHS Choices was the rebuild of the site's media library.

As well as being solely responsible for the front-end development, I also had to very quickly familiarise myself with the technical aspects of the new media provider we were switching to. This involved me learning their proprietary markup language, BEML, and also working with the back-end developers to make best use of their API.

Department of Health Summer campaign screen shot

Department of Health Summer campaign

Capita

  • XHTML
  • CSS
  • .NET
  • Sharepoint

Whilst working at NHS Choices, I was often part of the development team on campaign microsites for the Department of Health.

This was a simple one-page site to encourage users to sign up for healthy living emails. Campaign sites were built using the same basic front-end framework, however during the development of this site, I made several accessibility improvements and streamlined some of the markup which not only provided benefits for this site, but also for future sites using the framework.

Marshalls Tree Surgeons screen shot

Marshalls Tree Surgeons

Bedrock Digital

  • XHTML
  • CSS
  • PHP
  • MySQL
  • Photoshop

During a short time working with Bedrock Digital, I worked on several small brochure sites for SMEs, including Marshalls Tree Surgeons.

Working closely with the client throughout, I was responsible for the requirement gathering, prototyping, designing, building and testing of the site, as well as integrating an existing dynamic news feature and basic CMS.

Nucleus Human Change Technologies screen shot

Nucleus Human Change Technologies

Personal project

  • XHTML
  • CSS
  • JavaScript
  • PHP
  • Photoshop
  • Illustrator

Nucleus Human Change Technologies approached me to help them design and build the website arm of a new branding campaign they were launching.

The aim was to create a simple brochure site which would give an overview of the services they offer, as well as offering scope for expansion in the future.

They were keen to make the site as clean and fresh looking as possible, incorporating imagery and branding which was being used on their printed literature. The site also included multi-media elements in the form of an audio clip from one of their relaxation CD’s and a video excerpt from one of their presentations.