Portfolio

Steve Bloomer's Watching screen shot

Steve Bloomer's Watching

  • 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

  • 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. Development was done on a Sharepoint/.NET platform using a process based on Agile and Kanban methodologies.

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. We had regular contact with third parties, such as the R.N.I.B and AbilityNet and took action based on their recommendations and audits.

As part of my role, I was responsible for reviewing wireframes/designs from the User Experience team and highlighting any potential issues regarding front-end implementation and/or accessibility. I worked closely with the Experience Architects and Designers to come up with solutions to any issues which arose and ensured they met all requirements, from both a front-end code and user experience point-of-view.

I was also required to respond quickly to bug reports, both during the release cycle and once products had gone live. For this, I needed fast diagnostic skills regarding cross-browser issues and a thorough approach to testing my code fixes.

NHS Choices Provider Information Management System screen shot

NHS Choices Provider Information Management System

  • 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

  • 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

  • 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

  • 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

  • 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.