Enquire now

How can we help?

* Required fields
Which service are you most interested in?
(Optional) Select any that apply
What can P+S support you with?*
By sending us an enquiry you are agreeing to Proctor + Stevenson's privacy policy
Thank you! Your message has been received!
Oops! Something went wrong while submitting the form.
Get in touch
Proctor + Stevenson
The Old Printworks,
178 Easton Road, Bristol
BS5 0ES, United Kingdom

View map
Osborne Clarke

Osborne Clarke

A complete UX overhaul for a leading international law firm
Background

Superstar legal practitioners supported by deep industry knowledge and market intelligence – that’s Osborne Clarke in a nutshell. We’ve been working with them on the design and strategy of their international website and microsites since 2017.

Challenge

Their corporate website www.osborneclarke.com had plenty of regularly updated content from international legal experts, but Osborne Clarke’s user journey wasn’t always well-defined. There were missed opportunities for engagement, and while UX improvements were taking place, other individual site sections and microsites were being updated independently. The result was a site which felt generally disjointed and inconsistent.

Solution

We applied Atomic Design principles to the website, breaking down every element into its smallest components. Once we had the correct design foundation in place, we moved on to motion design: making sure the brand was reinforced by interactions on the site. It helped reduce the length of the pages and create the best possible user experience.

With the digital design team in full control of the site components, we could ensure complete consistency whenever a new page template was created.

Osborne Clarke offices around the world can now display unique content and CTAs to reflect their individual business objectives, all whilst maintaining brand consistency. The Atomic Design principles make brand-consistent design updates quicker, with changes automatically applied to all relevant assets. That adds up to huge savings of time and resources. And it's made the client-agency briefing process much simpler, too.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Test title for heading 1

Test title for heading 2

Test title for heading 3

Test title for heading 4

Test title for heading 5
Test title for heading 6

Specialists in you
  • unordered list style
  1. test ordered list