ポートフォリオ勉強会#2で発表したポートフォリオの作り方のお話。

1. 【学生向け】
就活ポートフォリオ
ビフォー・アフター
書類審査を突破するポートフォリオを作ろう
篠原 愛美 cybozu design group

2. 篠原 愛美 しのはら あいみ
2016年中途入社
web制作会社にデザイナーとして6年間勤務後、
サイボウズに転職、現在はワークショップを活用した
新サービスのアイデア作りに力を入れています。
ラジオ英会話で英語を勉強中、猫が好き。

3. 発表パネルを
そのままポートフォリオに
貼ってない〜？

4. 実際に採用選考で審査した
ポートフォリオをもとに
より魅力的にする方法を伝授！

5. フォーカスする作品
ポートフォリオ内の1作品
モバイルアプリ
基準
新卒採用、サイボウズの書類審査通過
提出メディア
PDF。採用担当はPC・タブレット等で閲覧想定
今回リデザインする範囲と基準
全ての会社に当てはまる
ものじゃないので注意！

6. 実際に審査した
ポートフォリオを見てみよう！

7. 全体
〜バイト管理をこのアプリで〜
Job Application
Shift Manager

8. 1/3ページ
〜バイト管理をこのアプリで〜
Job Application
Shift Manager
〜バイト管理をこのアプリで〜
Job Application
Shift Manager
〜バイト管理をこのアプリで〜
Job Application
Shift Manager

9. 1/3ページ
採用担当
〜バイト管理をこのアプリで〜
Job Application
Shift Manager
どんな制作物なんだろう…

10. 2/3ページ

11. 2/3ページ
食というテーマから考えるGUI？
シフト作成アプリ？
誰の、何のためのアプリ
なのかわからないな…
採用担当

12. 3/3ページ

13. 3/3ページ
このアプリで何ができるか
伝わってこないな…
結局何を作ったの？
採用担当

14. 採用担当が感じること
何を作ったのか、何ができる人なのか
わからなかった…。
取り組んだことが全く伝わっていない！

15. 採用担当が知りたいこと
何を作ったの？
• 解決したい問題は？
• 解決策は？（制作物）
どうやって作ったの？
• プロセス / ツール / 制作期間 / 使用ツール
作品のアピールポイントは？
※会社によって知りたいことは違ってきます

16. 実践１
採用担当が知りたいことを
書き出そう！

17. 採用担当が知りたいことシート

18. 採用担当が知りたいことシート
面接の時に
聞かれる
ポイント！

19. 実践2
レイアウトに落としこもう

20. 今回はA4レイアウトを採用
A4 A4
• 出力しても持ち運びしやすいサイズ
• 一目で作品を把握できる
• 集中して読める量

21. 要素をレイアウトに落とし込む
A4 A4
作ったものを
一言で言うと？

22. A4
作ったものを
一言で言うと？
解決したい問題は？
要素をレイアウトに落とし込む

23. 作ったものを
一言で言うと？
解決したい問題は？
解決案
&
作品のアピールポイント
要素をレイアウトに落とし込む

24. 作ったものを
一言で言うと？
解決したい問題は？
解決案
&
作品のアピールポイント
ツール / 制作期間 / 担当範囲
要素をレイアウトに落とし込む

25. 解決案
&
作品のアピールポイント
ツール / 制作期間 / 担当範囲
作ったものを
一言で言うと？
解決したい問題は？
制作プロセスで
行なったことは？
要素をレイアウトに落とし込む

26. 実践3
わかりやすくビジュアル化しよう

27. 作ったものを一言でいうと？
作ったものを
一言で言うと？
解決したい問題は？
解決案
&
作品のアピールポイント
ツール / 制作期間 / 担当範囲

28. 作ったものを一言でいうと？
解決したい問題は？
解決案
&
作品のアピールポイント
ツール / 制作期間 / 担当範囲

29. 写真や制作物で一目でわからせる！Point

30. 使われる状況と
ユーザーを
イメージさせる
ビジュアル
明文化して
伝える
制作物を
アピール
写真や制作物で一目でわからせる！Point

31. 解決したい問題は？
作ったものを
一言で言うと？
解決したい問題は？
解決案
&
作品のアピールポイント
ツール / 制作期間 / 担当範囲

32. 解決したい問題は？
作ったものを
一言で言うと？
解決案
&
作品のアピールポイント
ツール / 制作期間 / 担当範囲

33. 図解でわかりやすく伝える！Point

34. 問題を図解すると
ぱっと見で
理解ができる
どんな風に
解決するか書けると
よりGood!
図解でわかりやすく伝える！Point

35. 解決案&作品のアピールポイント
作ったものを
一言で言うと？
解決したい問題は？
解決案
&
作品のアピールポイント
ツール / 制作期間 / 担当範囲

36. 解決案&作品のアピールポイント
作ったものを
一言で言うと？
解決したい問題は？
ツール / 制作期間 / 担当範囲

37. ポイントを絞ってアピール！Point

38. ポイントの数を
レイアウトで示す
3つぐらいに
絞るとGood!
ポイントを絞ってアピール！Point

39. ポイントを一言で
言い表す
作ったUIを入れて
使われ方を解説
使った時の
ユーザーの行動や
発言を入れる
ポイントを絞ってアピール！Point

40. ツール / 制作期間 / 担当範囲
作ったものを
一言で言うと？
解決したい問題は？
解決案
&
作品のアピールポイント
ツール / 制作期間 / 担当範囲

41. ツール / 制作期間 / 担当範囲
作ったものを
一言で言うと？
解決したい問題は？
解決案
&
作品のアピールポイント

42. • どのくらいの期間でアウトプットを出せるか
• チームで仕事をする場合どういう役割をする人か
• どんなツールが使えるか
このあたりを採用担当は見ている！
サブ情報は小さく載せるPoint

43. 完成！

44. ビフォー
〜バイト管理をこのアプリで〜
Job Application
Shift Manager

45. アフター

46. アフター（プロセス入り）

47. アフター（プロセス入り） Solutionページのように
3つぐらいに
アピールポイントを絞ろう

48. • ファイルサイズが大きすぎてDLできない
• フォントがバグって読めない
• ダウンロード期間が切れている
最後に見落としがちなこと…
友達にダウンロード
してもらって、
事前チェックしよう

49. 「採用担当が知りたいことシート」プレゼント！
ポートフォリオ
作りに役立ててね！
※会社によって知りたいことは違ってきます