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

WorkBridge

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

デモサイトを見る

別のタブで開きます

業種
業務改善支援・BtoBサービス
担当範囲
構成・デザイン・WordPress構築
使用ツール
WordPress / Lightning
ページ構成
TOP / サービス / 導入事例(一覧・詳細)
タグ
WordPress / BtoB / 企業サイト / Demo / レスポンシブ対応
WorkBridgeのPC・スマートフォン表示のモックアップ

このサイトについて

業務フローの整理やシステム導入に課題を感じている中小企業に向けた、BtoBサービスサイトを制作しました。WordPressのテーマ「Lightning」をベースに、デザインと構成を整えています。

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

デザインのポイント

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

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

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

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

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

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

ページの流れ

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

  1. 01 / 06

    TOP

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

  2. 02 / 06

    課題提起

    業務が属人化している、システムが分散しているなど、企業が抱えやすい悩みをイラストつきで整理しました。

  3. 03 / 06

    サービス紹介

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

  4. 04 / 06

    強み

    現場目線の提案、導入後のサポート、わかりやすい説明という3つの強みを、番号つきで整理しました。

  5. 05 / 06

    導入事例

    製造業・士業事務所・サービス業の導入事例をカードで並べ、自社に近い事例を探しやすくしました。

  6. 06 / 06

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

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

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

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

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