建設会社のホームページ制作
元請け受注を増やすサイト設計
公開日：2025年3月
「腕はあるのに元請けから仕事が来ない」「採用してもすぐ辞める」。そんな課題を抱える関東圏の中小建設会社様から依頼を受け、施工実績と職人の人柄を前面に出したホームページを制作しました。
Information
制作情報
Summary
"技術力は本物。あとは
伝える場所が必要だった"
依頼主は創業20年、地域に根ざした建設会社。しかし既存サイトは10年以上更新されておらず、施工実績はほぼ非公開。「会社の顔」が存在していないに等しい状態でした。
今回の制作では「施工実績の視覚化」「職人チームの顔出し」「問い合わせ動線の整備」の3点を軸に設計。訪れた発注者が「この会社に頼んでいいか」を3秒で判断できるサイトを目指しました。
課題
- ▸ 元請け案件がほぼゼロ（下請け依存）
- ▸ 採用応募が年間2〜3件
- ▸ 既存サイトに施工実績がゼロ件掲載
Approach
取り組み
サイト構成・情報設計
元請け発注者（工務店・ゼネコン・不動産会社）がサイトで確認したい情報を洗い出し、「会社概要 → 施工実績 → 職人紹介 → 問い合わせ」という最短ルートを設計しました。
- · TOP：インパクトのある施工写真＋CTA
- · 施工実績：工種別・規模別でフィルタリング可能
- · 会社概要：資格・許可証・保険情報を明記
- · 職人紹介：一人ひとりのプロフィールカード
- · 採用情報：働き方・給与・福利厚生を正直に
- · お問い合わせ：用途別フォームで振り分け
デザイン設計
「重厚感・信頼感・誠実さ」を軸にデザインを設計。ネイビーとアンバーを基調としたカラーで、業界らしい力強さと、中小企業ならではの親しみやすさを両立しました。
施工写真はすべて現場取材を依頼し、「誰かがやった工事」ではなく「この会社がやった工事」として見せる演出にこだわりました。
デザインの方針
"写真が語る施工実績サイト"
配色設計
ターゲットである発注者（40〜60代男性）に「信頼できる会社」と直感させるネイビーをメインに、行動を促すアンバーをCTAに集中投下する設計にしました。
ベースカラー
White
#FFFFFF
サブカラー
Cool Gray
#F3F4F6
メインカラー
Navy Blue
#1E3A5F
アクセント
Amber
#F59E0B
Future
今後の展望
公開後の継続支援として、月2本の施工実績ページ追加と「地域名＋工種」キーワードによるSEO記事を継続投稿中。Googleビジネスプロフィールとの連携で、地域検索での露出拡大を狙います。
Next Steps
Results
成果
元請け問い合わせ
月3件
公開前はほぼゼロ
採用応募数
2倍
公開から3ヶ月で達成
定性評価
「ウチの会社にしてはかっこよすぎる」と社長に喜ばれ、営業ツールとして名刺代わりに使っていただいています
Preview
サイトプレビュー
※ 掲載許可の関係上、実際のスクリーンショットは非公開です
Contact
同じ悩みをお持ちの方へ
「腕はあるのに仕事が来ない」をWebで解決します。まずは現状のサイトの課題を無料でご相談ください。