Websiteグループワーク
WSS(2024.8)
TOPページ
コーディング担当ページ
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#86c6daFont
poppins, Noto sans JP