TOP_HERO_VARIANTS_DRAFT_V1_20260604

トップページ用ヒーロー画像 構造違い4案

色違いではなく、構図と役割を変えた比較用です。文字はページ側で載せる前提なので、画像内には文字・ロゴを入れていません。

A

PC入力・右寄せ

自動積算・販売ページ感が一番伝わる案。左側に文字を置きやすい構造。

トップページ用ヒーロー画像案A PC入力・右寄せ
B

材料テーブル俯瞰

材料選定・サンプル・図面の印象が強い案。トップ全体の入口感が出やすい構造。

トップページ用ヒーロー画像案B 材料テーブル俯瞰
C

内装施工寄り

施工会社としての技術感が一番出る案。販売だけでなく内装仕上げの会社に見える構造。

トップページ用ヒーロー画像案C 内装施工寄り
D

3本柱・導線感

Q&A、自動積算、カット依頼準備中の3本柱を抽象UIで見せやすい案。

トップページ用ヒーロー画像案D 3本柱・導線感