Senior UX/UI DesignerResponsive Marketing & Portfolio SiteResidential Design & Build

Thanada Construction Website

BEURDEV CO., LTD. · Apr 2024 – Jul 2024
Thanada Construction website — design and construction portfolios kept separate, full organisation chart published
Executive Summary & Impact
Real-world
Match between system and the real world
portfolio split into the two judgements a homeowner makes
Visibility
Visibility of system status
who owns each stage, after handover too, on one chart
Guidance
Help and documentation
articles for homeowners researching months ahead

A portfolio and enquiry site for a residential design-and-build contractor, designed for a homeowner making a decision that takes months. The design separates the two judgements they make, shows who inside the company owns each stage, and stays useful to people who are not ready to enquire yet.

01 / Discovery & Heuristic Gaps

Problem & Usability Gaps

Commissioning a house is decided on evidence a homeowner cannot easily get. Read against the heuristics, a single gallery mixes two different judgements, taste in design and quality of construction; a builder's site rarely shows which people inside the company handle each stage, including who answers after handover; and someone researching months before they can commission has no reason to visit.

One gallery
design and construction work commonly shown together
Company unseen
no account of who handles each stage
No early content
nothing for homeowners still months from deciding
02 / Architecture & UX System

Design Decisions by Heuristic

01
Match between system and the real world
Two Portfolios, Not One
Completed work splits into design projects and construction projects, on the homepage and on the portfolio page. A homeowner judges taste and execution separately, the way they would if they were visiting finished houses.
02
Visibility of system status
The Organisation Chart, Published in Full
The about page shows three departments and their thirteen functions, from design and estimating through engineering, construction and handover to quality warranty and after-sales service. A homeowner can see who owns each stage of the build, including after handover, rather than taking capability on trust.
03
Help and documentation
Articles for People Not Ready to Enquire
An article index and template cover choosing a contractor and a house design. A build decision has a long lead time, so helping someone who cannot yet commission is part of the site's job.
04
Flexibility and efficiency of use
An Enquiry Band at the Foot of Every Page
Every page ends on the same band, an invitation to ask about design and construction with the phone number and a LINE button, above the footer. A homeowner who has seen enough can enquire from wherever they stopped reading.
03 / Verification & Evidence

Before & After by Heuristic

HeuristicBeforeAfterChange
Real-worldDesign and construction mixedTwo portfolios judged separatelySeparated
VisibilityCompany structure unstatedThree departments, thirteen functionsPublished
GuidanceNo reason to visit earlyArticle and guide contentReached
EfficiencyContact on its own pagePhone and LINE band on every pageCloser

"The question underneath 'which builder should I use' is usually 'will anyone answer when something needs fixing in year two'. Showing who owns each stage answers it better than a guarantee written in marketing copy."

— Design rationale · Thanada Construction Website
04 / Retrospective

Design Learnings

→

Separating two judgements the user makes in real life, taste and execution, makes each of them easier to make.

→

An organisation chart works as system status for a service: it turns a claim about capability into a visible list of who does what.

→

Long decisions need help content for people who cannot act yet; it is part of the job, not an extra.