WSS(2024.8)

About the Work

制作時間

2weeks

使用技術

Figma / Photoshop / HTML / CSS

対応デバイス

PC(1920×1080)

リンク

クリックしてページを開きます

Overview

Webデザイナー・クリエイターを育てる職業訓練校「WSS」のリニューアルサイトを制作しました。 5人でチームを組み、私はデザイナーとしてデザインを主に担当しました。コーディングは「JOB HUNTING」ページを担当しました。

Target

Web業界に興味のある20～30代の男女

Purpose

Web業界を目指す人を増やす。説明会からだけでなくWebサイトからの応募を増やす。

Concept

「君だけのデザインが、ここにある。」
100人いれば100通りのデザインがあるように、WSSは一人ひとりの個性を重んじ、寄り添い、可能性を広げる。また、挑戦をサポートし、未来へ踏み出したくなる環境がある。 自分だけのデザイン・人生をWSSからスタートしようという意味を込めました。

Design

mvにはペイントのようなモチーフを多用して「デザイン」を具体化しました。写真や背景モチーフの角を一部丸くすることで、少し柔らかさをだしつつ、スタイリッシュさも残しました。職業訓練校なので信頼感や知的なイメージを与える青を基調とし、そのうえでさまざまな青を使用することで個性を表現しました。 モチーフ間、セクション間の余白を十分にあけることでスマートで洗練された印象を与え、左右marginを均等に300px設けることで正統派な雰囲気をだしました。ターゲットの年代に合う爽やかなサイトです。

Color

#ffffff

#eef4ff

#4375c1

#05033a

#86c6da

Font

poppins, Noto sans JP