不動産システムのアプリデザイン(レスポンシブ)

会社⇔お客様共有アプリの開発のデザイン要件 サービス概要 新築戸建の購入を検討し始めたお客様向けに、自身の希望条件や購入までの流れを“整理・可視化”できるアプリ。また、こちらでもお客様のログや見ている部分がわかり顧客分析ツールとしても活用できるもの。 イメージ 結婚式場でプランナーさんとシートやアプリで準備進捗ややりたいことを見える化している状態がイメージに近いです。 アプリではありませんが、参考にシート添付します。 主な構成内容 ・希望条件等（エリア／価格帯／間取り／学区など）の入力 ・資金計画の簡易メモ欄（年収・自己資金・月々の希望返済額）・今後の流れのステップ表記（購入スケジュールの見える化） ・不安点 ・疑問点チェックリスト ・住宅ローンや物件選びの基礎知識（図解で簡易に）、FAQ的なもの ・ポイントプログラム→来店回数や物件の内覧件数に応じてその場で渡すプレゼントやお引渡し時に特典を付与する。 導入目的 ① お客様の“購入意欲の整理”を支援する→ 希望条件が漠然としている段階でも、書き出すことで頭の中が整理され、次のステップへ進みやすくなる。 ② 相談しやすい空気を生むための進捗管理→ 「一緒に考えましょう」という姿勢が伝わり、営業色を抑えた関係性構築ができる。 ③ 営業担当者との“信頼関係”構築のきっかけに→ ヒアリングの際にお客様の考えが明確になるため、的確な提案につながりやすい。 ④ エンダウド・プログレス効果による“前進感”の付与→ あらかじめ初回項目（例：購入の流れ、例示された希望条件）を埋めておくことで、　「すでに購入プロセスを一歩踏み出している」と感じやすくなり、次の行動（来店・内覧）に繋がる。 ⑤ 目標勾配効果による来店来場促進→ポイントプログラムにより来店のきっかけを作りやすくなり、お客様自身での来店意識を高めることができる。 期待している効果 ・お客様自身のニーズが言語化され、ヒアリングがスムーズに ・購入までのイメージが具体化し、検討段階が進行 ・再来店 ・内覧 ・ローン相談など次のアクションに繋がりやすい ・“相談するならこの会社”という安心感が生まれる ・営業トークの標準化 ・新人育成にも活用可能 ・ポイントプログラムが来店回数や内覧件数であることやスケジュール進捗に「まずはマイホームについて学ぼう」などの項目を入れることで、押し売りではなくちゃんとお客様目線であることを理解してもらえる。 画面構成 ■ ユーザー向け画面  ステップ誘導型UI：初回ログイン時から「資料請求→内覧→資金相談」などの進捗を表示（テンプレート設定済）  不安・疑問チェック：購入時の疑問や懸念点をチェックリスト形式で整理  学習コンテンツ：ローンや購入知識を図解記事で表示（CMSで編集可能）  ポイント制度：来店・内覧・学習完了などでポイント付与、特典表示（申告＋手動登録）  マイページ：進捗状況、入力状況、ポイント履歴などを確認可能 ■ 管理者（営業担当）向け画面  顧客ログの可視化：閲覧履歴、進捗率、フォーム入力状況、未完了項目などを一覧で確認  CMS管理画面：FAQ・学習記事・ステップ項目などをノーコードで編集可能（Strapi等）  ポイント管理：ポイントの手動加算、特典設定、履歴表示が可能 イメージとしては、以下のような画面構成を想定しています： - ログイン画面 → ホーム画面 → 各機能ページ への遷移 - ホーム画面では、 　・全体の進捗状況が◯◯％で表示される（円形メーター内に％数値、周囲に進捗を示す円グラフ） 　・次に取り組むべきステップや、おすすめの行動が視覚的にわかる構成 といった要素を重視したいと考えております。 予算内(10万円)でUI設計からご対応していただけますと幸いです。 色見や会社のカラーなどデザインの参考にＨＰや制作途中のＬＰのＵＲＬです。 HP https://arkfrontier.co.jp/ LP https://www.figma.com/proto/haMbHyQ84cHgMos1NhyWGm/%E3%83%86%E3%83%A9%E3%82%B9%E3%82%A8%E3%82%B9%E3%83%86%E3%83%BC%E3%83%88%E6%A7%98_LP-%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3?page-id=0%3A1&node-id=1-26&p=f&viewport=142%2C257%2C0.45&t=DPhBHRgVxRoeEOyC-1&scaling=scale-down&content-scaling=fixed