業種
業務改善支援・BtoBサービス
Work Detail
BtoBサービスサイト
サイト名：WorkBridge
中小企業に向けた、業務改善・システム導入支援サービスのデモサイトを制作しました。課題提起・サービス内容・強み・導入事例・利用の流れ・お問い合わせ導線までを1ページに整理し、企業担当者が安心して相談できる構成にしています。
制作概要
担当範囲
構成・デザイン・HTML/CSS実装
使用技術
HTML / CSS
ページ構成
シングルページ
このサイトについて
業務フローの整理やシステム導入に課題を感じている中小企業に向けた、BtoBサービスサイトを制作しました。
ネイビーとレッドを基調に、信頼感・実績感・ビジネスらしい力強さが伝わるデザインにしています。ファーストビューでは「業務の停滞を整理し、成長を支える仕組みへ。」というコピーでサービスの価値を伝え、課題提起、サービス内容、強み、導入事例、利用の流れ、お問い合わせへ自然につながる構成にしました。
デザインのポイント
信頼感を重視したBtoBらしい配色
ネイビーを基調に、アクセントカラーとしてレッドを使用し、誠実さと行動を促す力強さが伝わるデザインにしました。
課題からサービス理解へつなげる構成
よくある悩みを提示した上で、サービス内容・強み・導入事例へ展開し、検討中の企業担当者が自社の課題と結びつけて読み進められる構成にしました。
導入後のイメージが伝わる情報設計
数値実績、導入事例、ご利用の流れを掲載し、相談前にサービスの内容や進め方を具体的にイメージできるようにしました。
実際の画面
セクション構成
TOP
メインビジュアルとキャッチコピーで、業務改善を支援するBtoBサービスであることを伝えました。
課題提起
業務が属人化している、情報共有がうまくいかないなど、企業が抱えやすい悩みを整理しました。
サービス紹介
業務フロー設計、システム導入・DX支援、運用サポートなど、提供サービスを分かりやすく掲載しました。
強み・導入事例
現場目線の提案、導入後のサポート、分かりやすい説明などの強みと、導入事例を掲載しました。
ご利用の流れ・お問い合わせ
相談から改善・運用までの流れを整理し、最後にお問い合わせへつながる導線を設計しました。