最大「5」つまで保存できるよ。動画をまずは消化するのだっ!
閉じる
質問しよう
シリーズ目次

ポートフォリオの作り方

3
実物見せます!!未経験からUI/UXデザイナーになるポートフォリオのつくり方。
26:13
実物見せます!!未経験からUI/UXデザイナーになるポートフォリオのつくり方。

実物見せます!!未経験からUI/UXデザイナーになるポートフォリオのつくり方。

【ポートフォリオ】トップページのつくり方-何を掲載するの〜?を解説
12:37
【ポートフォリオ】トップページのつくり方-何を掲載するの〜?を解説

【ポートフォリオ】トップページのつくり方-何を掲載するの〜?を解説

【ポートフォリオ】アウトプットのまとめ方 - プロセスを上手く伝える4項目とは
16:41
【ポートフォリオ】アウトプットのまとめ方 - プロセスを上手く伝える4項目とは

【ポートフォリオ】アウトプットのまとめ方 - プロセスを上手く伝える4項目とは

トップ
/
ポートフォリオの作り方
/
実物見せます!!未経験からUI/UXデザイナーになるポートフォリオのつくり方。
ポートフォリオ

実物見せます!!未経験からUI/UXデザイナーになるポートフォリオのつくり方。

2023
5
20
スキルを上げて、創造のための武器を手に入れよう
すべての動画閲覧には、メンバーシップ加入が必要です
メンバー登録について

未経験からUI/UXデザイナー、もしくは現場経験3年以内のデザイナー向けにポートフォリオの役割と中身について徹底解説しました。

動画について

□ ポートフォリオサイトのイメージプロトタイプ(メンバー限定)

https://www.figma.com/proto/9MeaynLKqMqwdAt8b9g0eA/%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84?page-id=1849%3A2706&node-id=1849%3A2729&viewport=447%2C501%2C0.04&scaling=min-zoom&starting-point-node-id=1849%3A2729

❐ 関連動画

-------------------------------------------

1.この動画 ー 実物見せます!!未経験からUI/UXデザイナーになるポートフォリオのつくり方。
https://www.bo-no.design/contents/portfolio-01

2.ポートフォリオのつくり方-実物で何を掲載するか教えます
https://www.bo-no.design/contents/portfolio-02

3.プロセス説明ってどうやるの?秘伝の4項目を実物と一緒にシェア
https://www.bo-no.design/contents/portfolio-03

❐ 目次

-------------------------------------------

00:00 見どころ
00:16 採用で使えるポートフォリオ
01:25 講座の目次02:17 ポートフォリオってなんで必要なん?
05:02 採用って何が見られるの?
09:15 見せるべき3つのスキル
12:46 ポートフォリオ具体イメージ
19:51 実務経験なくてもはじめられる
21:19 作る時のコツ2つ

1.結論 -そもそもポートフォリオの役割とは?

※採用で使うユースケースに絞ってます

採用する側が、効率的に相手のことを知るために用いられます

  • 自社に必要なスキルを持っているかどうか=現場に入って動ける人かどうか、を見たいです!
  • 例:ビジネス向け請求書管理サービスをしている会社。ユーザーのは8割はデスクトップでサービスを使う。プロダクトの要件を定義する人はいるが、それをUI=具体にしてくれる人手が欲しい
  • 相手が望むもの例
  • 要件を共有すればUIのパターンを作ってきてくれる(UIデザイン部分の自走)
  • なぜそのUIか?をちゃんとチームに共有してくれる(なんとなく、や、かっこいい流行ってるやん。とかではない)
  • 要件を理解→踏まえた上で会話してくれそう
  • UIを作るし、自分で不安な場合は「今こういうUIにしてるんですけど、要件踏まえると、XXXな部分違いますかね〜?」と声かけできそう
  • 言語化
  • 相談
  • チームでできそう
  • なんなら”要件”からデザイン目線で議論できる人が良い
  • ↑ができそうかどうかをまずは感じたいと思います。(UIデザイナーの場合)
  • 完璧にポートフォリオだけで全てを伝えるのは難しいです。文章・データでしかないので。けど「会ってみたい=うちが求めてる人かも感」を出すための最初の材料になります
  • 詳しくは面接で直接確かめる

そもそも採用面接で何が見られる?

次の3つです。順番通りに見られていきます。

  1. デザインスキル ←足切り
  2. パーソナリティ
  3. 組織にフィットするか

まずは「デザインスキル」。デザイナーは専門職なので経歴もですが、実際何ができるかが大事です。まずここが見られます。ここでポートフォリオが使われます。ポートフォリオを見た時点でスキル面が達してないと判断されれば返信は来ません。少しでも達していたり、その人に興味を持てれば連絡が来ます。1~2時面接あたりもスキル面が面接でチェックされます。ポートフォリオを見ても実際にその人がやったのかわからなかったりするので直接聞かれたりします。かつ、伝えるスキルや議論するスキルもデザイナーには大事なので見られます。

