Skip to content
Debbie
Back to Build

Website Concept · Construction and property

Northline

A website study for a construction company. It tests clear services, project evidence and enquiry routes.

Northline dark homepage with a night-time residence and warm project accents.
Platform
Web
Disciplines
UX/UI design · Web design · Art direction
Tools
Figma · Webflow · Photoshop
Project
Self-directed concept

01 · Challenge

The design problem.

How can a construction website communicate craftsmanship and reliability while making services, completed work and enquiry routes immediately useful?

02 · Objectives

What I wanted to achieve.

  1. 01Use project images as evidence of the work.
  2. 02Explain the boundary of each service.
  3. 03Keep strong text contrast on the dark interface.
  4. 04Keep the enquiry action visible.

03 · Design direction

A clear visual point of view.

Near-black surfaces, warm cream and restrained tan create a premium but grounded construction language. Night architecture sets the opening tone, while lighter project sections provide room to inspect materials and completed spaces.

Design principles

  1. 01Show completed work before making claims
  2. 02Keep dark pages easy to read
  3. 03Give project images useful context
  4. 04Use practical service language

04 · Final design

Selected direction

Northline — selected direction
Complete Northline homepage presenting services, projects, values, locations and enquiry.

Earlier directions

Two quieter routes explored before the selected direction.

Concept 1

Northline — concept 1
First northline design direction.

Concept 2

Northline — concept 2
Second northline design direction.

05 · Reflection

What stayed with me.

The strongest part of Northline is the transition from a dark, atmospheric opening into brighter spaces where the work can be examined. It reinforced the need for premium design to remain practical. I would next refine project filtering and the quote-enquiry flow.

06 · What I explored

The threads inside the work.

  • Project photography
  • Clear service information
  • Accessible dark interfaces
  • Consistent trust signals