Cases / Розробка сайтів

Modern-construction.ca website development case

Construction and materials

  • Project typeWebsite development
Modern-construction.ca website development case
Website development

About the project

  • Information about the customer: modern-construction.ca
  • Location: Calgary, Alberta, Canada
  • Direction: Installation and construction of wooden fences

Modern Construction Solutions is a company specializing in professional installation, repair and design of wooden fences for private and commercial properties in Calgary. The main focus of the company is quality materials, reliable installation, practicality and modern design of fences adapted to the climatic conditions of Alberta.

01

Task

The main goals of the project:

  • Create a modern website for the presentation of the company and its services.
  • Create a clear structure for different types of wooden fences.
  • Show company benefits and cooperation process.
  • Implement a convenient method of obtaining the preliminary cost of works.
  • Add the ability to quickly leave a request for a project calculation.
  • Present completed work and customer feedback.
  • Prepare the site structure for further SEO promotion.
02

Platform

The site is implemented on WordPress is a platform that allows you to conveniently manage content, add new projects, services and articles, as well as scale the functionality of the site in the future.

03

Design and UX/UI

The theme of natural wood and modern private construction became the basis of the design. The visual part of the site focuses on ready-made fences, installation details and the quality of the work performed.

A clear structure has been developed for the site: the main page, a block about the company, separate pages for each type of fence, portfolio, reviews, FAQ, cost page and contacts. 

Separate pages created for Privacy Fence, Horizontal Fence, Board-on-Board Fence, Shadowbox Fence, Picture Frame Fence, Decorative Top Fence, Custom Wood Fence and additional services. This simplifies navigation for users and allows for a detailed presentation of each solution. 

The design uses large photos of realized objects, concise typography and prominent CTA buttons Get a Free Quote, Request a Quote and Call Now, which lead the user to the target action.

04

Functionality and integrations

One of the key functions of the site has become interactive fence cost calculator, which allows the client to receive an approximate calculation even before contacting the company.

For the calculation, the user can specify:

  • the length of the fence;
  • required height;
  • fence style;
  • the need to dismantle the old structure;
  • the length of the fence for dismantling;
  • number of gates.

After entering the parameters, the system forms a preliminary cost of installation, dismantling and additional elements with a total amount of estimate. The user can immediately send a request for the received calculation. 

Also implemented on the site:

  • online application for free calculation;
  • fast communication by phone and email;
  • portfolio of completed projects;
  • block with real customer reviews;
  • FAQ with answers to basic questions about installation, materials, cost and warranty;
  • detailed block How We Work, which shows the client's path from the first request to the final inspection of the completed works.
05

Mobile adaptation

The site is adapted for correct use on smartphones, tablets and desktops.

Special attention is paid to mobile interaction: basic CTAs, phone, email and button Request a Quote remain easily accessible to the user, and the structure of the pages allows you to quickly go to the desired service or receive a calculation.

06

Result

As a result, the following is implemented:

  • modern corporate site for a construction company in the Canadian market;
  • a detailed presentation of all the main types of wooden fences;
  • separate landing pages for advertising and SEO services;
  • interactive calculator for preliminary cost calculation;
  • portfolio of real works;
  • blocks with reviews and answers to frequently asked questions;
  • clear application and consultation process;
  • responsive interface for mobile and desktop devices.

Modern Construction Solutions is an example of a site that not only presents the services of a construction company, but also works as a full-fledged tool for attracting customers: it helps to choose the type of fence, view real works, pre-calculate the budget and immediately leave a request for the implementation of the project.

Let's start with the conversation

You have an idea.
We have the solution.

A few words about the business and the task. Let's discuss what next step would be useful.

01 / Introduction

Tell us about your project

01 / Introduction

Tell us about your project