ポートフォリオ講座 - vol.1 -
16.7K Views
May 21, 22
スライド概要
大学生 / デザイナー
ダウンロード
関連スライド
各ページのテキスト
Portforio講座 Vol.1 - 基礎編 - 2022.05.21
TANIO MIA 谷尾 美亜 感性インタラクションデザイン研究室（梁研） 春からUI/UXデザイナー team1_えだまめふぃーばーのメンター！ ←プロフィール帳はこちら！ 2022.05.21 1
はじめに 2022.05.21 2
３年生のみなさん、 ポートフォリオ作りは順調ですか？ 2022.05.21 3
この時期の悩みあるある 2022.05.21 ポートフォリオ、 何から始めるべき？ どんなポートフォリオが 評価されるの？ サマーインターンの 募集始まって不安… 何もわからん☆ 4
「良い」の定義もわからないし、 自分らしさを伝えるのって難しい 2022.05.21 5
少しでも悩みが解消されるように 私たちがサポートします！ この講座で学んだことを ポートフォリオ作りに活かそう！ 2022.05.21 6
CONTENTS 01 02 03 04 2022.05.21 ポートフォリオ、どう作る？ 評価されるポートフォリオとは？ ポートフォリオの構成 就活経験者のポートフォリオ公開 7
使用ツールについて 好きなツールで作ってOK！ Figma 2022.05.21 Illustrator InDesign 8
作品の選び方 まずは今まで作ってきたものを リストアップしてまとめよう！ サービスデザインじゃなくても動画やイラスト プロダクトの作品でもOK！ 手書きで作品名だけ並べるもよし、提案パネルを並べるもよし、 それぞれがやりやすい方法でやろう◎（画像はイメージ） 2022.05.21 9
作品の選び方 まずは今まで作ってきたものを リストアップしてまとめよう！ サービスデザインじゃなくても動画やイラスト プロダクトの作品でもOK！ 2022.05.21 UXデザイン演習 コンテンツデザイン 演習 インターフェース デザイン 10
作品の選び方 作品数が少ないうちは「本当に人に見せられない」と思うもの以外は載せてました！ 選抜する人は、「リサーチなどの制作背景がしっかりしているか」 「自分の方向性と合致しているか」を基準に選ぼう！ 初期の作品例 2022.05.21 11
作品の並べ方 ジャンルごとに受ける企業に合わせて並べ替えをするのがベスト！ 見せたいものを前に持ってこよう◎ 01 UI/UXデザイン サービスデザイン 02 動画制作 2022.05.21 03 04 スケッチ ロゴ タイポグラフィ 12
のせる内容について 01 表紙 自分らしさ 02 自己紹介 経歴 03 目次 作品の選び方 04 作品紹介 表紙 05 さいごに 載せきれなかった作品 2022.05.21 パッと目に付くもの（見た後もなんとなく覚えてられるもの） スキル デザインへの思い 作品の並べ方 制作背景 コンセプト etc... etc... グラフィック etc... プロトタイプ 企業へのメッセージ etc... etc... 13
のせる内容について 01 表紙 自分らしさ 02 自己紹介 経歴 03 目次 作品の選び方 04 作品紹介 表紙 05 さいごに 載せきれなかった作品 2022.05.21 パッと目に付くもの（見た後もなんとなく覚えてられるもの） etc... スキル 全て揃ってるのが理想だけど はじめは自己紹介と作品だけでも大丈夫！ デザインへの思い etc... サマーインターンは作品数が１つでも 作品の並べ方 グラフィック１つをしっかり作りこめば問題なし etc... 制作背景 コンセプト プロトタイプ 企業へのメッセージ etc... etc... 14
CONTENTS 01 02 03 04 2022.05.21 ポートフォリオ、どう作る？ 評価されるポートフォリオとは？ ポートフォリオの構成 就活経験者のポートフォリオ公開 15
評価されるポートフォリオとは？ ・デザインへの姿勢や思いなど自分の気持ちを 載せている ・制作の背景・過程・学びが記載されている ・読み手の気持ちを考えている （これも体験設計 ） 2022.05.21 16
評価されるポートフォリオとは？ デザインへの姿勢や思いなど 自分の気持ちを載せている デザインに対する姿勢や思いは人それぞれ 自分の性格や個性を伝えることができる◎ 2022.05.21 17
評価されるポートフォリオとは？ 制作の背景・過程・学びが 記載されている ただ作ったことを記載するよりも、自分が どういう思いで制作を始めたか、または 制作を通じて何を学んだかを書く◎ 2022.05.21 18
評価されるポートフォリオとは？ 読み手の気持ちを考えている （これも体験設計 ） 画面の向こう側に「人」がいることを 意識して手紙を書くイメージで作る◎ ページ数もあるとより親切！ 私は毎回さいごにメッセージを書いていました（結構喜んでもらえる） 2022.05.21 19
CONTENTS 01 02 03 04 2022.05.21 ポートフォリオ、どう作る？ 評価されるポートフォリオとは？ ポートフォリオの構成 就活経験者のポートフォリオ公開 20
のせる内容について（再掲） 01 表紙 自分らしさ 02 自己紹介 経歴 03 目次 作品の選び方 04 作品紹介 表紙 05 さいごに 載せきれなかった作品 2022.05.21 パッと目に付くもの（見た後もなんとなく覚えてられるもの） スキル デザインへの思い 作品の並べ方 制作背景 コンセプト etc... etc... グラフィック etc... プロトタイプ 企業へのメッセージ etc... etc... 21
のせる内容について（再掲） 01 表紙 自分らしさ 02 自己紹介 経歴 03 目次 作品の選び方 04 作品紹介 表紙 05 さいごに 載せきれなかった作品 2022.05.21 パッと目に付くもの（見た後もなんとなく覚えてられるもの） スキル デザインへの思い 作品の並べ方 制作背景 コンセプト etc... etc... グラフィック etc... プロトタイプ 企業へのメッセージ etc... etc... 22
表紙 最初はシンプルでも大丈夫！ 余裕が出てきたら以下の点を意識しよう ・自己紹介ページのトンマナと合わせる ・印象に残るようなインパクト ・自分の好きな見た目になっている 2022.05.21 23
のせる内容について（再掲） 01 表紙 自分らしさ 02 自己紹介 経歴 03 目次 作品の選び方 04 作品紹介 表紙 05 さいごに 載せきれなかった作品 2022.05.21 パッと目に付くもの（見た後もなんとなく覚えてられるもの） スキル デザインへの思い 作品の並べ方 制作背景 コンセプト etc... etc... グラフィック etc... プロトタイプ 企業へのメッセージ etc... etc... 24
自己紹介 経歴 / やってきたこと どんなところで生まれ育ってどんなことを やってきたのか、今の自分を形成している 唯一無二の経歴はしっかり書いておこう！ 2022.05.21 25
自己紹介 スキル レベル100%や五段階のMAXは定義が 難しい上、レベル感はこの後の作品で わかるので得意かどうかなど、主観で はかって問題ない書き方にしよう！ 2022.05.21 26
自己紹介 デザインへの思い デザインに興味を持ったきっかけや制作の 思いを書くと自分自身についてアピールでき 「おっ！」っと思ってもらいやすい！ 2022.05.21 27
のせる内容について（再掲） 01 表紙 自分らしさ 02 自己紹介 経歴 03 目次 作品の選び方 04 作品紹介 表紙 05 さいごに 載せきれなかった作品 2022.05.21 パッと目に付くもの（見た後もなんとなく覚えてられるもの） スキル デザインへの思い 作品の並べ方 制作背景 コンセプト etc... etc... グラフィック etc... プロトタイプ 企業へのメッセージ etc... etc... 28
目次 ・最初に自信のあるものやいきたい業種、 職種に関する作品を持ってくる ・ロゴやモックアップなどサムネ的役割を 果たすものがあると良い ・作品ごとに該当ページ数を書いておくと より親切（作品多い人向け） 2022.05.21 29
のせる内容について（再掲） 01 表紙 自分らしさ 02 自己紹介 経歴 03 目次 作品の選び方 04 作品紹介 表紙 05 さいごに 載せきれなかった作品 2022.05.21 パッと目に付くもの（見た後もなんとなく覚えてられるもの） スキル デザインへの思い 作品の並べ方 制作背景 コンセプト etc... etc... グラフィック etc... プロトタイプ 企業へのメッセージ etc... etc... 30
表紙 ・表紙で作品のことをなんとなく知って もらう ・この制作で自分が何をしたかを明確に する（企画もやったか？それともUIだけ？ チームの中での役割は？） 2022.05.21 31
表紙 ＜表紙に載せていた内容＞ ①コンセプト ②簡単な説明 ③個人制作かチーム制作か （チームなら自分の役割も示す） 2022.05.21 32
表紙 ＜表紙に載せていた内容＞ ④授業か課外か （授業の場合）与えられたテーマ ⑤ツール ⑥制作期間 2022.05.21 33
作品内容 制作の背景 現状分析（リサーチ） リサーチや、そこから導いた現状分析は プロダクトの説得力を増すために重要！ 2022.05.21 34
作品内容 課題抽出 コンセプト リサーチや現状分析でわかったことをもとに 自分がどう考えたかって意外と大切！ 何が現状の課題でそれをどう解決したいか を残しておこう！ 2022.05.21 35
作品内容 思考の過程 ブレストやワイヤーフレーム、ロゴなどの 過程も個性や考え方をみせることができる ので残せそうなら残しておくとgood！ 2022.05.21 36
作品内容 UIデザイン プロトタイプ UIデザインのポイントとUIフローで 分けてそれぞれ載せていました！ 画面の中のUIがメインになるので モックは大きくして見せよう！ 2022.05.21 37
のせる内容について（再掲） 01 表紙 自分らしさ 02 自己紹介 経歴 03 目次 作品の選び方 04 作品紹介 表紙 05 さいごに 載せきれなかった作品 2022.05.21 パッと目に付くもの（見た後もなんとなく覚えてられるもの） スキル デザインへの思い 作品の並べ方 制作背景 コンセプト etc... etc... グラフィック etc... プロトタイプ 企業へのメッセージ etc... etc... 38
さいごに 「ここまで見てくれてありがとう」という 気持ちを込めて全ての企業にメッセージを 書いていました！ サマーの時期だと企業に対して メッセージとかないと思うんでなくても◎ 2022.05.21 39
CONTENTS 2022.05.21 01 ポートフォリオ、どう作る？ 02 評価されるポートフォリオとは？ 03 ポートフォリオの構成 04 就活経験者のポートフォリオ公開 40
３年生５月時点でのポートフォリオ 2022.05.21 41
３年生５月時点でのポートフォリオ 2022.05.21 42
３年生５月時点でのポートフォリオ 2022.05.21 43
３年生５月時点でのポートフォリオ 2022.05.21 44
３年生５月時点でのポートフォリオ 2022.05.21 45
３年生５月時点でのポートフォリオ 2022.05.21 46
３年生５月時点でのポートフォリオ 2022.05.21 47
３年生５月時点でのポートフォリオ 2022.05.21 48
３年生５月時点でのポートフォリオ 2022.05.21 49
３年生５月時点でのポートフォリオ 2022.05.21 50
３年生５月時点でのポートフォリオ 2022.05.21 51
３年生５月時点でのポートフォリオ 2022.05.21 52
３年生２月時点でのポートフォリオ 2022.05.21 53
３年生２月時点でのポートフォリオ 2022.05.21 54
３年生２月時点でのポートフォリオ 2022.05.21 55
３年生２月時点でのポートフォリオ 2022.05.21 56
３年生２月時点でのポートフォリオ 2022.05.21 57
３年生２月時点でのポートフォリオ 2022.05.21 58
３年生２月時点でのポートフォリオ 2022.05.21 59
伝えたいこと 今ポートフォリオが綺麗に作れてなくても 全然なんとかなる！ ビジュアルで個性を出すよりも自分の制作の時の考え方で 自分らしさをアピールしたり、リサーチなどの途中過程を しっかり残すことを意識しよう！ 2022.05.21 60
伝えたいこと ポートフォリオを進化させるコツは フィードバックをもらうこと 先輩や先生からポートフォリオのフィードバックをもらう ことで視野を広げてブラッシュアップしていこう！ メンターの先輩や今後開催予定のポートフォリオ1on1で 気軽に自分のポートフォリオを見てもらおう◎ 2022.05.21 61
（補足）20/80/100の法則 https://note.com/tobik_jp/n/na906d62b2693#8ultv 2022.05.21 62
（補足）20/80/100の法則 綺麗じゃなくても、作りこめてなくても 「とりあえず見せてみよう」の精神大事！ https://note.com/tobik_jp/n/na906d62b2693#8ultv 2022.05.21 63
伝えたいこと 読みやすいのは１作品８ページ以内 全体で50ページ以内（目安） 選考でポートフォリオを見てもらえる時間は 1人あたり約５分！（もちろん企業にもよります） ダラダラと載せるよりも作品をぎゅっとまとめて 企業の方の読みやすさも考えよう！ 2022.05.21 64
Q&A 2022.05.21 65
Q フォントやレイアウトはポートフォリオ全体で合わせるべきですか？ それとも中身の作品のそれぞれのターゲット層ごとに変えるべきですか？ 2022.05.21 66
Q フォントやレイアウトはポートフォリオ全体で合わせるべきですか？ それとも中身の作品のそれぞれのターゲット層ごとに変えるべきですか？ A 私はポートフォリオ全体で統一していました！ （作品ごとのトンマナはその作品のUIなどで表現していると思うので） 2022.05.21 67
Q ポートフォリオ全体の1番最後のページは、まとめのようなものを 入れるべきですか？自分は現状特に何も考えていないです。 2022.05.21 68
Q ポートフォリオ全体の1番最後のページは、まとめのようなものを 入れるべきですか？自分は現状特に何も考えていないです。 A サマーインターンの時は入れてませんでしたが、 本選考の時は企業へのメッセージを入れていました！ 2022.05.21 69
Q クオリティをあげるにはどうすれば良いですか 2022.05.21 70
Q クオリティをあげるにはどうすれば良いですか A この時期は他の人に見せまくってフィードバックを たくさんもらうのが良いと思います！ 2022.05.21 71
Q ポートフォリオを作る上でまずやるべきことはなんですか 2022.05.21 72
Q ポートフォリオを作る上でまずやるべきことはなんですか A 私は一番最初は（学校内外の）先輩のポートフォリオで 良いと思ったところを真似しながら骨組みを作りました！ 2022.05.21 73
Q 作品の数が少ないです…どうしたら良いですか 2022.05.21 74
Q 作品の数が少ないです…どうしたら良いですか A サマーインターンは作品が１つでも大丈夫です！ （その代わり中身はしっかりと！） 2022.05.21 75
Q 夏.冬インターン、本選考の面接の時、ポートフォリオについて どのように触れられましたか？または話しましたか？♡ 2022.05.21 76
Q 夏.冬インターン、本選考の面接の時、ポートフォリオについて どのように触れられましたか？または話しましたか？♡ A ５分くらいで自信のある作品をプレゼンしてください！ が多かった気がします！（※私の受けた企業は） 2022.05.21 77
Q 夏.冬インターン、本選考の面接の時、ポートフォリオについて どのように触れられましたか？または話しましたか？♡ A インターン選考では書類選考と同じものを使ってプレゼンしましたが 本選考ではプレゼン用のポートフォリオを作っていました！ 2022.05.21 78
Q ポートフォリオって最初何から作りましたか？ (4年生からの素朴な疑問) 2022.05.21 79
Q ポートフォリオって最初何から作りましたか？ (4年生からの素朴な疑問) A 一番最初は良いな〜と思う人のやつを見よう見まねで（構成パクってた）、！ モチベ上げるためにハードル低いプロフィール→作品の順で作ってました！ 2022.05.21 80
Q 受ける会社ごとにポートフォリオの内容変えたりしましたか 2022.05.21 81
Q 受ける会社ごとにポートフォリオの内容変えたりしましたか A 内容自体は変えてないです！ でも並べ替えたり最後のメッセージは変えてました！ 2022.05.21 82
Q 就活の流れを教えてください 2022.05.21 83
Q 就活の流れを教えてください A 5 - 7 月：サマーインターン選考 1 - 5 月：本選考 2022.05.21 84
Q 就活の流れを教えてください A ＜ポートフォリオ変遷＞ ver1：３〜７ 月 ver２：８月 ver３：９〜11月 ver４：12月 ver５：１月〜 2022.05.21 85
事前質問はここまで 2022.05.21 86
次回予告 2022.05.21 87
次回予告 Portforio講座 Vol.2 - ゲスト回 - 5/30（月）に開催します！ 生プロ、ロボ情からそれぞれ４年生のゲストが 来てくれます！ポートフォリオのコツや就活の ことなど色々な話をしてもらう予定です！ 2022.05.21
アンケートのお願い 2022.05.21
アンケートご協力のお願い https://forms.gle/5Pgr6vcMAyRH8Qik8 2022.05.21
さいごに 2022.05.21
さいごに 今日はありがとうございました！ 色々やること多くて大変だと思いますが ポートフォリオや就活のことなどなんでも 相談のるのでお気軽に連絡ください！ 2022.05.21