02 · Construction · Website

Cheney Constructions

A clean, trustworthy web presence for a construction company and its projects.

Role

Product Designer

Focus

Construction · Website

Platform

Responsive website

Tools

Figma

Cheney Constructions original project artwork

Project artwork is from the original presentation. The narrative below is editorial design rationale; it does not claim unprovided interviews, testing or measured business results.

01

Overview

Cheney Constructions is a website design that brings a construction company's services and project work into a clear digital presentation.

02

The problem

Choosing a construction company is a high-consideration decision. Visitors need to understand capabilities, inspect relevant work and find an enquiry path without being distracted by visual noise.

03

Goals

Business

  • — Present a coherent product experience for prospective clients evaluating a construction partner.
  • — Keep the main task and supporting information consistent across the journey.

User

  • — Move confidently through company introduction to enquiry.
  • — Understand the current context and the next meaningful action.
04

Design scope

  • Product framing
  • Information hierarchy
  • Interaction design
  • Visual interface design
  • Construction
  • Website
05

Product analysis

Trust and relevance drive the information hierarchy: what does the company build, what does its work look like and how can someone make contact? Project imagery offers concrete work to inspect; concise service information helps interpret it. Unsupported quality claims cannot replace that context. This is a design analysis, not a report of user interviews or usability testing. It frames the questions the product should answer without presenting assumptions as research findings.

06

Flows & architecture

The sequence below is an explanatory model of the main journey, not a screen-by-screen inventory of the original design file. Each stage establishes context, supports a decision or clarifies the result.

Company introduction→Services→Project portfolio→Project detail→Enquiry
07

Explorations & trade-offs

A photography-led layout makes the work immediate; a text-heavy layout can explain capabilities but demands more reading. An editorial balance lets projects establish the first impression and follows with useful service information. These alternatives describe design trade-offs; they are not presented as archived wireframes or a record of tests that were not supplied.

08

Visual design & system

A consistent interface system connects typography, spacing, navigation and action hierarchy. Headings establish context, supporting copy explains decisions and primary actions identify the next meaningful step. Reusable patterns should retain the same meaning across screens. Color should reinforce priority or status, never be its only signal. Narrow layouts need to preserve reading order and legibility rather than simply shrink the desktop arrangement. The original visual treatment is available in the project artwork and Behance presentation.

09

Key decisions

Let the work lead

Project photography gives visitors something tangible to evaluate. Interface elements should frame that work rather than compete with it.

Connect evidence to enquiry

Contact actions are most useful after a visitor has gained context from services and project work. Their placement should follow the decision journey.

10

Outcomes & learnings

The documented deliverable is the Cheney Constructions design presentation on Behance. No verified launch metrics or usability results were supplied, so no conversion, retention or efficiency gains are claimed here. The design takeaway is to match hierarchy to the user's current decision. The evaluation questions below provide a concrete way to assess that direction with users.

11

Evaluation questions

  • Can a visitor identify the service offering?
  • Can they find relevant work?
  • Can they locate the enquiry path?

Next project

FlipIt