作品
WSS（ウェブスタディサッポロ）
WEBサイトリニューアル
概要
通っていた、職業訓練校WSS(ウェブスタディサッポロ)のWEBサイトのリニューアル課題。
グループワークとして5人1チームで製作。その中でページデザインやメインビジュアルの作成を担当。
作品形態
WEBサイト（デザイン担当） ※レスポンシブ非対応
ターゲット
20～30代のWeb業界に興味を持つ、業界未経験の人たち。
コンセプト
WSSを知ってもらい、半年後の自分をイメージできるように、親しみやすく希望を感じさせる。
訓練内容の情報収集手段がほぼ説明会のみの状態なので、説明会に参加しなくてもある程度の情報を収集でき、WSSの魅力をWEBサイトで伝えられるようにイメージ画像などを利用して伝える。
母体がIT会社なのでそこからまりにかけ離れたデザインは避ける。
デザイン
大前提として、トップページと下層ページの雰囲気を統一し、同じサイトに見えるようにする必要があり、それぞれが作成したデザインに統一感を持たせるための調整や修正する作業を主に担当。
情報の導線や、どこをクリックすればいいのかが分かりやすいよう、視線の動きやジャンプ率を意識してデザイン。
誠実さや信頼感を与える青をメインカラーに設定し、冷たい印象を与えすぎないよう水色をアクセントカラーに設定。
使用フォント
Noto Sans JP /
Zen Kaku Gothic Antique /
Oswald
使用色
#2091EE
#CFF9FA
#FFFFFF
制作時期
2025年 7月
製作時間
（担当作業のみ）
企画
20～25時間
ワイヤーフレーム
50～60時間
デザインカンプ
30～40時間
仕様ツール
Figma / Photoshop
