Archive for: January 2009

McKinlay Kidd website redesign

January 9th, 2009

McKinlay Kidd have been a client of mine since 2003. Over the past 5 years I have been responsible for designing, developing and maintaining their website.

McKinlay Kidd asked me to updated the look and feel of the website and add new functionality to improve the brand representation and user experience. During this latest phase of development I have worked very closely with McKinlay Kidd to realise their aims and objectives and integrate them into the existing website framework. The result is a much-improved user experience and a slick looking, functional website.

Deliverables

  • PhotoShop templates for interface design
  • PHP templates
  • XHTML
  • CSS
  • JavaScript
  • URL-rewriting utilising Apache mod_rewrite

Tools used

  • Panic Coda
  • Adobe PhotoShop
  • Adobe Fireworks

mckinlay kidd homepage design

Tagged in: , , , , , , ,
Filed under: Portfolio, Web Development  | Comments Off

On the beach information architecture

January 4th, 2009

I was asked by Bostock and Pollitt to assist them with creating the new information architecture for their client: On the Beach.

At the time of writing, this project is still a work in progress, I am working closely alongside the project management and creative teams to create a collaborative IA. So far I have conducted a user experience and competitor analysis, proposed a new content strategy, sitemap and created the initial top-level wireframes.

Deliverables

  • User experience analysis/competitor analysis
  • Content strategy
  • Content architecture
  • User journeys
  • Sitemap
  • Wireframes

Tools used

  • OmniGraffle Professional
  • Adobe Illustrator

on the beach ia

Tagged in: , , , , , , ,
Filed under: IA & User Experience, Portfolio  | Comments Off

Phones 4 u competitor analysis

January 4th, 2009

Following on from the successful delivery of the IA for the Arts Council, Preloaded ask me to conduct a user experience and competitor analysis for a speculative piece of work for Phones 4 u.

As part of the 2 day piece of work, I analysed and documented the elements of user experience for the following websites:

  • Phones 4 u
  • Dialaphone
  • Orange
  • O2
  • Carphone Warehouse

Deliverables

  • User experience analysis/competitor analysis

Tools used

  • Adobe Illustrator

phones4u

Tagged in: , , ,
Filed under: IA & User Experience, Portfolio  | Comments Off

The Arts Council information architecture

January 4th, 2009

I was asked to assist Preloaded with the development of the new information architecture for a campaign microsite for the Arts Council.

The Arts Council are to launch a new initiative to provide free theatre tickets to young people across the UK at participating venues. The initiative aims to increase the awareness and participation of young people those who don’t usually go to the theatre and hopes to challenge the perceptions amongst young people that the cinema is “not for them”.

I was involved in developing the information architecture in conjunction with the technical and project management teams.

Deliverables

  • User journeys
  • Sitemap
  • Wireframes

Tools used

  • Microsoft Visio
  • Yahoo Design Patterns library

Arts council user journey

Tagged in: , , , , , ,
Filed under: IA & User Experience, Portfolio  | Comments Off

Nissan UK 100% Urban Guide

January 4th, 2009

I was asked to assist Duke | A Razorfish Company with the development of a website for Nissan UK. 100% Urban Guide is a user-driven website that provides reviews, news and photos of the coolest events happening across seven cities around the UK.

I was responsible for re-skinning and customising the default WordPress templates, providing a consistent and interactive, blog-driven website.

Deliverables

  • WordPress PHP templates
  • JavaScript
  • CSS

Tools used

  • Adobe Dreamweaver
  • Adobe Illustrator
  • Adobe PhotoShop

Nissan UK Urban Guide

Tagged in: , , , , , , ,
Filed under: Portfolio, Web Development  | Comments Off

Nissan UK Off the beaten track

January 4th, 2009

As part of the Nissan UK website, Duke | A Razorfish Company asked me to develop a Google maps-driven interface to allow users to search for different outdoor activities around the UK. Users select a category and the relevant location markers and information are displayed on the map.

I was responsible for developing the front-end template for the interface.

Deliverables

  • XHTML
  • XML
  • JavaScript
  • CSS

Tools used

  • Adobe Dreamweaver
  • Adobe Illustrator
  • Adobe PhotoShop

nissan off the beaten track

Tagged in: , , , , ,
Filed under: Portfolio, Web Development  | Comments Off

Sightsavers Specs Appeal microsite

January 4th, 2009

I was approached by my colleague and Graphic designer, Sam Gilbey, to assist him with the development of a campaign microsite for Sightsavers International.

Sam developed the graphic identity for the microsite and it was my responsibility to convert that to clean, semantic XHTML and CSS.

Deliverables

  • XHTML
  • CSS

Tools used

  • Adobe PhotoShop
  • Adobe Dreamweaver

Sightsavers Specs Appeal

Tagged in: , ,
Filed under: Portfolio, Web Development  | Comments Off