← Worksへ戻る

No.013 / Websites / 2026

住宅・建築系LPのリニューアルとコミュニティUI設計

既存LPのデザインを継承し、学習・体験・相談・イベント参加へつながるコミュニティ導線を再設計。鶴谷がディレクション、FunterUのデザイナーが画面制作を担当しました。

守秘義務のあるデザイン実績を示す共通図版。顧客の実画面ではありません。
守秘義務のあるデザイン実績を示す共通図版。顧客の実画面ではありません。

Project facts

Role
鶴谷:デザインディレクション
Deliverable
UI/UXデザイン
Industry
住宅・家づくり
Capability
デザインディレクション / 情報設計 / UI設計 / UX設計 / レスポンシブデザイン
Technology
Figma
Audience
住まいや家づくりを検討する利用者 / 住宅情報・コミュニティサービスの運営者

課題

既存LPの印象を継承しながら、情報を読むだけでなく、相談やイベント参加へ進めるコミュニティ体験を充実させる必要がありました。

解決策

学習、体験、相談、参加の目的に沿って情報の階層と画面間の導線を整理し、PC・スマートフォン向けのトップ、下層、会員画面へ展開しました。

主要機能・工夫

  • コンテンツへの導線

    学習記事や体験コンテンツを、トップから一覧・詳細へたどれる構成に整理。

  • 相談と参加のUI

    相談掲示板、イベント情報、申込・アンケートの画面を設計。

  • 会員向け画面

    お知らせ、マイページ、プロフィール編集の導線を整理。

  • PC・スマートフォン対応

    主要画面を複数の画面幅で展開し、閲覧と操作の一貫性に配慮。

成果・変化

  • 既存の印象を継承した画面展開

    情報閲覧とコミュニティ参加を一連の導線として整理しました。

住宅・建築系LPのリニューアルとコミュニティUI設計

制作時期
2026年6月
領域
LP / Community UI Design
対象
Web / Desktop / Mobile
デザイン展開数
76画面フレーム(PC・スマートフォン版、状態違い・検討案を含む)
領域別の内訳
トップ7/学習コンテンツ23/体験6/相談8/アンケート8/参加12/会員ページ12
ディレクション
鶴谷
デザイン制作
FunterUのデザイナー
公開範囲
匿名の制作実績(NDA)

背景と取り組み

既存のLPをベースに、住宅・建築分野の情報提供とコミュニティ参加をつなぐリニューアルデザインを担当しました。

トップページだけでなく、学習記事や体験コンテンツの一覧・詳細、相談掲示板、イベント情報、申込・アンケート、会員ページまで、利用目的ごとに画面を整理しました。

主要デザイン7領域の画面フレームは計76点です。内訳は、トップ7、学習コンテンツ23、体験6、相談8、アンケート8、参加12、会員ページ12です。PC・スマートフォン版や状態違い・検討案をそれぞれ1点として集計しています。

画面数は2026年9月5日時点のFigma上の展開数です。同一機能の異なる状態やデバイス別の画面を含み、固有のページ種類数とは異なります。旧デザインの参照領域、構図検討用の別領域、CMSページ、見出し・共通部品は集計対象外です。

鶴谷がデザインディレクションを担当し、画面デザインはFunterUのデザイナーが制作しました。守秘義務により、顧客名、サービス名、実画面および制作データは非公開です。

設計・制作の進め方

既存のデザインを参照し、サービスが持つ雰囲気を引き継ぎながら、コンテンツを探す・読む・相談する・参加するという目的に合わせて情報構造を整理しました。

一覧から詳細、入力から確認への流れを揃え、PCとスマートフォンの画面で、情報量と操作性のバランスを調整しました。

主な設計ポイント

コンテンツへの導線
学習記事や体験コンテンツを、トップから一覧・詳細へたどれる構成に整理。
相談と参加のUI
相談掲示板、イベント情報、申込・アンケートの画面を設計。
会員向け画面
お知らせ、マイページ、プロフィール編集の導線を整理。
PC・スマートフォン対応
主要画面を複数の画面幅で展開し、閲覧と操作の一貫性に配慮。

制作・支援した内容

  • リニューアル後のトップ・下層ページのFigmaデザイン
  • PC・スマートフォン向けの主要画面
  • コミュニティ機能に関わる一覧・詳細・入力・確認画面

制作体制と担当範囲

デザイン部分のディレクションから画面制作までをFunterUのチーム体制で担当しました。鶴谷がディレクションを行い、具体的な画面デザインはFunterUのデザイナーが制作しています。

公開について

守秘義務により、クライアント名、サービス名、実画面および制作データは非公開としています。本実績では、担当範囲と一般化した設計・制作プロセスを紹介しています。