木と土 建築舎

企画

広島で自然素材を使った家づくりをする、小さな工務店を想定しました。
想定する読者は、土地探しや家づくりを考え始めた40代のご家族です。「会社の情報」よりも、「この会社の家に住んだらどんな暮らしになるか」が伝わることを重視しました。そのため、トップから施工事例へ、さらに相談会や見学会のお知らせへと、自然に進める導線にしています。

デザイン

土地の光や風、木と土の手触りが伝わるように、余白と見出しのリズムを整えました。
配色は生成り・木の茶色を基調に、色数を抑えています。書体は見出しに明朝系、本文に読みやすいゴシック系を使い、落ち着いた印象に寄せました。
背景の漆喰は、手作り感と、暮らしとともに育っていくイメージのために入れています。
写真は Unsplash の素材を、トーンが揃うように選びました。

実装

WordPress でオリジナルテーマを組んでいます。

• 施工事例はカスタム投稿タイプにし、Carbon Fields で所在地・工期・種別(新築/改修)などの項目を持たせました。
  一覧とトップの両方で、同じ項目をカードとして表示できます。
• お問い合わせフォームは Contact Form 7 で組んでいます。
• 画像はサイズ違いを用意し、画面幅に合わせて出し分けています。
• 公開は、サーバーの都合で、WP から出力したものを静的に表示しています。
• 施工事例の絞り込みは、WP のデータを JSON に固定し、Next.js の1画面で動かしています。公開後は WordPress に接続しません。