次にパーソナリティです。これは主にデザイナーはデザイナーだけじゃなく、エンジニアやビジネスサイドなどいろんな人と関わったり、要件を汲み取ってデザインをするので見られます。性格が良いか、組織の人と合うかもなんとなくですが見られます。し、チームでちゃんと動けるのか?デザインに責任持ってリードしてくれるのか?などなど見られます。

最後に組織フィットです。1と2を総合的に判断して相応しい人材か、今本当に採るべきか?などなど判断していく過程を踏んでいきます。

ポートフォリオは主に1のスキル面の足切り、話の種として使われるものになります。第1関門突破に必要なんですね。

ポートフォリオで見せるべきもの

別で解説しますが、未経験から「UIデザイナー・UI/UXデザイナー」として働く際に必要なスキルとしては3つあります。

  1. ビジュアル作成スキル
  2. UI構築力(基礎概念の理解、構造の理解、提案)
  3. ユーザー中心の発想/提案力

これら3つのものをポートフォリオに載せるアウトプットを通してまずは伝えるものにしていくのが大事になります。逆に1つでも欠けていると、話を聞いてもらえる率が低下するでしょう。

2.ポートフォリオは誰がみるのか?相手目線でデザインしよう

ポートフォリオは自己表現の作品集ではない

採用の現場で考えるとポートフォリオとは「一緒に働く人を判断する」ための資料になります。よく”作品集”という言葉でポートフォリオは説明されますが、個人的には”作品”と呼ぶのはちょっと違和感を感じています。(デザイナーの採用という文脈の場合)

採用したい人は”XXXXなスキル”を持っている人と働きたい。というのが存在するので、それに適うものになってない場合はポートフォリオとして良い役目を果たすことができません。なので、採用されたい〜〜と思う場合は”採用する側が何を求めているのか”を考えて、作ったりアウトプットをまとめたりする必要があります。

そのため”ポートフォリオ=自己表現”と考えると7割ぐらい痛い目を見ます

  • 自己表現=「私はこれが得意です!あなた必要じゃないですか?」といった感じです。→これでマッチする会社だと考えてやる分にはとてもGOODです。
  • が、あまり考えずに「自分の得意なものをまとめて」、とりあえず会社を受けまくる。は勝率で言うと上がりづらいと考えてます。

入りたい会社に合わせてポートフォリオの準備をするとよい

