愛媛県新居浜市で新築・リフォーム・店舗設計を手がける株式会社Jm様より、ホームページのリニューアル制作を依頼いただきました。十数年前に制作したサイトはスマートフォン非対応のまま運用が続いており、現代のユーザー環境に対応した新しいサイトへの刷新を希望されていました。
制作の目的
リニューアル / Web集客の強化
サイトURL
目次
サイトを制作した結果・構築した仕組み
設計事務所のサイトに訪れるユーザーが「何を知りたくてページを開くのか」を起点に、セクションの順序と内容を設計しました。施工事例・会社の考え方・ブログ・お問い合わせへの導線を、顕在層の情報収集の流れに沿って配置することで、訪問者が迷わず必要な情報にたどり着ける構成としています。
テンプレートを使わないオリジナルデザイン
既製テンプレートは一切使用せず、株式会社Jm様の世界観を表現するデザインをゼロから制作しました。上質な施工写真を大きく見せるレイアウト、余白を活かしたシンプルで洗練された構成により、設計事務所としてのブランドイメージを視覚的に伝えています。
顕在層の行動を意識したセクション設計
設計事務所のサイトを訪れるユーザーの多くは、すでに「依頼先を探している」段階にあります。「どんな家を作れるか（施工事例）」「どんな会社か（理念・会社概要）」「連絡先はどこか（お問い合わせ）」という情報収集の順序を意識してセクションを配置し、問い合わせまでの離脱を最小化する導線を設計しました。
制作に至った背景
サイトへのお問い合わせからご依頼いただきました。十数年前に制作したサイトがスマートフォンに対応しておらず、モバイルユーザーへの機会損失が続いている状況でした。会社の実力や想いをきちんとWebで表現したいというご要望のもと、制作がスタートしました。
実施した内容
- オリジナルWordPressテーマの開発 — 既製テンプレートを使わず、株式会社Jm様の世界観に合わせたデザインをゼロから構築。スマートフォン・タブレット・PCすべてに対応したレスポンシブデザインを実現。
- 顕在層を意識したセクション設計 — ユーザーの情報収集の流れを想定し、施工事例・理念・ジャーナル・お問い合わせへの導線を最適な順序で配置。
- 施工事例（WORKS）ページの構築 — 写真を大きく見せるレイアウトで施工実績を訴求。カテゴリ別に整理し、見たい事例にすぐアクセスできる構成を実装。
- ブログ（JOURNAL）機能の整備 — 住まいづくり・リノベーション・店舗づくりなどカテゴリ別に記事を管理できるブログ機能を設計。SEOおよびユーザーとの継続的な接点づくりに活用できる設計。
