概要

転職活動で使うミュージックプレイヤー型のポートフォリオを制作しました。

目標

ポートフォリオを通して、企業の採用担当様に作品を見ていただき、自分の強みや経歴を知っていただきます。

ターゲット

応募させていただく企業の採用担当様

コンセプト

このポートフォリオのコンセプトは、「ユーザーが作品を再生する」ことです。キーワードは「音楽」と「楽しむ」。この2つを軸にデザインを組み立てました。私は中学生のころから日本語や日本文化が好きで、そのきっかけの一つが日本の音楽でした。日本の音楽に出会っていなければ、日本に来ることもなかったかもしれません。そして、自分の作品を見るとき、「楽しい」と感じてもらえることも大切にしています。「音楽」はミュージックプレイヤー風のデザインで、「楽しむ」はインタラクティブな動きで表現し、全体をミュージックプレイヤー型のポートフォリオに仕上げました。Aboutページはスクロールして、ミュージックビデオを再生させるイメージでデザインしました。

情報設計

TOPページでは、まず作品に目が向くように、中央に大きく配置しました。世界観を壊さないよう、使い方の説明などのテキストはあえて控えめにしていますが、ユーザーが迷わないよう、ボタンもすべて中央にまとめて配置しています。ボタンの優先度は、サイズや間隔を変えることで自然に伝わるよう工夫し、特に注目してほしいものには、光のあしらいを加えてアクセントにしました。下層ページでも、すべての要素を画面内に収めながら、サイズや色にメリハリをつけることで、自然と情報の優先順位が伝わるようにしています。

デザイン

ユーザーが作品の画像とテキストに集中できるよう、サイト全体は白と黒を基調にまとめました。テキストには、シンプルでモダンな印象のフォントを使用しています。

担当内容

情報設計/デザイン/コーディング

制作時間

2ヶ月

使用ツール

Visual Studio Code/Illustrator/PhotoShop/Figma