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 UX and UI design of a brand new responsive website for the firm.
Following a two-day workshop with 14 key stakeholders from the firm – which introduced them to use cases, personas and much more – I started to sketch my initial ideas for a new structure for the site. My sketches were crystallized into a proposal for a new information architecture:
Next came a series of sketched ideas for layouts, followed by a series of 50 template wireframes:
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.
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':
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:
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:
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.
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.Get in touch for my latest work