Taylor Wessing website

Taylor Wessing

Responsive website for a respected international law firm

Agency: OTM  |  My role: lead UI & UX
Website Project of the Year at the V3 Digital Awards 2016
Desktop Tablet Mobile

Taylor Wessing is a highly successful law firm, with 26 offices in 16 countries. They are particularly well known for their work in tech law. Their old website featured around 6,000 pages of information, within a nonsensical structure that had developed in an ad-hoc way. I was tasked with leading the design of a brand new responsive website for the firm.

Visual design

The initial design concepts were pitched at different levels of radicalness – from an understated UI-centric approach to a complete re-imagining of the firm's digital presence.

A conservative approach A radical approach

Alongside the website project, OTM was also commissioned to look at Taylor Wessing's broader visual identity. This concurrent project was led by my colleague Robert Stimpson (brand creative director), and we worked together to come up with a set of proposals that differentiate the firm from its rivals both on and offline. The final agreed route is firmly rooted in Taylor Wessing's ethos of 'forward thinking':

The chosen route is rooted in the ethos of 'forward thinking' Final homepage design on a mobile device

Interactions

One of the key ambitions for the new site was that it should be a joy to use. To that end, a great deal of effort was put into designing user interface interactions that surprise and enhance the user's experience of the site. For example, when the user interacts with the Find an Expert widget, a drawer of options slides out from it:

'Find an expert' user interface

The 'quick look' feature gives users access to an expert's details and contact information whenever they see their name, without leaving the page that they're on:

On smaller devices the visual fidelity of the site is retained, alongside the full functionality of the larger layout. To facilitate access to the site's multiple levels of content, the menu button reveals a series of intuitive layered drawers:

Layered mobile navigation

Examples of pages

The section templates had to accommodate incredibly diverse content, and enable future new microsites and sections to be embedded into the overall structure with ease. Each template was designed with the intention of making other content discoverable.

An example page from the Services section The events calendar on a large screen The events calendar on a mobile screen The expert search results on a large screen The expert search results on a mobile screen

The About Us section was intentionally given a very different look and feel to the rest of the site. It is an interactive infographic, giving a quick visual overview of the rapidly-growing firm.

The About Us section Get in touch for my latest work

Similar projects