安部自動車（仮称）HP 3案

1ページ完結LP　デザイン3案

6業務（新車・中古車／リース／買取／車検・整備／板金塗装／レンタカー）を「買う・守る・借りる」の3群に整理し、訴求軸「担当が変わらない」「料金の目安を先に」「大手にはない小回り」を、方向性の異なる3案で見せています。すべてスマホ最優先（ヘッダー電話ボタン＋下部追従CTA）。

住所・電話・料金・実績はすべて仮置き許可・認証：確認後に掲載フォームは見た目のみ代表写真はイニシャル枠

3案各カードから実物のページへ

案A信頼・正統派

車のご用件を、ひとつの窓口で。

ネイビー×白、明朝見出し、余白広め。業界標準の「総合窓口」構成を整理して見せる。

「担当ひとり→6業務」の関係図で“ひとつの窓口”を図解
3群の料金表を横並びで一覧
法人・事業者のお客様セクションを独立（社用車・リース担当向け）
代表挨拶・事業者情報・地図枠まで業界標準を網羅

向いている方針：法人からの問い合わせも取りたい／まずは「ちゃんとした会社」に見せたい

案Aを見る

案B親しみ・顔が見える

車のこと、いつもの人に。

クリーム×テラコッタ、丸ゴシック、写真を大きく。担当本人のストーリーを前面に。

「選ぶ→車検→傷→急な車→乗り換え」の5場面すべてに同じ担当（M.A）が登場するタイムラインで「担当が変わらない」を体感
代表の写真枠＋Q&A形式の挨拶（文面は打合せで差し替え）
フォームの相談内容はタップで選べるチップ式

向いている方針：代表の人柄で選ばれたい／個人客（家庭の車の窓口）を主に取りたい

案Bを見る

案C料金と分かりやすさ

車の費用、先にお見せします。

白×グリーン、マーカー強調。3群のタイルと料金表を最上部近くに置き、比較検討中の人がすぐ判断できる構成。

ファーストビュー直下に「買う・守る・借りる」タイル（各下限額つき）→タップで該当タブへ
タブ式料金表（含むもの・別途かかるもの・予約条件まで記載）
まとめて相談：用件をチェック→フォームの相談内容・本文に自動入力
「窓口がひとつだと何が違う？」比較表

向いている方針：比較サイトから流れてくる人を逃さない／料金表が固まり次第すぐ効く

案Cを見る

AI Web Studio版（廉価版）との違い

見た目

廉価版の「外観写真に暗いオーバーレイ＋オレンジCTA」「0円／◯◯台の数字バー」「お悩み01〜03カード」「6枚の番号付きカード」は3案とも不採用
案ごとに配色・書体・写真の扱いを変え、方向性そのものを選べるように

機能・情報設計

6業務を3群に構造化（廉価版は6枚並列）
案A：関係図と法人セクション／案B：同じ担当が登場するストーリー／案C：タブ料金表とまとめて相談
追従CTAはフォーム表示中に自動で隠れる。相談ボタンからフォームの相談内容を自動選択
写真はファイルを置くだけで差し替わる設計（下記）

共通の仕様・仮置きの扱い

電話・フォーム

電話ボタン：href="tel:"（未設定）。タップで「電話番号は打合せ後に掲載します」と表示。番号確定後は各ページの <body data-tel="0000000000"> に入れるだけで全ボタンに反映
フォームのname属性：氏名 電話 メール 相談内容 本文（固定）。相談内容の値は新車・中古車／リース／買取／車検・整備／板金塗装／レンタカー／その他
送信先：<form data-endpoint=""> にENWELLの受付エンドポイントを入れるとPOST送信。空の間は送信せずデモ表示

表現ルール（チェック済み）

料金はすべて「◯◯,◯◯◯円〜」の仮置き。車検・レンタカーは下限額表示、中古車は「支払総額でご案内」を明記。二重価格なし
指定の使わない語（認証工場／指定工場／各種代行／修復歴なし／無事故車／最安／No.1／必ず／絶対／保証／即日／24時間対応／中心／専門／特化／3つの／これだけは／伴走／最適化）は全ページで0件。規制リサーチの「分解整備」「フレーム修正」「下取り」も不使用
各サービス欄に「掲載内容は許可・認証の状況を確認のうえ確定」の注記、事業者情報に「許可・認証：確認後に掲載」
お客様の声は属性のみ・匿名の「掲載準備中」枠×3（サンプルと明記）、事例は写真枠＋準備中

追加で生成してほしい写真既存6枚はすべて使用済み

