WSSウェブスタディサッポロ

サイトリニューアル / 学校課題

WebサイトWSS ウェブスタディサッポロをイメージした写真のコラージュ

ターゲット
20~30代のWeb業界未経験の男女
コンセプト
企業側:一人でも多くweb業界への就職者を増やす
求職者側:新しい私を広げる場所
目的
説明会への参加者及び学校への入学志願者増加
課題
サイト内の写真が少ない、下層ページから他のセクションページに飛んでしまう、学校説明会の詳細ページがない
デザイン
教育訓練でのグループ課題として学校サイトのリニューアル案を作成し、主にデザインを担当しました。ファーストビューから、未来に向けての可能性や希望を感じられるように意識しました。水色や青を多用することで無限に広がる空を表現し、黄色で希望の光を表現しています。新しいことにチャレンジしたいけれど未経験で不安もある方々に向けて挑戦に対するハードルを少し下げていただけるように、画像の角丸やイラスト、丸みのある文字を使うことで親しみやすさも加えました。
情報設計
説明会への参加詳細に飛ぶボタンを全ページのスクロールに追従させ、閲覧のどのタイミングからでも説明会の申し込みが出来るようにしました。学校サイトということで内容が固くなりがちなので、コース紹介では閲覧者の箸休めも兼ねて在校生の日常を円グラフで紹介し、実際の生活を身近にイメージしていただけるよう工夫しました。クライアントの強みでもある、就職支援の内容と就職率をトップページと下層ページにも円グラフを付けて載せることで、より目に付きやすく印象に残るようにしました。
カラー
サイトデザインで使用したカラーコード:#E5EBFC、#608CFD、#456ED4、#F2F580
使用フォント
Montserrat / Zen Kaku Gothic New
制作時期 / 期間
2025年2~3月
企画 / ワイヤーフレーム:18時間
デザイン:42時間
コーディング:56時間
使用ツール
Figma / Photoshop / VSCode
Webリンク
WSS.html

WebサイトWSS ウェブスタディサッポロのPCデザインカンプ