5 Pump Court

London based 5 Pump Court Chambers is a leading multidisciplinary set with 3 specialist practice groups: civil, family and crime.

By designing and developing their website, we helped them realise their new brand identity online, and built them the tools they needed to communicate chambers updates to their audience.

Visit Website
  • Figma
  • .NET C# MVC
  • Vue
  • Azure
  • Umbraco

The issues

  • Brand identity not reflected correctly online
  • Existing website was very hard to update
  • Heavily reliant on images, with SEO implications
  • Website was not optimised for mobile
  • Accessibility guidelines not followed
  • Slow performance and server response times

The solution

  • Bespoke design incorporating brand values
  • Mobile first optimised for SEO benefits
  • Integration and training with Umbraco CMS
  • Highly customisable CMS templates
  • WCAG accessibility guidelines followed
  • Easy content updates via robust CMS

The process


  • User pain points
  • Identify business goals
  • User research
  • Competitor analysis


  • Information architecture
  • Technical requirements
  • User flows & sitemaps
  • Low-fidelity sketches


  • Wireframes & prototyping
  • Moodboards
  • Style guides
  • High-fidelity UI designs


  • Environment configuration
  • Front-end development
  • Back-end development
  • QA/UAT

Training & Support

  • Feedback and iteration
  • Video guides
  • Written documentation
  • Ongoing technical support

Project timeline

  • Discovery
  • Ideation
  • Design
  • Development
  • Training & support
Training & support

I worked with James and Neil at Studio 42 to design and implement a new business website for a traditional professional services company. They are a pleasure to work with – very patient, calm and able to find realistic and helpful solutions to issues. They respond quickly and made time to answer any questions that I had.

Our last website was difficult to update and they took the time to ensure that I knew how to operate the new one, running through it by phone, Zoom and even making and updating videos to YouTube for me so that I could refer to them repeatedly.

Studio 42 offer very good value for money, and are happy to make suggestions about where my budget would best be spent. They are also very good at offering ideas about how the site could work more effectively and at honing my wishlist of ideas into a format that was effective on computers and mobile devices.

On the few occasions where parts of the site were not quite what I had in mind, they were quick at responding to my concerns and making changes. On a personal note, James and Neil are positive, cheerful and really pleasant. I am very glad to have had the opportunity to work with them and would not hesitate to recommend them to other clients.

Clare Kelly, 5 Pump Court

User flow

The sitemap outlines the content structure of the website and illustrates the user journey. It highlights any potential features users may interact with and provides guidance for structuring the information architecture of the website.

5 Pump Court Sitemap

Competitor analysis

Competitor analysis is a key phase of the discovery process. We use this time to investigate our client's competitors, analyse what they’re doing well and look for any missed opportunities to help give the new website the edge.

We also use this discovery phase to investigate competitor keyword analysis and general search engine result positions, and identify improvements required as part of the development of the new website.

5 Pump Court Competitor Website 5 Pump Court Competitor Website 5 Pump Court Competitor Website 5 Pump Court Competitor Website


5 Pump Court Web Design Wireframes

Colours & typography

60% 30% 10%

Heading 1

Playfair Display | Bold | 64px

Heading 2

Playfair Display | Bold | 48px

Heading 3

Playfair Display | Bold | 40px

Heading 4

Playfair Display | Bold | 32px
Heading 5
Playfair Display | Bold | 24px

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id gravida dolor. Duis orci dui, hendrerit at dignissim non, vulputate sit amet purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Sofia Pro | Light | 18px

High fidelity designs

The next stage in the process is to work with the wireframes and turn these into a series of high fidelity designs. These designs will showcase exactly how a number of the key pages of the website will look on mobile and desktop devices.

We listen to client feedback and iterate through to a set of final designs, ready for taking to the development stage. It's always easier to spend the time perfecting things at this stage, rather than taking a step backwards once the development has been completed.

5 Pump Court Responsive Web Design

The results

Using analytics tools and Google's Lighthouse report, we are able to quantifiably compare the perfomance, SEO, accessibility and general best practices of the new website vs the old. Any score 90 and above on the Lighthouse report is deemed an excellent result.

Number of users

How many users have engaged with the website over a set period of time.

134% increase

Number of page views

This measures individual instances of a page being loaded on the website.

172% increase

Average bounce rate

Percentage of users leaving the site without any interaction.

59% decrease


Best practices
5 Pump Court Old Website


Best practices
5 Pump Court New Website
Back to work