安部自動車（仮称）様 ホームページ新規制作 ／ 2026-09-30 第2版
6業務を「買う・守る・借りる」の3群に整理し、「担当が変わらない」「料金の目安を先に」「大手にはない小回り」という訴求軸を、方向性の異なる3案で見せています。第2版では、評価の高い自動車業界サイトをリサーチしてテイストを作り直し、スクロールに合わせた動きを全面的に加えました。すべてスマホ優先で、ヘッダーに電話ボタン、画面下部に追従CTAを置いています。
ネイビー×白。英字の大見出し（Jost）と太い和文（Zen Kaku Gothic）を組み合わせ、写真を重ねて配置。広い余白でまとめています。
参考にしたサイト：長野安全自動車（色面・番号付きの事業行）、LEXUS（マスクで見せる演出・余白）、早川自動車整備工場（イージングの統一）
クリーム×テラコッタ。丸く切り抜いた写真、縦書きのキャッチ、手書き風の英字（Caveat）で、人柄が伝わる温かさを出しています。
参考にしたサイト：下原自動車（丸い写真・縦書き・英字の添え方）、arinomama（1文字ずつ現れる見出し・固定の相談導線）、早川自動車整備工場（ボタンの弾む反応）
白×グリーン×黄色のマーカー。見やすさ重視のUDフォント（BIZ UDPゴシック）に、金額は細長い数字書体（Barlow Condensed）を合わせています。
参考にしたサイト：コバック（料金のマーキー・UD書体＋数字用書体）、KINTO（すりガラスのヘッダー・月額カード）、早川自動車整備工場（料金カード・進捗ライン）
| ファイル名 | 使う案／配置場所 | 状況 |
|---|---|---|
pit-inspection.jpg | Aサービス「守る」Bストーリー02・サービスCタイル「守る」 | 反映済み |
rental-fleet.jpg | Aサービス「借りる」BサービスCタイル「借りる」 | 反映済み |
used-cars-lot.jpg | Aサービス「買う」BサービスCタイル「買う」 | 反映済み |
corporate-fleet.jpg | A法人・事業者のお客様（全幅＋パララックス） | 反映済み |
bodywork.jpg | Bストーリー03・小回りC選ばれる理由 | 反映済み |
appraisal.jpg | Bストーリー05C選ばれる理由 | 反映済み |
owner.jpg | A代表ご挨拶B代表・担当より | 実写待ち（生成しない）。届くまでイニシャル枠「M.A」を表示 |
case-01〜03.jpg | 全案 納車・施工事例 | 実写待ち（掲載許可済みの写真を推奨） |
href="tel:"（番号未設定）。タップすると「打合せ後に掲載」と表示。番号確定後は <body data-tel="…"> に入れれば全ボタンに反映氏名 電話 メール 相談内容 本文 で固定。data-endpoint にENWELLの受付エンドポイントを入れれば送信されるassets/photos/ に同じファイル名で置けば、HTMLを直さずに差し替わる