KING REON — DESIGN DRAFTキングレオン様 ホームページ 初稿デザイン案
DESIGN DRAFT / 2026.09

キングレオン様
ホームページ 初稿デザイン案(3案)

方向性の異なる3案をご用意しました。いずれもダーク・プレミアム系で配色は共通ですが、「サイトのどこで問い合わせを取りにいくか」の設計が異なります。実際にスマートフォンでも触っていただき、しっくりくるものをお選びください。ベースを1案お選びいただき、他案の良い部分を組み合わせることもできます。

PLANS

3つの方向性

いずれも「岐阜・岐南町のカスタムカー販売店として信頼できること」と「問い合わせにつながること」を両立させる設計です。違いは、その重心をどこに置くかです。

案A イメージ 案 A

MONOLITH — 世界観で見せる

1ページ完結

画面いっぱいの車両写真と明朝体で、「他とは違う店」という印象を最初の3秒でつくる案です。余白を大きく取り、細いゴールドのラインで区切ります。カスタムの作例そのものを主役にしたい場合に向きます。問い合わせ導線は、スマートフォンの画面下に常時固定して取りこぼしを防ぎます。

  • フルスクリーン写真
  • 明朝体
  • ブランド訴求
  • スクロール演出
ページ数
1ページ(8セクション構成)
強み
第一印象・世界観。Instagram からの流入と相性が良い
注意点
情報量は3案の中で最も少なめ。読ませる要素は絞っています
向く方
「カスタムの格好よさ」を一番前に出したい場合

月額14,800円(税別)

案A を見る ›
案B イメージ 案 B

PROOF — 信頼と実績で押す

1ページ完結・情報量多め

最初の画面の右側に「ご相談内容をお選びください」という問い合わせパネルを置き、スクロールせずに4つの導線へ入れる案です。その直下に評価・在庫台数・スタッフ数・全国納車を数字で並べ、「困りごと → 解決」「選ばれる5つの理由」「サービス一覧表」「よくある質問8問」と読ませます。3案の中で最も問い合わせ率を取りにいく構成です。

  • ファーストビューにCVパネル
  • 実績を数字で
  • 比較・一覧表
  • 追従バー(PC・スマホ)
ページ数
1ページ(10セクション構成)
強み
検討中のお客様を逃さない。遠方の方の不安に先回りして答える
注意点
情報が多いぶん、写真の「余白の美しさ」は案Aより控えめ
向く方
「名刺代わり」+「問い合わせを増やす」を両立したい場合(推奨)

月額14,800円(税別)

案B を見る ›
案C イメージ 案 C

GATEWAY — 目的から入らせる

トップ+下層4ページ

最初の画面のすぐ下に「車を買う/カスタムする/車を売る/車検・修理」の4つの入口を並べ、来訪者に自分で選んでもらう案です。それぞれが独立したページになっているため、「岐南町 車 買取」「カスタム 塗装 岐阜」などの検索から、目的のページへ直接来てもらえるのが利点です。将来ページを増やしていく前提の構成でもあります。

  • 目的別4ページ
  • 検索対策に有利
  • スマホの親指導線
  • 横スクロール事例
ページ数
5ページ(トップ+買う/カスタム/売る/車検・修理)
強み
買取だけ・車検だけのお客様も拾える。検索からの流入を伸ばしやすい
注意点
ページが分かれるぶん、更新する箇所は3案の中で最も多い
向く方
販売以外(買取・車検・カスタムのみ)の相談も増やしたい場合

月額19,800円(税別)

案C を見る ›
PLAN3案とも、料金の考え方は同じです
  • 初期費用0円
  • 修正月3回まで
  • サーバー管理・SSL月額に込み

※ 記載の月額はすべて税別です。/※ 案Cは下層4ページを含むため、月額が異なります。/※ 独自ドメインを新規取得される場合の費用は別途となります(旧ドメイン king-reon.co.jp を継続してお使いいただける場合は不要です)。

COMPARE

3案の比較

配色・写真・掲載する情報はすべて共通です。違うのは「並べ方」と「問い合わせの取り方」です。

項目案A MONOLITH案B PROOF案C GATEWAY
ひとことで世界観で見せる信頼と実績で押す目的から入らせる
ページ構成1ページ・8セクション1ページ・10セクショントップ+下層4ページ
最初の画面全画面の車両写真とキャッチコピーキャッチ+問い合わせパネル(4導線)を横並びキャッチ+4つの目的タイル
問い合わせ導線各セクション末尾+スマホ追従バー最初の画面/全編/PC・スマホ追従バー目的タイル/各下層ページ/スマホ追従バー
信頼材料の置き方控えめ(店舗情報セクションに集約)最初の画面直下に数字で提示(最も強い)目的タイル直下に数字で提示
情報量少なめ(読ませすぎない)多め(比較表・FAQ8問)中〜多(下層に分散)
検索からの流入△ 1ページのため単一テーマ○ 1ページだが情報量で拾える◎ 目的別ページで拾いやすい
問い合わせ率◎(3案で最も高い想定)○〜◎(目的が決まっている来訪者に強い)
公開後の更新やや手間(ページ数が多い)
相性の良い流入元Instagram・SNSグーネット・名刺・紹介Google検索
月額(税別)14,800円14,800円19,800円
共通条件初期費用 0円/修正 月3回/サーバー管理・SSL 込み
おすすめ
  • 「名刺代わりに信頼性を出したい」「問い合わせを増やしたい」という今回のご要望に対しては、案Bが最も素直に応えられる構成です。
  • 案Bをベースに、案Aのファーストビュー(全画面写真+明朝体)を載せ替える、案Cの目的別4ページを後から追加する、といった組み合わせも可能です。
  • まずは「最初の画面がどれがいちばんしっくりくるか」でお選びいただくのが早いと思います。
COMMON

3案に共通する仕様

COLOR

配色

ヒアリングシートでご提示した配色をそのまま使用しています。黒地に細いゴールドのラインという構成で、派手なカーイベント風にならないよう抑えています。

#111111マットブラック/背景

#1D1D1Fチャコール/面の切替

#F5F5F5ホワイト/本文

#C8A45Dゴールド/アクセント・罫線

#B8232Fレッド/注目バッジ

#8B8F94メタリックグレー/補足

CHECK

公開前にご確認をお願いしたい項目

下記は現在すべて「仮表示」または「枠のみ」の状態です。内容をお知らせいただき次第、正しい表記に差し替えます。

掲載していない項目について
  • 定休日:媒体ごとに「年中無休」「不定休」「24時間営業」と記載が異なるため、あえて掲載していません。「ご来店前にお問い合わせください」で統一しています。
  • 車両価格:2023年10月からの支払総額表示ルールに対応するため掲載せず、グーネットへ集約しています。
  • 法人格:登記が確認できないため「株式会社」「代表取締役」は使用していません。
  • 郵便番号:現住所に対応する 501-6002 を採用しています。