同じファイル名の写真が複数の案で共有されます（1枚生成すれば全案に反映）。推奨は既存と同じ16:9（1360×768程度）・被写体を中央寄せ（案Cのスマホでは正方形に切り抜くため）。車のエンブレム・ナンバー・文字は写らない指定にしています。

ファイル名	使う案／配置場所	表示比率	英語プロンプト
`pit-inspection.jpg`	Aサービス「守る」の写真 Bストーリー「車検・点検のとき」 Cタイル「守る」	A 16:9／B 16:10／C 1:1(SP)・16:9(PC) 生成は16:9	Photorealistic photo inside a clean, small independent Japanese auto repair garage. A Japanese mechanic in a navy blue work uniform carefully inspects the underside of a silver compact car raised on a two-post lift, holding a flashlight. Bright natural daylight coming through the open shutter, tidy red and blue tool cabinets in the background, calm and trustworthy mood. Subject centered. No brand logos or emblems on the car, blank license plate, no readable text anywhere. 16:9, 35mm lens, shallow depth of field.
`rental-fleet.jpg`	Aサービス「借りる」の写真 Cタイル「借りる」	A 16:9／C 1:1(SP)・16:9(PC) 生成は16:9	Photorealistic photo of three clean rental cars — a white kei car, a light blue compact hatchback and a silver minivan — parked neatly side by side in the small parking lot of a local car shop in a quiet Japanese suburb. Morning sunlight, clear blue sky, low residential houses in the background. Cars grouped in the center of the frame. No brand logos or emblems, blank license plates, no signage or text. 16:9, eye-level.
`corporate-fleet.jpg`	A「法人・事業者のお客様へ」	16:10 生成は16:9	Photorealistic photo of several white commercial vans and compact sedans used as company cars, parked in an orderly row in front of a small two-story office building in a Japanese town. A Japanese woman in a navy polo shirt holding a clipboard walks along the vehicles with a male office manager in business casual, checking the cars together. Soft daylight, professional and reliable mood. No logos or emblems, blank license plates, no readable text. 16:9.
`bodywork.jpg`	Bストーリー「傷やへこみを見つけたとき」	16:10 生成は16:9	Photorealistic photo in a bright, clean Japanese auto body shop. A Japanese woman staff member in a navy polo shirt crouches and points at a small dent and scratch on the rear bumper of a white compact car, explaining it to a female customer in her 30s wearing a beige knit sweater who leans in to look. Friendly, honest, explanatory mood. Subject centered. No logos or emblems, blank license plate, no readable text. 16:9.
`appraisal.jpg`	Bストーリー「乗り換える・手放すとき」	16:10 生成は16:9	Photorealistic photo of a Japanese woman staff member in a navy polo shirt appraising a customer's silver compact car in the parking lot of a small local car shop, holding a tablet while checking the side of the body. The customer, a Japanese man in his 40s in a light blue shirt, stands beside her and listens. Warm afternoon sunlight, relaxed and trustworthy atmosphere. No logos or emblems, blank license plate, tablet screen not readable. 16:9.
`used-cars-lot.jpg`	Cタイル「買う」	1:1(SP)・16:9(PC) 生成は16:9	Photorealistic photo of a small, tidy used-car display lot at a local car shop in Japan: five or six clean compact cars and kei cars in soft colors (white, pale blue, beige, silver) lined up in a row, with a small glass-front showroom in the background under a clear afternoon sky. Cars concentrated in the center of the frame. No brand logos or emblems, blank license plates, price boards left blank, no text. 16:9, slightly elevated angle.
`owner.jpg`	A 代表ご挨拶／B 代表・担当より	A 1:1（円形）／B 4:5	生成しない。実際の代表写真をご提供いただいたら、このファイル名で置くとイニシャル枠（M.A）から自動で切り替わります。
`case-01〜03.jpg`	全案納車・施工事例（準備中）	A 4:3／B 4:3／C 1:1	生成しない。実際の納車・整備・板金の写真（掲載許可済み）を推奨。

写真の差し替え方

各ページの写真枠は <figure class="slot" data-photo="ファイル名"> になっていて、assets/photos/ に同名のファイルがあれば写真、なければ「写真準備中＋ファイル名」の枠を自動表示します。
生成した写真は上表のファイル名（PNGでもOK。こちらでjpgに変換して配置します）で渡してください。HTMLの修正なしで3案すべてに反映し、再デプロイします。
既存6枚の割当：exterior.jpg店舗外観／counter.jpgカウンター相談／handover.jpg鍵渡し／estimate.jpg見積説明／phone.jpg電話対応／town.jpg住宅街の道

3案 各カードから実物のページへ