概要

学校課題として、既存のウェブサイトをもとに 「WSS（ウェブスタディサッポロ）」のリニューアルサイトを作成しました。 ただサイトを作成するだけではなく、学校教員がクライアント役となり、ヒアリングを重ねて要件定義やサイトコンセプトを提案するなど、実際のサイト制作のプロセスを学習しながらチームで協力して制作する体験をしました。 制作は5人1班のグループで行い、私はデザインリーダーとしてFVのデザイン方針やデザインルール決めなどを主に担当しました。また、コーディングでは主に「受講内容」、「就職について」、「お問い合わせ」の3ページを制作しました。

ターゲット

20~30代の男女

目的

・情報を整理することで、Webサイトを見て応募に必要な情報がわかりやすく伝える。
・専用ページを追加することでWebサイトからも応募できるようにする。

デザイン

『「Web業界を目指したい」に応える、実践重視の職業訓練校webサイト』をコンセプトに、職業訓練校に入校を考える人に明るい将来をイメージさせるよう、明るく爽やかで若々しい色使いを意識しました。 元サイトでは利用者がどのページにいるのかわかりにくく複雑な設計だったため、ユーザーが迷子にならないシンプルな設計を第一にデザインしました。 また、下層ページが複数あるサイトのため、ページごとのFVのデザインを揃えるなど全体の統一感を重視しました。

フォント

日本語：Noto Sans JP

英語　：Poppins

カラー

製作期間

デザイン：25h

コーディング：50h

制作ツール

Figma / Photoshop / VSCode

URL

https://www.sample.co.jp/