例えば相手を考えるとはどういうことなのか。完璧を求めると、入りたい会社でポートフォリオの内容は変わる/準備すべきとは思います

  • 例:デスクトップ向けサービスをやっている会社を受けるが、ポートフォリオはスマホUIのみ
  • 評価されないわけじゃないです。ただ相手目線になると「デスクトップのUIってどうなのかな…?」と気になるのは想像できると思います。
  • 例:UIデザイナーを求めているが、相手のポートフォリオでUIの意図の記載がない
  • ちゃんと事業とかユーザーとか考えてUIをデザインしてくれるかな・・・?(不安)
  • 例:制作会社に行きたいけど、1つのジャンル、テイストのアウトプットしかない(全て料理系のジャンルのアウトプット。テイストもオレンジや緑の柔らかい感じ
  • スキルが高ければこれでも採ってくれますが、可能なら幅広いアウトプットを用意したり、受ける会社が「どういうクライアントを得意にしているか」を調べて逆算して準備したほうが評価確率は上がるでしょう。

という感じで、誰が判断するか?で良いポートフォリオの定義は多少変わります。

このページではポートフォリオとは?を説明しました。これだけ見ると「難しい…」と感じるかもしれませんが、逆にいうと”UIデザイナーを採用したい場合は〜〜の能力持ってる人が欲しい”という要素が導き出せます。

なので「一般的にUIデザイナーならこれをベースに用意すべし!」の要素があるのでそれを引き続き解説していきます。

3.作るときは良いポートフォリオを真似しよう

作るときは、見て逆算した方が早い😇

  • ベンチマークを見つけましょう
  • デザイン作る時と一緒です
  • 1-3ぐらい持って、良いところ、真似できるところをガンガン真似して見ましょう
  • 具体があると論理で喋ってるものも想像しやすくなりそうです

参考ポートフォリオの探し方

  • noteで探す
  • 「ポートフォリオ UIデザイナー」
  • 「UIデザイナー 未経験 転職」
  • とかで検索する。
  • 未経験の人を参考にしても良いし、プロのポートフォリオあればそれを真似てもOK
  • 個人的には現場のデザイナーがちゃんと作ったやつを参考にすると成長幅が高そう
  • Vivivitで探す
  • 使ったことないけど登録したユーザーが載せてる人多いので色々見つかりはしそう
  • Redesignerで探す
  • 使ったことないけど登録したユーザーが載せてる人多いので色々見つかりはしそう
  • Googleで探す
  • ファイト!←

4.ポートフォリオでどんなことを見たいか?

🏕️ この人と仕事できるんかな〜?入ってくれて動いてくれるかな〜?マッチするかな〜?・スキル(足切り・次に、チームに入って動けそうか(コミュニケーションや要件汲み取り・最後に事業や会社適正(事業と合うかな?会社の考え方と合うかな?

1.スキル

3つのスキルを示そう。

①A : ユーザー理解からアイデアを出しているもの

いわゆる”UX”と呼ばれる範疇ですが、完璧じゃなくてよくて”顧客を理解する重要性がわかっていて”、”どういうことなのか?”を示せると評価されやすいです。

デザイナーは基本的にユーザーの代弁者になります。他の人は数字やコードを重視して意見を言ってくる傾向が強く、デザイナーに”顧客目線”を求める組織はかなり多いです。(もちろん全員が持たないといけないんだけど)

なのでその”素養”を提示する必要があります。そういう意味で「顧客ヒアリングからアイデアを出してサービス設計をしてみた」アウトプット(ゼロからサービス作る)を用意するのをBONOではおすすめしています。

UXコースの「UX入門」のやり方を真似して顧客のWhyを理解してアイデアを出してみるアウトプットが必要になってきます。

②B : サービスの「1機能」や「全体」をUIデザインした

いわゆる”UIデザイン”の範疇です。ここがポートフォリオとしてはコアな部分になってくるでしょう。単純な”見た目”を見せるのではなく以下のようなポイントを示すアウトプットが求められます

・UIの基本パターンを抑えてデザインできているか(よくあるUIの挙動になっているか)・複数画面に跨って整合性のあるUIになっているか。・基本的なUIのサイズやバランスを取れているか

これらを示すために「ただの1画面」ではなく、「複数画面に跨るUI」を見せることが基本になります。そのため「機能」単位でのUIアウトプットや、「サービス全体(主要画面だけでも)」のUIアウトプットが最も適した形になります。

顧客ニーズを特定してからやる必要は少なくともありません。自分が想定した要件に適ったUIのアウトプットが作れているかが重要になってきます。

③C : ビジュアルの力が分かるもの

デザイナーなので基本的なビジュアル力が必要になります。例えばバナー作成、LP(ペラ1のサイト)などがアウトプット対象になります。UIデザイナーもサービスのプロモーションなどでこれらを作る機会が多いです。かつ、UIにも繋がる”ビジュアル表現の基礎”でもあるので、最低限基礎レベルを示せるものが必要になってきます。

ポートフォリオサイトでアウトプットのサムネイルをきっちり作成したり、ポートフォリオサイトを作るなどでも示すことはできます。

2.チームに入ってデザインを提案できそうか

デザイナーは現場に入ると「デザインの意図を共有してUIの議論をチームで率先して可能にする」役割があります。そのため、ポートフォリオの中身でシンプルで的確に意図を伝えられるのか?という部分が足切りレベルでチェックされる可能性があります。

また、ブログなどの文章でもこの辺りを想像できたりするので、ポートフォリオの中身で多少示せると良いでしょう。

3.成長意欲はあるか

ほとんどの方が未経験で現場に入ると思います。特に「勝手に成長する人か」という部分は人としての評価で重要視されるパーソナルな要素です。

「勝手に成長できる人」は現場に入っても「勝手に自分の頭で動いて前進できる」印象があるので、成長力を見たいという他にも、自分で動ける人材ということで評価される傾向にあると思います。

学習の記録が見える、や、Twitterやブログなどで本など読んでいるな、などがあると、相手も親近感や安心感、期待をポジティブに持ってくれるでしょう。

4.デザインが好きか?なんでデザインしてんの?

必ずしもポートフォリオで示さなくても良いですが、デザインへの興味や何を重視するかなどを面接で聞かれることは多いです。なのでポートフォリオ段階でも興味や考え方を示せると、論理思考力やモチベの有無などポジティブな要素を伝えられると思います。

読んだ本の感想や、学びの感想などでも、デザインに対するスタンスは見えるので良いと思います。

未経験からUI/UXデザイナー、もしくは現場経験3年以内のデザイナー向けにポートフォリオの役割と中身について徹底解説しました。

動画について

□ ポートフォリオサイトのイメージプロトタイプ(メンバー限定)

https://www.figma.com/proto/9MeaynLKqMqwdAt8b9g0eA/%E3%83%9D%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%AA%E3%82%AA%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84?page-id=1849%3A2706&node-id=1849%3A2729&viewport=447%2C501%2C0.04&scaling=min-zoom&starting-point-node-id=1849%3A2729

❐ 関連動画

-------------------------------------------

1.この動画 ー 実物見せます!!未経験からUI/UXデザイナーになるポートフォリオのつくり方。
https://www.bo-no.design/contents/portfolio-01

2.ポートフォリオのつくり方-実物で何を掲載するか教えます
https://www.bo-no.design/contents/portfolio-02

3.プロセス説明ってどうやるの?秘伝の4項目を実物と一緒にシェア
https://www.bo-no.design/contents/portfolio-03

❐ 目次

-------------------------------------------

00:00 見どころ
00:16 採用で使えるポートフォリオ
01:25 講座の目次02:17 ポートフォリオってなんで必要なん?
05:02 採用って何が見られるの?
09:15 見せるべき3つのスキル
12:46 ポートフォリオ具体イメージ
19:51 実務経験なくてもはじめられる
21:19 作る時のコツ2つ

1.結論 -そもそもポートフォリオの役割とは?

※採用で使うユースケースに絞ってます

採用する側が、効率的に相手のことを知るために用いられます

  • 自社に必要なスキルを持っているかどうか=現場に入って動ける人かどうか、を見たいです!
  • 例:ビジネス向け請求書管理サービスをしている会社。ユーザーのは8割はデスクトップでサービスを使う。プロダクトの要件を定義する人はいるが、それをUI=具体にしてくれる人手が欲しい
  • 相手が望むもの例
  • 要件を共有すればUIのパターンを作ってきてくれる(UIデザイン部分の自走)
  • なぜそのUIか?をちゃんとチームに共有してくれる(なんとなく、や、かっこいい流行ってるやん。とかではない)
  • 要件を理解→踏まえた上で会話してくれそう
  • UIを作るし、自分で不安な場合は「今こういうUIにしてるんですけど、要件踏まえると、XXXな部分違いますかね〜?」と声かけできそう
  • 言語化
  • 相談
  • チームでできそう
  • なんなら”要件”からデザイン目線で議論できる人が良い
  • ↑ができそうかどうかをまずは感じたいと思います。(UIデザイナーの場合)
  • 完璧にポートフォリオだけで全てを伝えるのは難しいです。文章・データでしかないので。けど「会ってみたい=うちが求めてる人かも感」を出すための最初の材料になります
  • 詳しくは面接で直接確かめる

そもそも採用面接で何が見られる?

次の3つです。順番通りに見られていきます。

  1. デザインスキル ←足切り
  2. パーソナリティ
  3. 組織にフィットするか

まずは「デザインスキル」。デザイナーは専門職なので経歴もですが、実際何ができるかが大事です。まずここが見られます。ここでポートフォリオが使われます。ポートフォリオを見た時点でスキル面が達してないと判断されれば返信は来ません。少しでも達していたり、その人に興味を持てれば連絡が来ます。1~2時面接あたりもスキル面が面接でチェックされます。ポートフォリオを見ても実際にその人がやったのかわからなかったりするので直接聞かれたりします。かつ、伝えるスキルや議論するスキルもデザイナーには大事なので見られます。

次にパーソナリティです。これは主にデザイナーはデザイナーだけじゃなく、エンジニアやビジネスサイドなどいろんな人と関わったり、要件を汲み取ってデザインをするので見られます。性格が良いか、組織の人と合うかもなんとなくですが見られます。し、チームでちゃんと動けるのか?デザインに責任持ってリードしてくれるのか?などなど見られます。

最後に組織フィットです。1と2を総合的に判断して相応しい人材か、今本当に採るべきか?などなど判断していく過程を踏んでいきます。

ポートフォリオは主に1のスキル面の足切り、話の種として使われるものになります。第1関門突破に必要なんですね。

ポートフォリオで見せるべきもの

別で解説しますが、未経験から「UIデザイナー・UI/UXデザイナー」として働く際に必要なスキルとしては3つあります。

  1. ビジュアル作成スキル
  2. UI構築力(基礎概念の理解、構造の理解、提案)
  3. ユーザー中心の発想/提案力

これら3つのものをポートフォリオに載せるアウトプットを通してまずは伝えるものにしていくのが大事になります。逆に1つでも欠けていると、話を聞いてもらえる率が低下するでしょう。

2.ポートフォリオは誰がみるのか?相手目線でデザインしよう

ポートフォリオは自己表現の作品集ではない

採用の現場で考えるとポートフォリオとは「一緒に働く人を判断する」ための資料になります。よく”作品集”という言葉でポートフォリオは説明されますが、個人的には”作品”と呼ぶのはちょっと違和感を感じています。(デザイナーの採用という文脈の場合)

採用したい人は”XXXXなスキル”を持っている人と働きたい。というのが存在するので、それに適うものになってない場合はポートフォリオとして良い役目を果たすことができません。なので、採用されたい〜〜と思う場合は”採用する側が何を求めているのか”を考えて、作ったりアウトプットをまとめたりする必要があります。

そのため”ポートフォリオ=自己表現”と考えると7割ぐらい痛い目を見ます

  • 自己表現=「私はこれが得意です!あなた必要じゃないですか?」といった感じです。→これでマッチする会社だと考えてやる分にはとてもGOODです。
  • が、あまり考えずに「自分の得意なものをまとめて」、とりあえず会社を受けまくる。は勝率で言うと上がりづらいと考えてます。

入りたい会社に合わせてポートフォリオの準備をするとよい

例えば相手を考えるとはどういうことなのか。完璧を求めると、入りたい会社でポートフォリオの内容は変わる/準備すべきとは思います

  • 例:デスクトップ向けサービスをやっている会社を受けるが、ポートフォリオはスマホUIのみ
  • 評価されないわけじゃないです。ただ相手目線になると「デスクトップのUIってどうなのかな…?」と気になるのは想像できると思います。
  • 例:UIデザイナーを求めているが、相手のポートフォリオでUIの意図の記載がない
  • ちゃんと事業とかユーザーとか考えてUIをデザインしてくれるかな・・・?(不安)
  • 例:制作会社に行きたいけど、1つのジャンル、テイストのアウトプットしかない(全て料理系のジャンルのアウトプット。テイストもオレンジや緑の柔らかい感じ
  • スキルが高ければこれでも採ってくれますが、可能なら幅広いアウトプットを用意したり、受ける会社が「どういうクライアントを得意にしているか」を調べて逆算して準備したほうが評価確率は上がるでしょう。

という感じで、誰が判断するか?で良いポートフォリオの定義は多少変わります。

このページではポートフォリオとは?を説明しました。これだけ見ると「難しい…」と感じるかもしれませんが、逆にいうと”UIデザイナーを採用したい場合は〜〜の能力持ってる人が欲しい”という要素が導き出せます。

なので「一般的にUIデザイナーならこれをベースに用意すべし!」の要素があるのでそれを引き続き解説していきます。

3.作るときは良いポートフォリオを真似しよう

作るときは、見て逆算した方が早い😇

  • ベンチマークを見つけましょう
  • デザイン作る時と一緒です
  • 1-3ぐらい持って、良いところ、真似できるところをガンガン真似して見ましょう
  • 具体があると論理で喋ってるものも想像しやすくなりそうです

参考ポートフォリオの探し方

  • noteで探す
  • 「ポートフォリオ UIデザイナー」
  • 「UIデザイナー 未経験 転職」
  • とかで検索する。
  • 未経験の人を参考にしても良いし、プロのポートフォリオあればそれを真似てもOK
  • 個人的には現場のデザイナーがちゃんと作ったやつを参考にすると成長幅が高そう
  • Vivivitで探す
  • 使ったことないけど登録したユーザーが載せてる人多いので色々見つかりはしそう
  • Redesignerで探す
  • 使ったことないけど登録したユーザーが載せてる人多いので色々見つかりはしそう
  • Googleで探す
  • ファイト!←

4.ポートフォリオでどんなことを見たいか?

🏕️ この人と仕事できるんかな〜?入ってくれて動いてくれるかな〜?マッチするかな〜?・スキル(足切り・次に、チームに入って動けそうか(コミュニケーションや要件汲み取り・最後に事業や会社適正(事業と合うかな?会社の考え方と合うかな?

1.スキル

3つのスキルを示そう。

①A : ユーザー理解からアイデアを出しているもの

いわゆる”UX”と呼ばれる範疇ですが、完璧じゃなくてよくて”顧客を理解する重要性がわかっていて”、”どういうことなのか?”を示せると評価されやすいです。

デザイナーは基本的にユーザーの代弁者になります。他の人は数字やコードを重視して意見を言ってくる傾向が強く、デザイナーに”顧客目線”を求める組織はかなり多いです。(もちろん全員が持たないといけないんだけど)

なのでその”素養”を提示する必要があります。そういう意味で「顧客ヒアリングからアイデアを出してサービス設計をしてみた」アウトプット(ゼロからサービス作る)を用意するのをBONOではおすすめしています。

UXコースの「UX入門」のやり方を真似して顧客のWhyを理解してアイデアを出してみるアウトプットが必要になってきます。

②B : サービスの「1機能」や「全体」をUIデザインした

いわゆる”UIデザイン”の範疇です。ここがポートフォリオとしてはコアな部分になってくるでしょう。単純な”見た目”を見せるのではなく以下のようなポイントを示すアウトプットが求められます

・UIの基本パターンを抑えてデザインできているか(よくあるUIの挙動になっているか)・複数画面に跨って整合性のあるUIになっているか。・基本的なUIのサイズやバランスを取れているか

これらを示すために「ただの1画面」ではなく、「複数画面に跨るUI」を見せることが基本になります。そのため「機能」単位でのUIアウトプットや、「サービス全体(主要画面だけでも)」のUIアウトプットが最も適した形になります。

顧客ニーズを特定してからやる必要は少なくともありません。自分が想定した要件に適ったUIのアウトプットが作れているかが重要になってきます。

③C : ビジュアルの力が分かるもの

デザイナーなので基本的なビジュアル力が必要になります。例えばバナー作成、LP(ペラ1のサイト)などがアウトプット対象になります。UIデザイナーもサービスのプロモーションなどでこれらを作る機会が多いです。かつ、UIにも繋がる”ビジュアル表現の基礎”でもあるので、最低限基礎レベルを示せるものが必要になってきます。

ポートフォリオサイトでアウトプットのサムネイルをきっちり作成したり、ポートフォリオサイトを作るなどでも示すことはできます。

2.チームに入ってデザインを提案できそうか

デザイナーは現場に入ると「デザインの意図を共有してUIの議論をチームで率先して可能にする」役割があります。そのため、ポートフォリオの中身でシンプルで的確に意図を伝えられるのか?という部分が足切りレベルでチェックされる可能性があります。

また、ブログなどの文章でもこの辺りを想像できたりするので、ポートフォリオの中身で多少示せると良いでしょう。

3.成長意欲はあるか

ほとんどの方が未経験で現場に入ると思います。特に「勝手に成長する人か」という部分は人としての評価で重要視されるパーソナルな要素です。

「勝手に成長できる人」は現場に入っても「勝手に自分の頭で動いて前進できる」印象があるので、成長力を見たいという他にも、自分で動ける人材ということで評価される傾向にあると思います。

学習の記録が見える、や、Twitterやブログなどで本など読んでいるな、などがあると、相手も親近感や安心感、期待をポジティブに持ってくれるでしょう。

4.デザインが好きか?なんでデザインしてんの?

必ずしもポートフォリオで示さなくても良いですが、デザインへの興味や何を重視するかなどを面接で聞かれることは多いです。なのでポートフォリオ段階でも興味や考え方を示せると、論理思考力やモチベの有無などポジティブな要素を伝えられると思います。

読んだ本の感想や、学びの感想などでも、デザインに対するスタンスは見えるので良いと思います。

未経験からUI/UXデザイナー、もしくは現場経験3年以内のデザイナー向けにポートフォリオの役割と中身について徹底解説しました。

□ ポートフォリオサイトのイメージプロトタイプ(メンバー限定)

※メンバー限定でURLが閲覧できます

❐ 関連動画

-------------------------------------------

1.この動画 ー 実物見せます!!未経験からUI/UXデザイナーになるポートフォリオのつくり方。
https://www.bo-no.design/contents/portfolio-01

2.ポートフォリオのつくり方-実物で何を掲載するか教えます
https://www.bo-no.design/contents/portfolio-02

3.プロセス説明ってどうやるの?秘伝の4項目を実物と一緒にシェア
https://www.bo-no.design/contents/portfolio-03

1.結論 -そもそもポートフォリオの役割とは?

※採用で使うユースケースに絞ってます

採用する側が、効率的に相手のことを知るために用いられます

  • 自社に必要なスキルを持っているかどうか=現場に入って動ける人かどうか、を見たいです!
  • 例:ビジネス向け請求書管理サービスをしている会社。ユーザーのは8割はデスクトップでサービスを使う。プロダクトの要件を定義する人はいるが、それをUI=具体にしてくれる人手が欲しい
  • 相手が望むもの例
  • 要件を共有すればUIのパターンを作ってきてくれる(UIデザイン部分の自走)
  • なぜそのUIか?をちゃんとチームに共有してくれる(なんとなく、や、かっこいい流行ってるやん。とかではない)
  • 要件を理解→踏まえた上で会話してくれそう
  • UIを作るし、自分で不安な場合は「今こういうUIにしてるんですけど、要件踏まえると、XXXな部分違いますかね〜?」と声かけできそう
  • 言語化
  • 相談
  • チームでできそう
  • なんなら”要件”からデザイン目線で議論できる人が良い
  • ↑ができそうかどうかをまずは感じたいと思います。(UIデザイナーの場合)
  • 完璧にポートフォリオだけで全てを伝えるのは難しいです。文章・データでしかないので。けど「会ってみたい=うちが求めてる人かも感」を出すための最初の材料になります
  • 詳しくは面接で直接確かめる

そもそも採用面接で何が見られる?

次の3つです。順番通りに見られていきます。

  1. デザインスキル ←足切り
  2. パーソナリティ
  3. 組織にフィットするか

まずは「デザインスキル」。デザイナーは専門職なので経歴もですが、実際何ができるかが大事です。まずここが見られます。ここでポートフォリオが使われます。ポートフォリオを見た時点でスキル面が達してないと判断されれば返信は来ません。少しでも達していたり、その人に興味を持てれば連絡が来ます。1~2時面接あたりもスキル面が面接でチェックされます。ポートフォリオを見ても実際にその人がやったのかわからなかったりするので直接聞かれたりします。かつ、伝えるスキルや議論するスキルもデザイナーには大事なので見られます。

次にパーソナリティです。これは主にデザイナーはデザイナーだけじゃなく、エンジニアやビジネスサイドなどいろんな人と関わったり、要件を汲み取ってデザインをするので見られます。性格が良いか、組織の人と合うかもなんとなくですが見られます。し、チームでちゃんと動けるのか?デザインに責任持ってリードしてくれるのか?などなど見られます。

最後に組織フィットです。1と2を総合的に判断して相応しい人材か、今本当に採るべきか?などなど判断していく過程を踏んでいきます。

ポートフォリオは主に1のスキル面の足切り、話の種として使われるものになります。第1関門突破に必要なんですね。

ポートフォリオで見せるべきもの

別で解説しますが、未経験から「UIデザイナー・UI/UXデザイナー」として働く際に必要なスキルとしては3つあります。

  1. ビジュアル作成スキル
  2. UI構築力(基礎概念の理解、構造の理解、提案)
  3. ユーザー中心の発想/提案力

これら3つのものをポートフォリオに載せるアウトプットを通してまずは伝えるものにしていくのが大事になります。逆に1つでも欠けていると、話を聞いてもらえる率が低下するでしょう。

2.ポートフォリオは誰がみるのか?相手目線でデザインしよう

ポートフォリオは自己表現の作品集ではない

採用の現場で考えるとポートフォリオとは「一緒に働く人を判断する」ための資料になります。よく”作品集”という言葉でポートフォリオは説明されますが、個人的には”作品”と呼ぶのはちょっと違和感を感じています。(デザイナーの採用という文脈の場合)

採用したい人は”XXXXなスキル”を持っている人と働きたい。というのが存在するので、それに適うものになってない場合はポートフォリオとして良い役目を果たすことができません。なので、採用されたい〜〜と思う場合は”採用する側が何を求めているのか”を考えて、作ったりアウトプットをまとめたりする必要があります。

そのため”ポートフォリオ=自己表現”と考えると7割ぐらい痛い目を見ます

  • 自己表現=「私はこれが得意です!あなた必要じゃないですか?」といった感じです。→これでマッチする会社だと考えてやる分にはとてもGOODです。
  • が、あまり考えずに「自分の得意なものをまとめて」、とりあえず会社を受けまくる。は勝率で言うと上がりづらいと考えてます。

入りたい会社に合わせてポートフォリオの準備をするとよい

例えば相手を考えるとはどういうことなのか。完璧を求めると、入りたい会社でポートフォリオの内容は変わる/準備すべきとは思います

  • 例:デスクトップ向けサービスをやっている会社を受けるが、ポートフォリオはスマホUIのみ
  • 評価されないわけじゃないです。ただ相手目線になると「デスクトップのUIってどうなのかな…?」と気になるのは想像できると思います。
  • 例:UIデザイナーを求めているが、相手のポートフォリオでUIの意図の記載がない
  • ちゃんと事業とかユーザーとか考えてUIをデザインしてくれるかな・・・?(不安)
  • 例:制作会社に行きたいけど、1つのジャンル、テイストのアウトプットしかない(全て料理系のジャンルのアウトプット。テイストもオレンジや緑の柔らかい感じ
  • スキルが高ければこれでも採ってくれますが、可能なら幅広いアウトプットを用意したり、受ける会社が「どういうクライアントを得意にしているか」を調べて逆算して準備したほうが評価確率は上がるでしょう。

という感じで、誰が判断するか?で良いポートフォリオの定義は多少変わります。

このページではポートフォリオとは?を説明しました。これだけ見ると「難しい…」と感じるかもしれませんが、逆にいうと”UIデザイナーを採用したい場合は〜〜の能力持ってる人が欲しい”という要素が導き出せます。

なので「一般的にUIデザイナーならこれをベースに用意すべし!」の要素があるのでそれを引き続き解説していきます。

3.作るときは良いポートフォリオを真似しよう

作るときは、見て逆算した方が早い😇

  • ベンチマークを見つけましょう
  • デザイン作る時と一緒です
  • 1-3ぐらい持って、良いところ、真似できるところをガンガン真似して見ましょう
  • 具体があると論理で喋ってるものも想像しやすくなりそうです

参考ポートフォリオの探し方

  • noteで探す
  • 「ポートフォリオ UIデザイナー」
  • 「UIデザイナー 未経験 転職」
  • とかで検索する。
  • 未経験の人を参考にしても良いし、プロのポートフォリオあればそれを真似てもOK
  • 個人的には現場のデザイナーがちゃんと作ったやつを参考にすると成長幅が高そう
  • Vivivitで探す
  • 使ったことないけど登録したユーザーが載せてる人多いので色々見つかりはしそう
  • Redesignerで探す
  • 使ったことないけど登録したユーザーが載せてる人多いので色々見つかりはしそう
  • Googleで探す
  • ファイト!←

ポートフォリオでどんなことを見たいか?

🏕️ この人と仕事できるんかな〜?入ってくれて動いてくれるかな〜?マッチするかな〜?・スキル(足切り・次に、チームに入って動けそうか(コミュニケーションや要件汲み取り・最後に事業や会社適正(事業と合うかな?会社の考え方と合うかな?

1.スキル

3つのスキルを示そう。

①A : ユーザー理解からアイデアを出しているもの

いわゆる”UX”と呼ばれる範疇ですが、完璧じゃなくてよくて”顧客を理解する重要性がわかっていて”、”どういうことなのか?”を示せると評価されやすいです。

デザイナーは基本的にユーザーの代弁者になります。他の人は数字やコードを重視して意見を言ってくる傾向が強く、デザイナーに”顧客目線”を求める組織はかなり多いです。(もちろん全員が持たないといけないんだけど)

なのでその”素養”を提示する必要があります。そういう意味で「顧客ヒアリングからアイデアを出してサービス設計をしてみた」アウトプット(ゼロからサービス作る)を用意するのをBONOではおすすめしています。

UXコースの「UX入門」のやり方を真似して顧客のWhyを理解してアイデアを出してみるアウトプットが必要になってきます。

②B : サービスの「1機能」や「全体」をUIデザインした

いわゆる”UIデザイン”の範疇です。ここがポートフォリオとしてはコアな部分になってくるでしょう。単純な”見た目”を見せるのではなく以下のようなポイントを示すアウトプットが求められます

・UIの基本パターンを抑えてデザインできているか(よくあるUIの挙動になっているか)・複数画面に跨って整合性のあるUIになっているか。・基本的なUIのサイズやバランスを取れているか

これらを示すために「ただの1画面」ではなく、「複数画面に跨るUI」を見せることが基本になります。そのため「機能」単位でのUIアウトプットや、「サービス全体(主要画面だけでも)」のUIアウトプットが最も適した形になります。

顧客ニーズを特定してからやる必要は少なくともありません。自分が想定した要件に適ったUIのアウトプットが作れているかが重要になってきます。

③C : ビジュアルの力が分かるもの

デザイナーなので基本的なビジュアル力が必要になります。例えばバナー作成、LP(ペラ1のサイト)などがアウトプット対象になります。UIデザイナーもサービスのプロモーションなどでこれらを作る機会が多いです。かつ、UIにも繋がる”ビジュアル表現の基礎”でもあるので、最低限基礎レベルを示せるものが必要になってきます。

ポートフォリオサイトでアウトプットのサムネイルをきっちり作成したり、ポートフォリオサイトを作るなどでも示すことはできます。

2.チームに入ってデザインを提案できそうか

デザイナーは現場に入ると「デザインの意図を共有してUIの議論をチームで率先して可能にする」役割があります。そのため、ポートフォリオの中身でシンプルで的確に意図を伝えられるのか?という部分が足切りレベルでチェックされる可能性があります。

また、ブログなどの文章でもこの辺りを想像できたりするので、ポートフォリオの中身で多少示せると良いでしょう。

3.成長意欲はあるか

ほとんどの方が未経験で現場に入ると思います。特に「勝手に成長する人か」という部分は人としての評価で重要視されるパーソナルな要素です。

「勝手に成長できる人」は現場に入っても「勝手に自分の頭で動いて前進できる」印象があるので、成長力を見たいという他にも、自分で動ける人材ということで評価される傾向にあると思います。

学習の記録が見える、や、Twitterやブログなどで本など読んでいるな、などがあると、相手も親近感や安心感、期待をポジティブに持ってくれるでしょう。

4.デザインが好きか?なんでデザインしてんの?

必ずしもポートフォリオで示さなくても良いですが、デザインへの興味や何を重視するかなどを面接で聞かれることは多いです。なのでポートフォリオ段階でも興味や考え方を示せると、論理思考力やモチベの有無などポジティブな要素を伝えられると思います。

読んだ本の感想や、学びの感想などでも、デザインに対するスタンスは見えるので良いと思います。

ポートフォリオの作り方

3
実物見せます!!未経験からUI/UXデザイナーになるポートフォリオのつくり方。
26:13
実物見せます!!未経験からUI/UXデザイナーになるポートフォリオのつくり方。

実物見せます!!未経験からUI/UXデザイナーになるポートフォリオのつくり方。

【ポートフォリオ】トップページのつくり方-何を掲載するの〜?を解説
12:37
【ポートフォリオ】トップページのつくり方-何を掲載するの〜?を解説

【ポートフォリオ】トップページのつくり方-何を掲載するの〜?を解説

【ポートフォリオ】アウトプットのまとめ方 - プロセスを上手く伝える4項目とは
16:41
【ポートフォリオ】アウトプットのまとめ方 - プロセスを上手く伝える4項目とは

【ポートフォリオ】アウトプットのまとめ方 - プロセスを上手く伝える4項目とは

閉じる