WSS サイトリニューアル
URL
作品概要
職業訓練校WSS(ウェブスタディサッポロ)のサイトリニューアル
担当範囲
企画 / デザイン / コーディング
製作期間
企画
20h
デザイン
35h
コーディング
24h
使用ツール
Photoshop / Figma / HTML / CSS / jQuery
目的
企業様からのサイトリニューアルのご依頼を想定し、ヒアリング・企画・デザイン・コーディングまで、実際の制作フローを体験することを目的に取り組みました。 グループワーク形式で、複数人による役割分担や意見交換を重ねながら、実際の現場に近いかたちで制作を進行しました。
ターゲット
20～30代の男女
デザイン
トップページでは、上を向く人物の写真をメインビジュアルに採用することで、「前進」や「希望」といったポジティブな感情を視覚的に表現しました。 また、セクション間の余白やレイアウトの配置、グラフの設置位置など、視線の流れを丁寧に設計しました。情報がスムーズに伝わるよう、ユーザーの目線の動きに沿った構成を心がけました。
フォント：
見出しにはゴシック体を採用し、読みやすさと現代的な印象を視覚的に演出しました。本文には「Noto Sans JP」を使用し、誠実さと親しみやすさを兼ね備えたトーンで、安心感のある読み心地を意識しています。
配色：
誠実さ・安心感・知性といった印象を与えるため、白と青を基調とした配色にしました。教育やキャリア支援といった分野において信頼感を高める役割を担っています。
#1284E0
#D9FCFF
#FFFFFF
