BtoBサービスサイト(デモサイト)

WorkBridge

中小企業に向けた、業務改善・システム導入支援サービスのデモサイトを制作しました。課題提起・サービス内容・強み・導入事例・利用の流れ・お問い合わせ導線までを1ページに整理し、企業担当者が安心して相談できる構成にしています。

デモサイトを見る

別のタブで開きます

業種
業務改善支援・BtoBサービス
担当範囲
構成・デザイン・HTML/CSS実装
使用技術
HTML / CSS
ページ構成
シングルページ
タグ
HTML / CSS / BtoB / 企業サイト / Demo / レスポンシブ対応
WorkBridgeのPC・スマートフォン表示のモックアップ

このサイトについて

業務フローの整理やシステム導入に課題を感じている中小企業に向けた、BtoBサービスサイトを制作しました。

ネイビーとレッドを基調に、信頼感・実績感・ビジネスらしい力強さが伝わるデザインにしています。ファーストビューでは「業務の停滞を整理し、成長を支える仕組みへ。」というコピーでサービスの価値を伝え、課題提起、サービス内容、強み、導入事例、利用の流れ、お問い合わせへ自然につながる構成にしました。

デザインのポイント

  1. 信頼感を重視したBtoBらしい配色

    ネイビーを基調に、アクセントカラーとしてレッドを使用し、誠実さと行動を促す力強さが伝わるデザインにしました。

  2. 課題からサービス理解へつなげる構成

    よくある悩みを提示した上で、サービス内容・強み・導入事例へ展開し、検討中の企業担当者が自社の課題と結びつけて読み進められる構成にしました。

  3. 導入後のイメージが伝わる情報設計

    数値実績、導入事例、ご利用の流れを掲載し、相談前にサービスの内容や進め方を具体的にイメージできるようにしました。

ページの流れ

トップから順に、どんな順番で情報を見せているかをまとめました。画像を押すと、セクション全体を拡大して見られます。

  1. 01 / 05

    TOP

    メインビジュアルとキャッチコピーで、業務改善を支援するBtoBサービスであることを伝えました。

  2. 02 / 05

    課題提起

    業務が属人化している、情報共有がうまくいかないなど、企業が抱えやすい悩みを整理しました。

  3. 03 / 05

    サービス紹介

    業務フロー設計、システム導入・DX支援、運用サポートなど、提供サービスを分かりやすく掲載しました。

  4. 04 / 05

    強み・導入事例

    現場目線の提案、導入後のサポート、分かりやすい説明などの強みと、導入事例を掲載しました。

  5. 05 / 05

    ご利用の流れ・お問い合わせ

    相談から改善・運用までの流れを整理し、最後にお問い合わせへつながる導線を設計しました。

こんなサイトを作りたい、
というご相談も。

新しくホームページを作りたい。今のサイトを見直したい。まだ内容が固まっていなくても大丈夫です。お話を伺ったうえで、いま必要なものだけをご提案します。

ご相談・お見積もりは無料です。