Web Design / SEO / Copywriting
(
Construction / Built Environment
)

Solent Architecture

Overview

The client came to us with a Squarespace website that looked fine but underperformed in SEO and needed stronger, more cohesive copy. Their goal was a full rebuild that would improve search visibility and present their brand messaging clearly. We focused on creating a site that combined design, structure, and compelling copy to engage visitors and support SEO.

Sector:
Construction / Built Environment
Client:
Solent Architecture
Services:
Web Design / SEO / Copywriting

Introduction

This placeholder text serves as an example of how to structure your brand guidelines. Replace all content with your own copy before publishing.

Our Key Deliverables

- Website Design and Build: We built the site on WordPress, a platform optimised for SEO. The redesign focused on a clear, professional layout, improved navigation, and user experience enhancements that made the site both visually appealing and search-friendly.

- Copywriting: We wrote the majority of the site copy, crafting content that aligned with the client’s brand voice and improved clarity across all pages. This included SEO-optimised text designed to engage visitors and support higher search rankings, ensuring the messaging was as effective as the design.

- SEO and Content Strategy: The site was planned with search performance in mind from the beginning. We structured content to support relevant service and location-based keywords, giving the business a stronger foothold in organic search.

SEO Results

Despite the website being live for less than a week, we are already seeing excellent results! These include": Ranking no.1 for the search term "affordable architect in Portsmouth" and 10+ other search terms on page 1 of Google already.

Add caption here
A flexible solution with seamless integration into Webflow as a platform — delivering intuitive brand management and the power of customization.
Add caption here
This placeholder text serves as an example of how to structure your brand guidelines. Replace all content with your own copy before publishing.
Add caption here
This placeholder text serves as an example of how to structure your brand guidelines. Replace all content with your own copy before publishing.
Lockup
Add caption here
Lockup
Add caption here
Add caption here
This placeholder text serves as an example of how to structure your brand guidelines. Replace all content with your own copy before publishing.
Add caption here
Branch location sign
Add caption here
Van wrap design
Add caption here
This placeholder text serves as an example of how to structure your brand guidelines. Replace all content with your own copy before publishing.
Add caption here
Billboard design
Add caption here
This placeholder text serves as an example of how to structure your brand guidelines. Replace all content with your own copy before publishing.
Add caption here
This placeholder text serves as an example of how to structure your brand guidelines. Replace all content with your own copy before publishing.
Crafting a strategic inpactful conversion-driven website allowing the work to speak for itself. Creating a digital presence that not only reflects their professionalism, but is delivering exceptional search performance.

Typography

No-nonsense typography with weight and clarity. Chosen to communicate confidence at every scale, from business cards to billboards.

Realist
The quick fox goes with the flow.
The quick fox goes with the flow.
Realist
/
Regular
AaBb0123
Realist
/
Medium
AaBb0123
Realist
/
Bold
AaBb0123

Colours

Brick orange and slate grey nod to the materials and environment of the construction industry. The palette is bold, functional and built to carry across every surface with impact.

Dandelion
HEX:
#E3F138
RGB:
227 / 241 / 56
CMYK:
06 / 00/ 77/ 06
Ship Blue
HEX:
#08121f
RGB:
08 / 18 / 31
CMYK:
74 / 42 / 00 / 88
Color name
HEX:
#000000
RGB:
0 / 0 / 0
CMYK:
100 / 100 / 100 / 100
PMS:
Black C
Copied
Color name
HEX:
#000000
RGB:
0 / 0 / 0
CMYK:
100 / 100 / 100 / 100
PMS:
Black C
Copied
Slate Grey 70
HEX:
#606060
RGB:
96 / 96 / 96
CMYK:
61 / 53 / 52 / 24
Slate Grey 50
HEX:
#8D8D8D
RGB:
141 / 141 / 141
CMYK:
47 / 39 / 39 / 03
Slate Grey 30
HEX:
#BABABA
RGB:
186 / 186 / 186
CMYK:
27 / 22 / 22 / 00
Slate Grey 10
HEX:
#E8E8E8
RGB:
232 / 232 / 232
CMYK:
08 / 06 / 06 / 00

Related Projects

(#)

Explore More

Discover how our creativity transforms ideas into impactful digital experiences — explore more of our projects.

View All Projects