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
Discovery
- User pain points
- Identify business goals
- User research
- Competitor analysis
Ideation
- Information architecture
- Technical requirements
- User flows & sitemaps
- Low-fidelity sketches
Design
- Wireframes & prototyping
- Moodboards
- Style guides
- High-fidelity UI designs
Development
- 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
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.
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.
Wireframes
Colours & typography
Heading 1
Playfair Display | Bold | 64pxHeading 2
Playfair Display | Bold | 48pxHeading 3
Playfair Display | Bold | 40pxHeading 4
Playfair Display | Bold | 32pxHeading 5
Playfair Display | Bold | 24pxAmet 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 | 18pxHigh 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.
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% increaseNumber of page views
This measures individual instances of a page being loaded on the website.
172% increaseAverage bounce rate
Percentage of users leaving the site without any interaction.
59% decreaseBefore
After
