リフォーム店（カッコイイ系・スマホのまま横に延長）のWebデザイン見本

築20〜40年の家を、まるごと今の暮らしに合わせたい40〜60代。安さより「腕と誠実さ」で選ぶ人。黒とオレンジの強い画面で「仕上がりのかっこよさ」を見せ、数字と流れで「任せて大丈夫」と思ってもらう。


業種	建設・工務店・不動産
系統	カッコイイ系（黒地・巨大で太い文字・オレンジの強いコントラスト・直線・速く切れのいい動き）
テイスト	スタイリッシュ／信頼感・誠実
色	オレンジ・黄（黒地に）
形	スマホのまま横に延長：PCでも段組みにしない。1列・大きな文字のまま、写真と色の帯は画面の端から端まで。文字の列だけ最大 720px で中央に
スライド	CSSだけ（scroll-snap）：施工事例のカードを横に送る。矢印は JS の `scrollBy` だけ。JSなしでも指で送れる
メインビジュアル	静止画を動かす（動画風）：完成した部屋の写真1枚が、下からせり上がり、ゆっくり寄りながら左へ流れる。下端は霧のぼかし
アニメーション	あり（GSAP＋ScrollTrigger）
演出の型	A05 写真が下からせり上がり、霧の縁。社名がグラデで浮かぶ／E07 弧に沿って並ぶ文字（見出しの弧と、無料見積りボタンを囲んで回る円の文字）／D05 暗い煙の背景に金属調のロゴ、結びで格子状に並ぶ
架空の会社	「ARC REFORM（アークリフォーム）」— 〇〇市の、職人8名のリフォーム会社

だれに向けたページか

築20〜40年の家を、まるごと今の暮らしに合わせたい40〜60代。安さより「腕と誠実さ」で選ぶ人。 黒とオレンジの強い画面で「仕上がりのかっこよさ」を見せ、数字と流れで「任せて大丈夫」と思ってもらう。

メインビジュアル（A05＋静止画を動かす）：黒の画面の下から部屋の写真がせり上がる（下端は霧）。写真はゆっくり寄りながら左へ流れ続ける。巨大な「ARC REFORM」がオレンジ→黄のグラデで浮かぶ
ひとこと：「古い家を、いちばんかっこいい家に。」を画面いっぱいの大きさで
施工事例（scroll-snap）：端から端までのカード4枚。矢印で送る
弧の見出し（E07）：「見積りは、0円。」が弧に沿って流れ込み、丸いボタンの周りを「FREE ESTIMATE ・無料見積り・」が回る
数字と約束（明るい区切り）：工事後の点検・保証・職人の数（〇〇のまま）
工事の流れ：01〜05 の太い番号と直線
結び（D05）：暗い煙の写真の上に金属調の「ARC」ロゴ。下に小さなロゴが格子状に並び、少しずつ違う向きに光る→問い合わせボタン
フッター：「この会社は架空です（デザイン見本）」

完成した部屋（新・メイン）／職人（新）／黒いキッチン（新）／リビング・階段・キッチン・かんな（004 から）／煙（023 から・結びの背景）。