Web Design

BtoBサービス企業向けWebサイトデザイン

PMO、DX推進、AI活用支援を行う架空のBtoBサービス企業を想定した、自主制作のトップページデザインです。
事業内容や強みを整理し、専門性と相談しやすさの両方が伝わる構成を意識しました。

Web Design UI Design BtoB Service

画面内の企業名・文章・事例内容は自主制作のサンプルです。写真は利用規約を確認した素材を使用しています。

概要

BtoBサービス企業のコーポレートサイトを想定し、事業内容、強み、支援事例、問い合わせ導線がわかりやすく伝わるトップページデザインを制作しました。
今回は、PMO、DX推進、AI活用支援を行う架空企業をテーマに、専門性と相談しやすさの両方が伝わる構成にしています。

デザインのポイント

ファーストビューでは、企業の方向性が一目で伝わるコピーと写真を組み合わせ、BtoBらしい信頼感と推進力が伝わる見せ方にしました。
下部では、サービス内容、支援品質、導入事例、会社情報、問い合わせ導線を順番に整理し、事業内容を理解したあとに相談へ進める流れを意識しています。
また、抽象的になりやすいPMOやDX、AI活用支援の内容を、カードUIや図解的なレイアウトで整理し、短時間でも内容を把握しやすい構成にしています。

制作内容

  • トップページデザイン
  • ファーストビュー
  • Topics エリア
  • Mission エリア
  • Service エリア
  • Strength エリア
  • Case エリア
  • Company エリア
  • Contact エリア
  • スマホ表示想定

補足

実案件ではありませんが、デザインの考え方を見ていただくための自主制作です。
画面内の企業名、文章、事例内容はサンプルとして作成しており、実在企業の情報は使用していません。写真は利用規約を確認した素材を使用しています。