Whilst working at Bostock and Pollitt I was asked to undertake a competitive analysis for their client, Shire (a pharmaceuticals company).

Usually I would conduct such an analysis and present the results in visual fashion using Adobe Illustrator. In this instance, due to time constraints and the way in which the information was going to be presented (in a Powerpoint presentation) I developed an Excel spreadsheet that scored each website against a set of usability, accessibility and user experience criteria. A total was then calculated for the site as a whole and used to rank it against the competitors.

Deliverables

• Competitor analysis matrix (Excel spreadsheet)

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

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

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

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

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

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

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

36 Degrees are an Investment Management business based in Gibraltar. I was approached to develop a website for them to establish the company’s web presence and enable them to be able to publish company, market and fund informaiton online.

The website is powered by WordPress (the OpenSource content management system) with the front-end templating system heavily customised to provide a sleek user interface.

Technologies & features

• Dynamically-driven XHTML page templates
• Accessible CSS-driven presentation layer
• jQuery-powered behaviour layer
• Customisable data-driven navigation
• News and latest informaton published and available via RSS feed(s)

Deliverables

• Information architecture: Sitemap and wireframes
• Graphic/interface design
• CSS-driven templates
• Cross-browser screen shots of major browsers (IE 8, 7, 6, Opera, Firefox, Safari)

The new Freeview website is now live and is looking so much better than it was previously. I was part of the team that assisted in the redevelopment of the site and was in charge of developing the Information Architecture for the new site. Hopefully the new visual design and structure will be welcomed with positive feedback!