Works

• ターゲット

  Target

  採用担当者様

• 課題

  Task

  求人応募時に使用できる、自身の作品や情報をまとめた専用サイトがない。履歴書等の書類だけでは伝わりにくい、自身の人柄やアイデンティティ、スキルを表現する機会が不足している。

• 目的

  Purpose

  書類通過し、転職に繋げること。作品やスキルを知っていただけるよう整理し、 わたしの人物像をより具体的に伝え、一緒に働いた際の想像をしていただけるような内容にしたい。

• 情報設計

  Information

  コンセプトは「"シームレス"に伝えること」です。文字も多用しておりますが、 色味や曲線、写真を掲載する等で、多忙な採用担当者様にも文字を読まなくても、パッと見ただけで、スキルや人柄が感覚的に伝わる様意識しデザインしました。
  
  _サイトを開いた時点でわたしのアイデンティティやスキルが伝わる様なデザインのMVを配置しています。
  
  _MVの次に視線が移る場所に、クライアントワークを配置し、採用担当者様が最も把握したいと考えておられるであろう"現状のスキル・経験"が伝わるよう考慮しました。
  
  _aboutページには、日常や人柄が伝わるよう、〈Life〉という項目を作り、感覚的に汲んでいただけるよう写真を展開しています。

• デザイン

  Design

  "シームレスに伝える"ために、わたし自身をデザインで表現しました。
  不規則で美しい曲線は、コミュニケーション能力・柔軟性・バイタリティの高さを表し、レイアウトをはじめ、見やすく伝わりやすいことを好む為、シンプル・スマートさもデザインに反映させています。
  
  MVについては、ポートフォリオに使用するために、初めて製作したアニメーションで、未経験の事柄にもポジティブに挑戦するバイタリティをここで見せたいという想いもありました。 また、経験は浅いですがイラストを描くことがとても好きで、幼い頃から続いている趣味としてアニメ全般が好きなので、自分を表現する時にイラストとアニメーションは必須だと考えました。 デザインの要点は下記になります。
  
  _80-90年代のイラストを参考にしました。
  古き良いモノへの関心、イレギュラーに対応する柔軟性を大切にしたいという気持ちを持ちつつ、基本的なことや礼儀を根本に置いているという考えを表現しています。
  
  _色展開
  色合わせも90年代を参考にしていますが、幼い頃からブルーとピンクの色合いを好み、女性らしさの反面、男性的な部分や中性的な印象を受ける相反する色合わせだからです。 MVでは、ピンク・パープル・ブルーと、中間のパープルも使っており、偏らずバランスを保った、より良いものを連想しています。
  
  _女性のデザイン
  参考として、幼い頃から好きだったセーラームーンのヘアをイメージしています。わたしにとってセーラームーンは、子供の頃に抱いた「夢を叶えること、 好きなことを夢中で追い求める気持ち」等を連想します。MVで使ったのはそんな「好きなことを夢中で追い求める気持ち」をこれからもずっと持ち続けたい、デザインを追求していきたいという想いを表しました。
  
  _アニメーションの動きの意図
  女性が胸の辺りからハートを取り出している様は、「想いをそのまま形にして伝えること」を表現しています。クライアントの要望や想いをそのまま視覚的に表現できるデザイナーで在りたい気持ちを動きにしました。

  

  

• 制作時間

  Range

  製作時期

  2025年7月

  企画 / 情報設計 / WF

  2週間

  デザイン

  3日

  MVアニメーション

  3週間

  コーディング

  4週間

• 使用ツール

  Tool

  figma / Illustrator / Photoshop / CLIP STUDIO PAINT / VScode

Site image

Design comp / Wireframe

Other

クリックすると拡大できます。

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
•