S社様 (総合教育サービス事業)
総合教育サービスを展開する企業様の小中学生向け教育塾サイトのリニューアルプロジェクトにおいて、Webディレクションを担当させていただきました。
クライアント様の課題・ご要望
- ページのデザインにメリハリがなく、情報がインプットされにくい
- 情報、サイト構成が整理されておらず、魅力が伝わりにくい
- 競合他社と比較しコンテンツに不足がある
ご支援内容
Webサイトリニューアル
毎週の定例会やSlackでのコミュケーションを通じて、丁寧なコミュニケーションを取らせていただきました。
進め方のながれ
| サイトコンセプトの決定 | まずはビジネスの基本情報の整理、USPの確認、サイトの目的を整理し、リニューアルプロジェクトの核となる「ビジョン」「コンセプト」を定義。各タスクの判断基準とするため、関係者間で共有いたしました。 |
|---|---|
| 課題抽出と改善提案 | クライアント様のWebサイトの不全調査を行い、課題と改善をスプレッドシートに一覧化いたしました。 |
| 競合調査 | SEO観点、UI・UX観点、コンテンツ観点において優れている競合他社のWebサイトをリストアップ。 サイト構成、ページの差分、コンテンツの差分、UI・UXを網羅的に調査し、クライアント様のWebサイトにおいて不足している部分を可視化いたしました。 |
| ディレクトリマップの整理 | 「現状」と「あるべき姿」を整理。SEO観点で必要な場合、階層構造やパンくずリストもこの段階で設計をしております。 |
| デザイン方向性の決定 | 「ビジョン」「コンセプト」「クライアント様指定のベンチマークサイト」をもとに、デザインの方向性を議論。複数のサイトを横並びで比較し、方向性の絞り込みを行いました。 |
| 主要ページ要件の整理 | サイト内において特に重要となるページについては掲載する情報の取捨選択、配置の熟考を行い個別に要件をテキストベースで整理いたしました。 |
| ワイヤーフレームの作成 | テキストベースで整理した各ページの要件をもとにワイヤーフレームを作成。UIの検討と配置の再整理を行いました。 |
| デザイン制作 | 「デザインの方向性」と「ワイヤーフレーム」をもとにデザイン案を作成。使用フォント、フォントサイズ、画像のサイズや配置に至るまで調整を行いました。 |
| コーディング | デザインがfixしたページからコーディングを開始。テストサイト時点で動作確認を行い、調整を実施いたしました。 |
| サイト公開 | 公開時の体制確認、公開タイミングの調整を行いサイト公開を行いました。サイト公開時はチェックリストをもとに確認作業を実施し、致命的なエラーがないことを確認いたしました。 |
進行管理用のスプレッドシートのイメージ

サイトの構成やコンテンツ検討用資料のイメージ

ご支援概要
| クライアント様名 | S社様 (総合教育サービス事業) |
|---|---|
| URL | 非公開 |
| お客様の声 | – |
| ご支援内容 | Webディレクション |

