DESCRIPTION/

概要

求職者支援訓練校WSS（ウェブスタディサッポロ）のWebサイトリニューアル

ターゲット

Web業界への転職を検討している20～30代の男女

目的

現行サイトを作成したのが5年前のため、情報を新しくしたい
Webサイトを閲覧した方の応募者数増加を図りたい

課題

サイト設計が悪く利用しているとユーザーが迷子になりやすい
説明会からの申し込みが95%以上でWebサイトを閲覧して申し込みに繋がることがない

コンセプト

「つくる（作る・創る）」
「つくる」は、デザインやサイトだけでなく、スキルやマインド、そして自分の未来を形作るといった多様な意味を含んでいます。「クリエイティブやWebに興味がある」「新たな世界に挑戦したい」「憧れの自分、生活を手に入れたい」といったターゲットの抱える欲求に焦点を当て、意欲やワクワク感を駆り立てられるようなコンセプトにしました。

情報設計

ターゲットが抱える問題を解消し、WSSの魅力を最大限に伝えるサイトを目指して設計を見直しました。下層ページ数を10ページ削減し、必要な情報へアクセスしやすい構成に変更。また、新たに説明会ページを設置し、参加するメリットや内容を分かりやすく紹介しました。その後に詳細情報とフォームを配置することで、スムーズに申し込みにつながる導線を設計しました。

デザイン

カラーはイエローからグリーンのグラデーションを採用し、成長をイメージさせるグリーンを基調に、アクセントとしてエネルギーを感じさせるオレンジを取り入れました。
ファーストビューでは、図形を配置してコンセプトを視覚的に表現。さらに、右上がりの図形に沿ってキャッチコピーを配置することで、未来に向かって踏み出すターゲットの気持ちを表現しました。
全体のレイアウトは、わかりやすさを重視しつつ、飽きのこないデザインを意識しました。背景には規則性のあるラインを取り入れ、ITや学校らしさを演出しつつ、セクションごとにレイアウトを変えることで、視覚的に楽しめる構成にしています。