06.
WSS
所属していた職業訓練校のグループワークの課題として、企業ホームページを作成しました。
コンセプトは「未来への道案内」です。
- 概要
- 職業訓練校「ウェブスタディサッポロ(WSS)」の申込者数を増やすための施策として、公式サイトのリニューアルを行う。
課題解決に必要となるアイデアを出して、プロジェクトの企画を策定、クライアントに提案し、リニューアルの方向性を決めてから、サイトを作成する。 - 《なぜサイトを改修するのか》
-
- 写真が少なくてどんな学校なのかイメージがつかない。
- サイト設計が複雑で、どこになんのコンテンツがあるか分かりづらい。HP内で迷子になる。
- Web業界に行く人を応援している事をもっと売り込んでほしい。
- ⇒WSSがやっている事をユーザーに分かりやすく伝わるよう改修をして、申込者増加へ繋げる
- 《ターゲットするユーザー像》
-
- 転職活動中の20~40代の男女
- Web業界に興味はあるけど具体的にどうしたらいいのか分からない
- 新しい事に挑戦したいけど、一歩踏み出せない。それでも前に進みたい意欲がある
- 自分に自信がなく、なにか強みをつけたい
- ⇒上記のような思いを抱える人達が、自分の将来をより明確にイメージできるようにサポートしていきたい
- コンセプト
- 「未来への道案内」
未来(将来の自分)を変えたいと考える転職者が、自分の将来をより明確にイメージできるようにサポートしていきたい。
一歩踏み出したい人の道しるべとなれるサイトを設計。 - サイト設計
- TOPページのメインビジュアルには動画を使用し、インパクトを与え、未来に向かって進むというイメージをしやすいように、上向きに歩く女性モデルを採用。
基本カラーを白と黒でスタイリッシュにまとめつつ、ロゴカラーのイエローをアクセントに入れて印象に残るような色みに変更。
各カテゴリーでは、アクセントカラーを使ったセクション名+そのコンテンツがなにを指しているかが分かりやすい画像を使って、サイト下部まで読み進めてもらえるよう工夫しました。
また、HPを見て受験を決意した人が、すぐに行動できるようにTOPページにダイレクトに受験申し込みのフローを載せ、勢いや熱がある内に申し込みをしてもらえるように配置を考えました。
問題と解決策
- 内容
- グループワーク(5名)
企画・デザイン・コーディング - 使用ツール
- Photoshop / figuma / VScode
- 制作時期と期間
- 2022年10月(3週間)
- 担当
- ディレクター及び、
コーディング(説明会予約ページ、お問い合わせページ) - レスポンシブ
- PC(幅1920px)のみ
01.
Next production