A bold new digital presence for Structural Engineering.
Transforming an outdated, underperforming website into a confident, modern platform that reflects the quality and expertise behind the brand.
Developed for Protheroughs
A bold new digital presence for Structural Engineering.
Transforming an outdated, underperforming website into a confident, modern platform that reflects the quality and expertise behind the brand.
Developed for Protheroughs
About the client
Protheroughs is a structural and civil engineering consultancy working across residential and commercial projects.
Despite their strong standing in the industry, their digital presence wasn't keeping pace. They came to us ready to change that.
Challenge
Protheroughs' existing website had fallen significantly behind expectations visually and functionally. The design felt dated and failed to communicate the professionalism and credibility the business had earned. On mobile, the experience was poor, making it difficult for potential clients to engage with the site on the devices they use most.
Navigation was unintuitive, making it harder for visitors to understand the full scope of services on offer. Combined, these issues meant failing to convert visitors and leaving a first impression that didn't reflect the quality of their work.
What Protheroughs needed wasn't a quick refresh. They needed a complete rebuild, a site and a brand that matched their ambition.
Our Approach
A structured, collaborative process, from brand direction to responsive build.
Discovery session
We began with an in-depth discovery session using our brand questionnaire, gathering insights into Protheroughs' identity, values, target audience, and goals.
Three mood boards
Using the questionnaire responses, we created three distinct mood boards - each exploring a different visual direction, covering typography, colour palette, imagery, spacing, and UI components.
Client feedback & refinement
Protheroughs reviewed all three directions and shared their feedback - telling us what resonated, what didn't, and what elements they wanted to carry forward.
Final mood board
We consolidated the feedback into a single, refined mood board that formed the visual foundation for the entire project.
Sitemap & wireframing
With the brand direction agreed, we mapped out the site structure, then moved into wireframing - defining components, typography, buttons, and layout before a single line of code was written.
Colour palette & approval
We finalised the colour palette and presented the full design for sign-off, ensuring Protheroughs were fully aligned before development began.
Development & responsive testing
We built the site in React and Next.js, then rigorously tested across devices and screen sizes to ensure a flawless experience on desktop, tablet, and mobile.
Outcome
The result is a bold, modern website that genuinely reflects the calibre of Protheroughs' work. Clean layout, confident typography, and a clear presentation of their services means visitors can now immediately understand who they are and what they offer - and trust what they see.
The new brand direction - innovative, professional, and modern - gives Protheroughs a digital presence that stands shoulder to shoulder with the best in the industry. The client was thrilled with the final product, and the site now serves as a platform they're genuinely proud to put in front of clients.
With a fully responsive build, intuitive navigation, and an integrated contact form, the site is no longer just a business card - it's a working asset, ready to support their growth.
