Weightmans
Digital design UX/UI
New corporate website for Weightmans law firm
Launched in March 2025, Weightmans.com is a project I had the pleasure of designing and shaping from the ground up. This has been many months in the making, with a clear goal in mind: to create a faster, more intuitive, and engaging experience for users whilst refining Weightmans digital presence within the constraints of their established brand.
Leading the UI design, I crafted a responsive, modern interface that not only enhances usability but also brings a fresh take on Weightmans’ digital brand. The UX was carefully designed to accommodate their extensive content while ensuring seamless navigation. Beyond the aesthetics, the site also boasts faster load speeds, an offline mode, and a scalable build to support future growth in both technology and content strategy.
The old site had been developed over 10 years ago and had been updated and built upon over time until had become clunky in the back-end and cumbersome for user of the site. Working with a small team, our job was to keep the overarching structure of the site - the client had a keen focus on retaining SEO rankings and URL structures - but breathe fresh life into the look and feel whilst refining user journeys where possible.
The starting point was finding user journeys we could adapt and improve, these included adapting menu navigation, making it easier for enquiries to get to the right Weightmans people, and creating a more robust media centre and insights which contain huge swathes of constantly evolving content.
From this point we created lo-fi wireframes - initially using AI before refining in Figma - as well as a refreshed UI style guide that included Colours, type, icons, buttons, forms and column guides.
An important early UX task was creating a tiered primary menu design that could flex depending on menu content. Each parent area of the site had vastly different children levels below - from 3 simple subpages under careers to 50+ children pages under services. We settled on a multi layer approach combined with concertina links for the complex subservience levels.
At the bottom of the site I designed a playful element into the new site footer, with a wave animation being activated on scroll as you reach the bottom of the page. This references the established brand but with a fresh lighthearted twist.
An important part of the update were the bank of images used for the regularly updated Insights section. After a lot of back and forth we eventually settled on an abstract solution using imagery that loosely references the Weightmans wave branding. These were important to bring some texture and colour into an otherwise quite stark UI design, and were certainly an upgrade on the previous dated visuals.
