相談する
DIFFERENTIATION SAMPLE

眠っている
BtoBの強みを、
一瞬で伝わる
サイトへ。

誠実さだけで埋もれない。専門性・スピード・相談しやすさを、ダーク×ビビッドの強いビジュアルで印象づける中小BtoB企業向けHP制作案です。

制作実績サンプル（架空の企業設定）です。 数値・制作実績・お客様の声は参考表現を含みます。提案力と方向性の違いを見せるためのサンプルです。
差別化の中身を見る 架空実績を見る
3案 提案比較（参考表現）
48h 初回方向性提示（参考表現）
5-10 月間制作想定（参考表現）
Problem

中小BtoBのHPは、
強みが見える前に
閉じられます。

堅実な会社ほど、サイト上では差が見えにくくなります。最初の数秒で「この会社に相談したい」と思える設計が必要です。

専門性が
伝わりきらない

技術力や対応範囲はあるのに、文章が一般的すぎて選ばれる理由が見えません。

初回相談への
心理的ハードルが高い

料金目安や進め方が見えないと、問い合わせ前に比較候補から外れてしまいます。

古い印象で
機会損失している

スマホで読みにくい、情報が古い、採用候補者にも伝わらない状態が続きます。

Solution

差別化案は、
“攻めた第一印象”で
商談の入口を作る。

堅いBtoBに、
あえて記憶に残る
表現を。

定石案では誠実さを伝え、差別化案では「この会社は新しい」「相談すると変わりそう」という期待を作ります。3案比較の中で、選択肢の幅を見せる役割です。

  • ファーストビューで専門性とスピード感を同時に訴求
  • 料金・流れ・FAQを明示し、問い合わせ前の不安を削減
  • 架空実績や参考数値は、サンプルであることを明示して使用
  • スマホでも横はみ出しせず、見出しの改行位置を意味で設計
Feature

提案型HP制作に
必要な強みを、
画面で見せる。

3方向のデザイン展開

踏襲案、業種定石案、差別化案を並べることで、クライアントが判断しやすい提案にします。

情報設計とコピー調整

会社の強み、サービス内容、料金目安、問い合わせ導線を、商談につながる順番へ整理します。

スピード制作に強い構成

セクション単位で量産しやすいHTML/CSS構成にし、月5-10件の制作にも対応しやすくします。

Process

初回提案までの
制作プロセス

01

素材確認

既存サイト、会社情報、サービス資料を確認します。

02

方向性分解

踏襲・定石・差別化の役割を分けます。

03

構成作成

見出し、CTA、セクション順を整理します。

04

実装

PC・スマホ対応のHTML/CSS/JSを作成します。

05

比較化

提案の違いが伝わる比較ポイントを整理します。

06

納品

URL、ソース、修正メモをまとめて提出します。

Price

料金プランも、
迷わず選べる
見せ方に。

中小BtoBで想定される価格帯を、初回相談につながりやすい3プランとして整理しています。

Lite

簡易HP

15-30万円

まずは会社概要と問い合わせ導線を整えたい方向け。

  • 1-3ページ程度
  • スマホ対応
  • 基本SEO設定
  • 問い合わせ導線
Speed

TOP刷新

10-25万円

既存サイトを活かし、第一印象だけを短期で改善したい方向け。

  • TOPページ再設計
  • コピー調整
  • CTA改善
  • 簡易比較案作成
Corporate

コーポレートサイト

30-60万円

サービス・採用・FAQまで含めて整理したい方向け。

  • 5-10ページ程度
  • 情報設計
  • フォーム導線
  • 公開後サポート相談
! 制作実績サンプル（架空の企業設定）です。以下の制作実績・お客様の声・数値は、提案時の見せ方を確認するための架空表現です。実在企業の実績ではありません。
Works

制作実績の見せ方も、
業種別に変える。

MANUFACTURING
架空実績 / 参考表現

精密部品メーカー

設備力と短納期対応を主軸に、問い合わせ前の不安をFAQで解消する構成。

CONSULTING
架空実績 / 参考表現

業務改善コンサル

抽象的なサービスを、課題別・料金別・導入ステップ別に整理する構成。

IT SERVICE
架空実績 / 参考表現

SaaS導入支援

専門用語を抑え、経営者にも判断しやすい導入メリットを前面に出す構成。

Voice

お客様の声
（架空表現）

「3案を並べてもらえたので、社内で方向性を決めやすかったです。攻めた案があることで、無難案の良さも見えました。」

製造業 経営者架空コメント

「料金や流れが先に見えるので、問い合わせ前の不安が減りました。提案の比較がそのまま判断材料になりました。」

士業 代表架空コメント

「今風に見えるだけでなく、サービス内容の整理までされていて、営業資料としても使いやすい構成でした。」

IT企業 担当者架空コメント
FAQ

よくある質問

差別化案だけでなく、落ち着いた案も作れますか？

可能です。今回のサンプルは対比を見せるための差別化案で、既存の業種定石案とは意図的に大きく雰囲気を変えています。

架空実績や参考数値の扱いは大丈夫ですか？

制作実績サンプル（架空の企業設定）と明示しているため、実績として誤認されない表現にしています。本番提案時は実データへ差し替えます。

月5-10件のスピード制作に対応できますか？

セクション単位で展開しやすいHTML/CSS構成にし、比較案を作りやすい設計にしています。実運用では素材量と修正回数に応じて調整します。

フォームは実送信されますか？

このサンプルでは送信完了を装わず、mailtoでメール作成画面を開きます。本番ではフォーム送信システムへ接続します。

Contact

提案型HP制作の
相談内容を送る。

サンプルのため、送信ボタンはメール作成画面を開きます。送信完了の嘘は出しません。

送信先は sample@example.com です。実運用では正式なメールアドレスやフォームへ差し替えます。