≡ 一覧 No.34 TOP入口分岐 レイアウト比較 検討資料
‹ 前次 ›
全ページメニュー / SITEMAP
No.1TOP No.2リフォームTOP(機能ゾーン) No.11サービス詳細(水回り) No.13内装リフォーム No.14外装リフォーム No.15修繕・緊急修理 No.16リフォーム費用の目安・補助金 No.12取り扱い商品・設備 No.3リノベーションTOP(情緒ゾーン) No.4全面リノベーション(戸建て・マンション) No.5中古購入+リノベーション No.6二世帯化リノベーション No.7断熱・耐震・性能向上リノベーション No.8物件探し・資金計画(リノベ) No.9コンセプト No.10サービス一覧 No.17施工事例一覧 No.18施工事例 詳細 No.19リノベーション施工事例一覧 No.20リノベーション施工事例 詳細 No.21リフォーム・リノベの流れ No.22特集 No.23会社案内 No.24スタッフ紹介 No.25施工保証・アフターサービス No.26店舗一覧 No.27お問い合わせ・CV No.28来店予約 No.29資料請求 汎用汎用テンプレート No.30汎用一覧テンプレ No.31汎用詳細テンプレ No.32汎用CVテンプレ No.33汎用下層テンプレ No.34TOP入口分岐 レイアウト比較 Ver2Ver2(リニューアル改訂案) No.35TOP Ver2(総合トップ=ポータル) No.38お困りごと解決 Ver2(水回りTOP) No.42内装リフォーム Ver2 No.43修繕・緊急修理 Ver2 No.40費用の目安・補助金 Ver2 No.41取り扱い商品・設備 Ver2 No.44施工事例(水回り)Ver2 No.45施工事例 詳細 Ver2 No.39水回りの流れ Ver2 No.36理想の暮らし Ver2(大型リフォームTOP) No.46全面リノベーション Ver2 No.47中古購入+リノベ Ver2 No.48二世帯化リノベ Ver2 No.49性能向上リノベ Ver2 No.50物件探し・資金計画 Ver2 No.51リノベ施工事例 Ver2 No.52リノベ施工事例 詳細 Ver2 No.37リノベの流れ Ver2 共通Ver2 共通(ポータル) No.53コンセプト Ver2 No.54サービス一覧 Ver2 No.55会社案内 Ver2 No.56スタッフ紹介 Ver2 No.57施工保証・アフター Ver2 No.58店舗一覧 Ver2 No.59特集 Ver2 No.60お問い合わせ Ver2 No.61来店予約 Ver2 No.62資料請求 Ver2 WF一覧(ハブ)に戻る
目的:2入口レイアウト4案の比較(社内検討用) / 主CTA:—(検討資料)
TOPWF一覧TOP入口分岐 比較
STUDY

TOP入口分岐 レイアウト比較

「リフォーム(機能的価値)」と「リノベーション(情緒的価値)」の2入口について、レイアウト4案を比較(社内検討用)。現行TOPは案Aがベースです。

案A 左右2分割 現行ベース

リフォーム(左パネル)
リノベーション(右パネル)
MERIT

2つの価値を完全に対等・同格で提示。左右対称で迷いが少なく、第一印象で「2入口」と直感的に伝わる。PCで最も収まりが良い。

DEMERIT

スマホでは縦積みで「上=主/下=従」の上下関係が生まれる。各パネルの情報量が限られる。

案B 上下フルワイド2段

リフォーム(上段・横長帯)
リノベーション(下段・横長帯)
MERIT

横長帯で写真を大きく使え、世界観・情緒を伝えやすい。PC・スマホで見え方が崩れにくく一貫。

DEMERIT

2段目(リノベ)がファーストビュー外に隠れやすい。上段が有利になりがちで対等感は案Aに劣る。

案C タブ切替(1ビュー内)

リフォーム(機能ゾーン)を表示中
MERIT

1画面に集約。片方ずつ大きく見せられ、情報量を多く載せられる。スマホでも省スペース。(上のタブは実際に切替可)

DEMERIT

タブ裏の存在に気づかれにくく対等性が弱まる。初期表示=優先度の判断が必要。高齢層にタブUIが伝わりづらい可能性。

案D お悩み起点の質問分岐

「今日は、どんなお住まいのお困りごとですか?」
A設備が古い・壊れた・不便を直したい → リフォーム
B暮らしや間取りごと理想に変えたい → リノベーション
MERIT

用語の違いが分からない層も、状況(困りごと)から直感的に選べる。「まず相談」価値と親和。

DEMERIT

写真より問いかけが主役になり第一印象は弱まる。質問文コピーの巧拙に依存。

SUMMARY

比較サマリー

2入口の対等性写真・世界観スマホ適性分かりやすさ
A 左右2分割
B 上下2段
C タブ切替
D 質問分岐

推奨:PCの収まりとブランド対等性なら A/情緒・写真訴求なら B/用語が分からない層への配慮なら D(A+Dのハイブリッド=上部に質問・下部に2パネルも有効)。

背景:暮らしの情景写真

まずは、お気軽にご相談ください。

「売る」より「聞く」。見積り無料・しつこい営業はいたしません。

☎ 電話LINE相談無料見積り