top of page
SJ Creative Partners Logo
workers in dug out trench
logo design example

Website design for Eclipse Group, civil engineering

Boosting visibility and sales with a new website design

Tasks

Plan, design, develop, launch

All copywriting

Image selection and enhancement

All content creation

Hosting

WordPress

The goal

Eclipse came to us with a website that was out of date, hard to update and didn’t show their projects to their full potential. Their work speaks for itself, but online it was hard to see. The brief was to build a site that would win work from housebuilders and private clients. That meant putting their projects front and centre and giving the new brand somewhere to live. Because every future campaign would point back to it, the website had to come first in the rebrand.

Our approach

SJ Creative Partners provided all the planning, design, development, copywriting and content for launching the site. We chose to build the site in WordPress to future-proof the site and delivered an easy to navigate site with the aim of turning visitors into customers with clear calls to action. We put the user experience at the heart of the design with a mobile-first approach and ensured Eclipse’s exceptional projects were brought to life to increase interaction with the site. 

The new brand applied across the website

website design example on laptop screen

We planned every page on the site around the questions Eclipe's clients ask before picking up the phone: what do you do, have you done it before, and who will I be working with?

The website is designed so potential customers can explore the site intuitively and quickly become familiar with the Eclipse brand.

hand holding phone showing eclipse website design

Designing around the work

We started with the project photography. Civil engineering can often just look like fields full of mud, so we chose and edited images that show the scale and finish of Eclipse’s work, from groundworks to completed builds. The new logo, colour palette and bespoke service icons were designed alongside the site, so the brand and the website were built together and didn’t need retrofitting afterwards.

Built for how clients choose a contractor

We mapped the site around how Eclipse’s clients make decisions. Services each have their own page, so visitors land on exactly what they need. The success stories can be filtered by civil engineering, construction or landscaping, so a developer can find relevant past work in a couple of clicks. A “Meet the team” page puts faces to the business, which matters in a sector built on trust. The sustainability section reflects how Eclipse works on site, not just what it says. We designed for mobile first, because many visitors check out a contractor on their phone first.

Colour palette

A strong primary colour taken from the new logo, balanced with neutrals so the project photography remains as the main the focus.

colour palette for website

Typography styles

A bold, confident heading font paired with a clean, readable body font that works well on site and on screen.

typography samples for website

Future-proof technology

We built the site on WordPress so Eclipse’s team can add new projects and news themselves, without coming back to us for every update. That matters because a contractor’s portfolio grows with every completed job, and the site needs to keep up. We also handle the hosting, so Eclipse has one point of contact for the whole site.

See the site live here

hands holding ipad with web design example

Find out more

website mockup showing a hand holding a phone

CASE STUDY

Logo refresh, visual identity and website design

website design example of boat and key speakers

CASE STUDY

Conference branding for Energy event in Houston

gallery of instagram story designs

CASE STUDY

A new brand to set the standard for excellence in civil engineering

website design showing multiple pages

SERVICE

Find out more about our website design service

bottom of page