Brand Site

kiwa koumuten — honest craftsmanship 木和工務店

自然素材の家づくりを手がける架空の工務店「木和工務店」のブランドサイトです。職人の真面目さと誠実さが伝わる写真をファーストビューに据え、深緑を基調とした硬派な色づかいで、長く付き合える工務店としての信頼感を表現しました。

木和工務店のモックアップ画像
デモサイトを開く

別タブで、実際の 1 ページ構成のデモサイトが開きます。

— Background —

制作の背景

住まいづくりは、技術だけでなく「この職人に任せたい」と感じられる信頼関係が大切です。そこで、自然素材を扱う地域の工務店が、仕事への姿勢や一棟ずつ丁寧に向き合う姿を伝えるサイトを想定して制作しました。

完成した住宅の美しさだけでなく、職人の表情、実際の施工事例、家を建てた方の言葉まで見せることで、相談前の方にも家づくりの考え方と誠実な人柄が伝わる構成を目指しました。

— Approach —

こだわったポイント

  • 木と向き合う職人の姿をファーストビューに採用し、真面目な仕事ぶりと誠実さが最初に伝わる見せ方に
  • サイト全体を深緑の硬派なカラートーンで統一し、自然素材との相性と落ち着いた信頼感を表現
  • 「木を知り、木を活かす」「一棟ずつ、丁寧に」など、大切にしている姿勢を短い言葉で整理
  • 施工事例セクションを設け、平屋・リノベーション・土間のある家など、対応できる住まいの幅を具体的に紹介
  • お客様の声を掲載し、完成後の暮らしや対応への評価を見せることで信頼性を補強
— Scope —

担当範囲

  • サイトコンセプト・掲載内容の整理
  • 1 ページ構成の情報設計
  • 深緑を基調としたブランドトーンの設計
  • コーディング(HTML / CSS / Vanilla JavaScript)
  • レスポンシブ対応(PC / タブレット / SP)
  • 施工事例・お客様の声・家づくりの流れ・お問い合わせフォームの設計
  • 写真選定・ビジュアルトーンの調整

※ 本制作物は、ポートフォリオ公開用に制作した架空のデモサイトです。実在する工務店ではなく、名称・人物・施工事例・お客様の声などはすべてデモ用です。