案件概要
- 想定クライアント
- 杉と光 建築設計事務所（架空・木造住宅専門の設計事務所）
- ターゲット
- 都内近郊で新築・リノベーションを検討している夫婦・ファミリー層
- 制作範囲
- 構成・デザイン・コーディング（HTML/CSS、レスポンシブ対応）
- 目的
- 設計思想への共感形成と、無料相談への申し込み動線設計
工夫したポイント
- 「FIG. 01」のような図版番号ラベルと薄いブループリント風の罫線を構造の軸にし、設計事務所らしい端正な佇まいを演出しました。
- 見出しは明朝体、本文はゴシック体で使い分け、和の意匠と可読性を両立しました。
- 「家づくりの流れ」は実際に順序のある工程なので番号を使う一方、他のセクションでは意味のない連番を避けるなど、情報の構造そのものに意味を持たせています。
公開後の改善提案（検証プラン）
架空案件のため実測データはありませんが、実運用を想定した検証プランまで設計しています。設計事務所のサイトも「作って終わり」ではなく、相談申し込み数をもとに改善を重ねる前提で構成しています。
検証 01
CTAの訴求分離
「相談を申し込む」より心理的ハードルの低い「設計事例を見る」ボタンを併設し、初回訪問者の遷移先を比較します。
指標：CTAクリック率・設計事例セクションへの遷移率
検証 02
設計事例の見せ方
現状は3件を一覧で見せるのみのため、事例ごとに「敷地の課題 → 設計の解決策 → 竣工後の暮らし」を加えた詳細ページ化を進め、閲覧の多い事例から優先的に拡充します。
指標：事例セクションの滞在時間・詳細ページへの遷移率
検証 03
相談への心理的ハードルの低減
「家づくりの流れ」の01ご相談に、無料・オンライン可という条件を目立たせたうえで施主の一言コメントを追加し、申し込み前の不安を減らします。
指標：家づくりの流れセクション通過後のCTAクリック率