Independent production

作品を見る

coverUサムネイル

Webサイト
(デザイン[レスポンシブ])
Title
架空サイト進学サポート会社 coverU
Problem
学生の段階では自分のやりたいことや社会にどんな仕事があるのかを幅広く理解できておらずその結果、進学後の選択に後悔を抱える人が少なくなかった。
Purpose
まだ知らない仕事や学びに出会うきっかけを届け、進路の選択肢を広げる。
Approach
全体の配色は主張の強い色を避け、やさしく落ち着いたトーンを基調とする。コピーや文言においても強い表現は控えサイト全体の雰囲気として、この企業なら親身になって寄り添ってくれそうだと感じられる印象づくりを意識。企業として学生一人ひとりに寄り添い、あたたかく継続的にサポートしていく姿勢が伝わるデザインにする。
Differentiation
進路を「決めさせる」サイトではなく、「気づき・相談・選択肢に触れる」体験を重視。職業検索や診断、LINE相談を通じて、迷っている段階の学生にも自然に寄り添う設計とし、情報提供に留まらない進路サポートサービスとして差別化を図った。

ロゴ制作

ロゴマーク
U字型磁石をモチーフに、理由を考える前に引き付けられる力を象徴。学生一人一人が自然と惹かれていくそんな職種を提案していく企業の姿勢を表現。
コンセプト
まだ知らない仕事との出会いが、自分らしい未来を つくる。
ターゲット
自分がどんな仕事をしたいのかわからず、進路に悩 む学生。
制作時期
5か月目
製作期間
50時間
使用技術
figma
フォント
[JP]Zen kaku Gothic New
[EN]Roboto
カラー
#66CD76
#E8F7E3
#097FF4
苦労した点
進路に悩む学生向けサービスとして優しさを前面に出しつつ、企業としての信頼感も感じられるビジュアル設計に苦労した。優しさだけでまとめると曖昧になってしまうため、色味や文字の強弱、情報のまとまり方を細かく調整し、安心感と企業らしさのバランスを探りながらデザインを組み立てた。
工夫した点
全体をやさしい色づかいでまとめつつ、背景の所々にメッシュグラデーションを取り入れることで単調な印象にならないよう意識。色の主張は抑えながら、落ち着いた雰囲気の中でも心地よく読み進められるデザインになるよう設計した。

デザインカンプ