DWF: New responsive site

DWF home page image

Client

DWF is a national law firm with over 2,500 people across the UK and Ireland. It offers services to businesses and private clients with teams specialising in all aspects of law, as well as providing expert advice across a range of sectors.

My role

Lead User Experience Architect

The brief

Lead the UX on a project Code Computerlove are carrying out exploring the evolution of the DWF website. Work closely with the Code strategy and branding teams as well as senior DWF stakeholders to ensure that insights uncovered in the brand development stage of the project are implemented in the final product.

More to come soon…in the mean time check out the site

Without Thought

People should not have to think about an object when they are using it. Not having to think about it makes the relationship between a person and an object run more smoothly. Finding ideas in people’s spontaneous behaviour and realizing these ideas in design is what ‘Without Thought’ is about

Naoto Fukasawa, Without A Thought

Woodland Trust New Website

Woodland Trust responsive website

Client

Woodland Trust

My role

Lead User Experience Architect

The brief

Lead the UX on a project Code Computerlove are carrying out exploring the evolution of the Woodland Trust website. Work closely with the Code strategy and branding teams as well as senior Woodland Trust stakeholders to ensure that insights uncovered in the brand development stage of the project are implemented in the final product.

What we did

We created a fully responsive website optimised for touch users. The Woodland Trusts site effectively reflects the brand, whilst delivering a completely new proposition, originated by Code.

Audience Research

The user experience team worked closely with strategy to carry out audience and stakeholder reasearch through a series of workshops and interviews.

This resulted in a detailed set of personas and information on audience segmentation across the Woodland Trust online estate.

Woodland-Trust-audience-segmentation

Continue reading

Expand till your screen looks s**t

The best way to find your breakpoint is to expand till your screen looks s**t

Brad Frost, Reasons to be respsonsive.

I recently attended a brilliant workshop by Brad Frost outlining approaches to responsive design. This is by far my favourite quote from the day.  What Brad was getting at is that we should stop worrying about pixels and device specific break points when we think about break points.  He suggested that we instead think of how our designs fit into small, medium, large and extra large screen sizes.

Thinking in this way helps keep everyone focused on making a design that looks and functions great at any resolution.  When you start to design start with a one column small screen view and simply expand the screen till it looks, well, shit.  Then you know where your first breakpoint should be.

Here is Brad Frosts tool Ish.  It is a viewport resizer that demonstrates the point pefectly.

CBBC & CBeebies responsive future

Mobile CBeebies

Client

BBC

My role

Lead User Experience Architect

The brief

Lead the UX on a project Code Computerlove carried out for CBBC & Cbeebies exploring the evolution of their mobile and tablet offerings, investigating opportunities for both app and future responsive websites.

What we did

We carried out extensive customer and stakeholder research helping us to create a number of  interactive app and web solutions demonstrating a fully responsive CBBC & CBeebies future.

Audience and stakeholder needs

First we ran a series of workshops with the key stakeholders from CBBC and CBeebies to establish the goals & KPI’s for the project. Once we had established the business needs we needed to understand the audience.

This was a first time designing for children for most members of the team. To help us understand more about children’s behaviour, we conducted extensive desk research. We also carried out ethnographic research at our offices where we observed children aged between 3 and 12 naturally interacting with a range of different devices.

Ethnographic research

Continue reading