Project Overview
事務・運用・管理・調査を横断的に支援するBPO会社のコーポレートサイトです。 「何を頼めるのか」を明確に伝え、問い合わせへ自然につなげる導線設計を意識しました。
制作の背景と目的
「手が足りない」「回らない」「管理できない」という現場の課題を抱える企業に向けて、 BPOサービスの内容・強み・実績を整理し、問い合わせへの導線を設計しました。 ネイビーを基調とした配色で信頼感・プロフェッショナル感を演出しつつ、 WordPressのカスタム投稿でお知らせ・サービス情報を柔軟に管理できる構成にしています。
| カテゴリ | Corporate / BPO |
|---|---|
| 制作範囲 | 構成設計・デザイン・WordPressテーマ開発 |
| 使用技術 |
WordPress
PHP
Sass
JavaScript
カスタム投稿
ACF
|
| プロジェクト | Project 03 |
Design Points
コーポレートサイトとして求められる「信頼感」「明確さ」「問い合わせへの導線」を軸に、3つの設計ポイントを意識しました。
プロフェッショナルな配色設計
ネイビー×ゴールドを基調とした配色を採用。 BPOという専門性・信頼性が求められる業種に合わせ、 誠実さと実力感を同時に伝えるビジュアルトーンを設計しました。
サービス内容の明確な整理
「オフィス業務サポート」「マネジメントサポート」「調査・研究サポート」の3カテゴリに整理し、 「何を頼めるか」が一目でわかる構成にしました。 各サービスの詳細ページへの導線もシンプルに設計しています。
実務課題から始まる訴求
「手が足りない」「回らない」「管理できない」という 企業の現場で起きる具体的な課題をファーストビュー後に提示し、 「これは自社の問題だ」と感じてもらえる入口を設計しました。
制作で意識したこと
BtoB向けコーポレートサイトとして、意思決定者が必要な情報を効率よく得られる設計を心がけました。
ファーストビューでの即時訴求
フルスクリーンのビジュアルに「Business Process Outsourcing」と 「確かなスタッフによる業務サポート」を大きく配置。 さらに「対応領域」「支援スタイル」「目指す状態」の3点を ファーストビュー下部にカード形式でまとめ、 一目でサービスの全体像が把握できる構成にしました。
WordPressによるお知らせ管理
お知らせセクションをWordPressの投稿で管理できる構成にしました。 日付・カテゴリ・サムネイル・タイトル・抜粋が自動で表示される設計で、 担当者がコードを触らずに最新情報を発信できる運用性を確保しています。
サービスページの一覧・詳細導線
3つのサービスカテゴリそれぞれに「詳しく見る」リンクを設け、 サービス一覧→詳細ページへの自然な導線を設計しました。 意思決定者が必要なサービスを絞り込み、 詳細を確認してから問い合わせに至る流れを意識しています。
ページ末尾のCTA設計
「業務の詰まりを、実務目線で整理します」というコピーとともに、 「お問い合わせ」「サービス一覧を見る」の2つのCTAボタンをページ末尾に配置。 検討段階のユーザーと問い合わせ準備ができたユーザーの両方に対応した 導線設計を意識しています。
Page Structure
サービスの全体像を伝え、信頼感を積み上げ、問い合わせへ自然につなげるページ構成です。
Related Works
信頼感・情報設計を重視した他の制作実績もご覧ください。