この記事では、UI/UXデザイナーとしての採用過程でのポートフォリオの重要性に焦点を当てています。
UI/UXデザイナーに転職する・面接を受ける際には、ほとんどの場合、ポートフォリオが必要です。特に未経験からこの分野に進む場合、ポートフォリオとは一体何なのか、何を学び、どの程度のスキルを身に付けるべきかが不明確な方が多く見受けられます。
未経験からUI/UXデザイナー、もしくは現場経験3年以内のデザイナー向けにポートフォリオの役割と中身について徹底解説しました。
□ ポートフォリオサイトのイメージプロトタイプ（メンバー限定）
❐ 関連動画
-------------------------------------------
1.この動画 ー 実物見せます!!未経験からUI/UXデザイナーになるポートフォリオのつくり方。
https://www.bo-no.design/contents/portfolio-01
2.ポートフォリオのつくり方-実物で何を掲載するか教えます
https://www.bo-no.design/contents/portfolio-02
3.プロセス説明ってどうやるの？秘伝の４項目を実物と一緒にシェア
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つ
例えば、考えてみてください。あなたは、目標もなしにマラソンを走ることはできますか？どこまで走ればいいのかわからない状態で、長距離を走り続けるモチベーションを保つことは難しいですよね。目標がなければ、人は効果的に行動することができません。
重要な点は、未経験からUI/UXデザイナーへの転職を目指す方々が、しばしば「UI/UXデザイナーになること」や「UI/UXデザイナーとして転職すること」を（無意識のうちにでも）目標として設定してしまうことです。しかし、これは間違いです。
UI/UXデザイナーの勉強をしている方にとっての真のゴールは、**「自分のポートフォリオを作成すること」**です。これが、UI/UXデザイナーへの転職を目指す上での重要な目標となります。
以下の記事では、UI/UXデザイナーとして活躍するには何を満たしている必要があるのかを踏まえ、それをどのような形でポートフォリオにアウトプットすれば良いのかをお伝えしていきます。
採用プロセスにおいて、ポートフォリオは、企業が効率的に応募者のことを知るために用いられます。
一般的にポートフォリオは「作品集」という言葉で説明されることが多いのですが、UI/UXデザイナーの採用という文脈で見た場合には、その定義は当てはまりません。UI/UXデザイナーの採用場面においては「相手が求める情報を提供できるポートフォリオ」こそが最も良いポートフォリオだと言えます。
例えば、「ビジネス向けの請求書管理サービスの事業会社」がUIデザイナーを募集していると仮定してみましょう。この企業では、ユーザーの8割がデスクトップブラウザでサービスを利用しているとします。
ここで、応募者Aさんのポートフォリオには「スマホアプリのUIデザインの事例」、Bさんのポートフォリオには「パソコン画面のサイズ感を想定したUIデザインの事例」が掲載されていたと考えてみてください。
この場合、Bさんと比べてAさんが評価されづらいことは容易に想像できますね。経験年数の多寡にかかわらず、デザインの必要性を想像する力、求められる要件を汲み取る力、思考や発想の柔軟性などを、採用企業としてはやや疑わざるを得ません。
このように、UI/UXデザイナーの採用場面では、採用する側が何を求めているのかを考えてアウトプットをまとめ、単なる自己表現の作品集ではないポートフォリオを作り上げる必要があります。
UI/UXデザイナーの採用面接では、基本的に以下の3点が順番に確認されます。
この選考ステップを踏まえて逆算すると、UI/UXデザイナーとして評価されるポートフォリオが浮かび上がってきます。これは実際に、未経験からデザイナーへのキャリアチェンジを可能にするコミュニティ【BONO】での実践を通して確信を抱いていることでもあります。（BONOでは約3年の間に約40名の方が未経験からデザイナーへの夢を実現されました。）
ここからは、それぞれの選考ステップで確認される事柄と、それに応えるためにはどのようなポートフォリオを用意すれば良いのか、ひとつずつ解説していきます。
デザインの専門職たるUI/UXデザイナーは、何かを表現するデザインのスキルが最も重要です。実績や経験も確認されないわけではありませんが、それよりも「あなたは実際に何ができるのか」が大切な選考ポイントです。
ポートフォリオが活用されるのは主にこのステップにおいてです。この段階で、応募者の実力が企業の求めるレベルに達していないと思われれば、いわゆる “足切り” となり、書類選考で不採用となる可能性が高いでしょう。
UI/UXデザイナーにとって求められるデザインスキルは、主に以下の3つの要素で説明できます。
デザイナーとしてのビジュアルグラフィックのスキルです。
例えばUIデザイナーのポートフォリオなら、バナー、LP（ページ1枚だけのサイト）などがアウトプット対象になります。自分の作品のサムネイルやポートフォリオサイトなどを通して、ビジュアル作成の基礎力を示すことができます。
ポートフォリオでは、UIの事例や数に加えて、なぜそのようなデザインにしたのか、デザインの意図まで含めて説明したいところです。次項のUI構築スキルにもつながりますが、何のために、誰に対して、どんな方向性で、どんなサービスを作りたいのかを踏まえた上で、そのために必要な機能や見た目を提案できてこそ、UI/UXデザイナーとして求められるビジュアル作成スキルです。見栄えが良いだけのデザインアウトプットでは、造形美は判断できたとしても、UI/UXデザイナーとしての評価にはつながりにくいと考えておきましょう。
基礎概念の理解、構造の理解、目的や要件を踏まえた提案力などを含む、いわゆる “UIデザイン” のスキルです。
単純な “見た目” を見せるのではなく、UIの基本パターンを押さえてデザインできているか、複数画面にまたがって整合性のあるUIになっているか、基本的なUIのサイズやバランスが取れているか、要件に対して適切なUIデザインになっているか、などを示すアウトプットが求められます。
ポートフォリオでは「ただの1画面」ではなく、「複数画面にまたがるUI」を見せることが基本になります。機能単位、あるいはサービス全体（主要画面だけでも）のUIアウトプットが最も適した形になるでしょう。顧客ニーズを特定するところまではしなくても大丈夫ですが、自分が想定した要件に適ったUIのアウトプットを作れているかが重要です。
顧客を適切に理解して、そこから発想したアイディアを出せるか、という、いわゆる ”UXデザイン” 範疇のスキルです。
UI/UXデザイナーは基本的にユーザーの代弁者になります。多くの場合、デザイナー以外のプロジェクトメンバーは数字やコードを重視する傾向が強く、デザイナーに ”顧客目線” を求める組織が大半です。
従ってポートフォリオでは、顧客目線を持っている ”素養” を提示する必要があります。**顧客を理解する重要性がわかっていて、それをデザイナーとしてどのような形で表現できるか、を示します。**完璧である必要はありませんので、実際の顧客（一人でも十分です）にヒアリングして、その方の背景や気持ち、課題に沿ったサービスを、ゼロから組み立てた事例を示せると良いでしょう。
UI/UXデザイナーは、エンジニアやビジネスサイドなど、さまざまな人と関わりながら、要件を汲み取ってデザインをする仕事です。従って、UI/UXデザイナーの選考過程においては、性格や人柄、在籍中のチームメンバーとの相性、伝えるスキルや議論するスキルがあるか、デザインに責任を持って動けそうか、等々のパーソナリティも重要な選考ポイントになります。
こうした点は主に書類選考の通過後に面接で確認されますが、ポートフォリオでも伝えられることがあります。
UI/UXデザイナーには「デザインの意図を理解し、チームに共有し、チーム全体のUIの議論を促進する」役割があります。
ポートフォリオでも、**シンプルに・的確に意図を伝えられるか？**という部分がチェックされる可能性があります。ブログなどの文章から想像できるところでもありますので、ポートフォリオで多少なりとも示せると良いでしょう。
未経験で現場に入る場合、特に**「自発的に行動し、成長する人か」**という部分が重要視されます。「自律的・主体的に考え、行動できる」人材であることは、企業にとっては非常にポジティブな評価要素です。
ポートフォリオでも、学習の記録が載っていたり、本を読むなどして自分で情報収集する様子がSNSやブログなどから窺えたりすると、企業も親近感や安心感、期待を持ってくれるでしょう。
デザインへの興味、何を重視するか、なぜデザインをしているのか、などは、面接でよく尋ねられる質問です。
ポートフォリオでも、あなたの興味や考え方を示せると、論理思考力やモチベーションの有無など、ポジティブな要素を伝えられます。読んだ本や学びの感想などからもデザインに対するスタンスが見えますので、積極的にポートフォリオに取り入れると良いでしょう。
1のデザインスキルと2のパーソナリティを総合的に判断して、ふさわしい人材か、いま本当に採用すべきか？など、判断していく過程を踏んでいきます。
以上のポイントを踏まえたポートフォリオサイトのイメージプロトタイプや、アウトプットの書き方の詳しい説明などをご用意しています。BONOのコミュニティメンバー限定で閲覧できます。ご興味があれば こちら からメンバーシップについてご覧になってみてください。
最後に、未経験からUI/UXデザイナーとして就職・転職するためのポートフォリオをどのように用意すれば良いのか、作成のためのちょっとしたコツをご紹介します。
あなたが入りたい会社によって、会社が見たい内容＝ポートフォリオに載せるべき内容が変わります。完璧を求めるなら、入りたい会社に合わせてそれぞれポートフォリオを準備すべきです。
例えば、採用側と応募者のポートフォリオのミスマッチが発生するのは、以下のような場合です。
採用する側としては、「当社の事業やユーザーを考えてUIをデザインしてくれるだろうか？」と疑いたくなるところです。入りたい会社でビジュアル重視がならそれでも良いかもしれません。
などUI/UXの技術は基本的に、良いサービスを作る、顧客をポジティブにするためにデザインを使います。詳しくは。前項の「1.デザインスキル」を参考にしてみてください。
例えばポートフォリオに載っているのが、すべて料理系のジャンルのアウトプットで、テイストもオレンジ色や緑色の柔らかな感じのみだったとします。
スキルが高ければこれでも採用の見込みがありますが、可能なら幅広いアウトプットを用意したり、募集企業がどのようなクライアントを得意としているかを調べ、逆算して準備したりするほうが、評価される確率は上がるでしょう。
ポートフォリオを用意する際には、こうしたミスマッチが起こらないよう、応募したい会社の求める人材や狙いをよく確認することをお勧めします。
実際にポートフォリオを作るときには、良いポートフォリオを真似ることをお勧めします。自分の頭の中だけで考えるより、実物を見ながら逆算したほうが、早く確実にアウトプットできます。デザインを作るときと一緒で、ベンチマークを1～3つほど持って、良いところ・真似できるところをどんどん真似してみましょう。
最も簡単な方法は、「このポートフォリオで未経験からUI/UXデザイナーに転職できました」という方のポートフォリオを見ることです。そのポートフォリオは最低限のレベルをクリアしているわけですから、そこにあなたのオリジナルの事例を足していけば良いわけです。
もちろん、プロのポートフォリオを参考にできるならばそれも良いでしょう。現場のデザイナーがしっかりと作ったポートフォリオを参考にすると、デザインの成長幅も広がるかもしれません。
ポートフォリオを作るとき、WEBサイトがいいのか？ PDFがいいのか？ と、媒体に迷う方もいらっしゃるかもしれませんが、媒体は何でもOKです。
ここまで説明してきた通り、ポートフォリオは「採用側が求めているものを見る」ものです。媒体よりも中身が重要です。強いて言えば、紙媒体は、郵送の手間がかかりますし、WEB系のUI/UXデザイナーとしては中途半端かもしれません。オンラインでシェアできるものであれば何でも大丈夫だと考えています。
例えばNotionなどを使ってコードを書かずにまとめて、コンテンツで勝負するBONOメンバーも結構います（実際に採用されてます）
さらに具体的なポートフォリオの作り方をこちらの動画でご紹介しています。https://www.bo-no.design/contents/portfolio-02BONOのコミュニティメンバー限定で閲覧できます。ご興味があれば こちら からメンバーシップについてご覧になってみてください。
ここまで、UI/UXデザイナーにとってのポートフォリオの役割や、UI/UXデザイナーが採用面接で見られているところ、それを踏まえて用意すべきポートフォリオの内容、作り方のコツなどをご紹介してきました。
ポートフォリオに掲載するUIの事例などは、すべて架空のもので構いません。UI/UXデザイナーとしての実務経験がゼロだったとしても、この記事で紹介したようなスキルを示すことができれば、十分に勝負できます。
あなたのポートフォリオ作成のご参考になれば幸いです！
デザインにもポートフォリオにも言えることですが、未経験から何かを身に付けようとするとき、独学独習ではどうしても限界があります。
身に付けるべき内容はこれで合っているのか？ この方向で正しいのか？ そもそも何を学べばいいのか？ 等々、学習しながら不安は尽きませんし、フィードバックを得られなければ成果物も独りよがりなものになってしまいます。ダラダラと時間ばかりかかって、結局は具体的な成果に結びつかないまま終わる、ということにもなりかねません。
だからこそ、未経験からUI/UXデザイナーを目指すあなたにお勧めしたいのは、プロのファシリテートを受けながら、仲間と共に学ぶことです。
そんな場をご用意しているのが、BONOです。
グロースプランではポートフォリオのフィードバックも行っています。
BONOでは、デザインを学ぶメンバーの「コミュニティ」と、プロのデザインを全公開＆解説した「コンテンツ」で、あなたの不安を減らし、速く正確に上達する手助けをします。あなた一人で闇雲に頑張るのではなく、プロと、そして仲間と共に進んでいくことで、圧倒的な成長速度と効率を実現できるのです。
デザインの価値は単なるビジュアルではなく、課題解決や目的達成を通して、世の中をポジティブに変える価値伝達を設計することです。BONOにはそんなデザインを実現する成長の場と機会があります。
もしあなたが本気で未経験からUI/UXデザイナーになりたいなら、そしてデザインを通して誰かをポジティブにする力を磨きたいなら、BONOを覗いてみてください。
💡 未経験からUI/UXデザイナーになれる場 BONO
BONOは、オープンから約3年で、未経験からUI/UXデザイナーにキャリアチェンジした方を約40名輩出しています。驚異的な実績の秘密は、以下の3つにあります。
BONOでは、サービス改善やサイト制作など、実務レベルのコンテンツでUI/UXデザインを学ぶことができます。現役デザイナーの目的設定からアイディア出し、デザインフロー、実際の制作物まで、思考過程を惜しみなく解説。あなたも実際に課題を実践して、動画で答え合わせをしてみてください。未経験からUI/UXデザイナーになれる「ロードマップ」に則って、あなたのポートフォリオ作成までサポートします。
UIデザイナーに転職するロードマップ
https://www.bo-no.design/rdm/roadmap-uiuxdesigner
テーマごとに解説動画をプロのデザインフローと共にお届け。実践的なお題を元に、プロはどういう流れでデザインするのか、課題や目的からのデザインを解説します。
一連のデザインプロセスを通して、UI/UXデザイナーとしてのスキルを伸ばし、教科書では説明しづらい “どういう考えでデザインするか” を理解・習得できます。インプットだけでなく、アウトプットの場も豊富にご用意。動画コンテンツで解説した内容を、自分の手を動かして実践し、試すことができます。
どんなコンテンツがあるかは「シリーズ一覧」をご覧ください。
BONOシリーズ一覧
https://www.bo-no.design/content/series
質問やデザイン添削を通して、仲間と共に切磋琢磨しながら、楽しく成長しましょう。BONOのメンバー限定コミュニティでは、毎週ライブデザインやQ&Aがあります。現役デザイナーがあなたの質問に深く回答したり、お題をデザインで解く過程を配信します。また、デザインに役立つニュースを隔週でまとめてシェア＆解説。あなたがUI/UXデザイナーとして活躍するための素養を一緒に育みましょう。
そんなあなたへ。BONOには、あなたのデザイン力を伸ばす ”環境” と ”知識” があります。
ぜひ、私たちと一緒にBONOで学びましょう。
💡 未経験からUI/UXデザイナーになれる場 BONO
この記事では、UI/UXデザイナーとしての採用過程でのポートフォリオの重要性に焦点を当てています。
UI/UXデザイナーに転職する・面接を受ける際には、ほとんどの場合、ポートフォリオが必要です。特に未経験からこの分野に進む場合、ポートフォリオとは一体何なのか、何を学び、どの程度のスキルを身に付けるべきかが不明確な方が多く見受けられます。
未経験からUI/UXデザイナー、もしくは現場経験3年以内のデザイナー向けにポートフォリオの役割と中身について徹底解説しました。
□ ポートフォリオサイトのイメージプロトタイプ（メンバー限定）
❐ 関連動画
-------------------------------------------
1.この動画 ー 実物見せます!!未経験からUI/UXデザイナーになるポートフォリオのつくり方。
https://www.bo-no.design/contents/portfolio-01
2.ポートフォリオのつくり方-実物で何を掲載するか教えます
https://www.bo-no.design/contents/portfolio-02
3.プロセス説明ってどうやるの？秘伝の４項目を実物と一緒にシェア
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つ
例えば、考えてみてください。あなたは、目標もなしにマラソンを走ることはできますか？どこまで走ればいいのかわからない状態で、長距離を走り続けるモチベーションを保つことは難しいですよね。目標がなければ、人は効果的に行動することができません。
重要な点は、未経験からUI/UXデザイナーへの転職を目指す方々が、しばしば「UI/UXデザイナーになること」や「UI/UXデザイナーとして転職すること」を（無意識のうちにでも）目標として設定してしまうことです。しかし、これは間違いです。
UI/UXデザイナーの勉強をしている方にとっての真のゴールは、**「自分のポートフォリオを作成すること」**です。これが、UI/UXデザイナーへの転職を目指す上での重要な目標となります。
以下の記事では、UI/UXデザイナーとして活躍するには何を満たしている必要があるのかを踏まえ、それをどのような形でポートフォリオにアウトプットすれば良いのかをお伝えしていきます。
採用プロセスにおいて、ポートフォリオは、企業が効率的に応募者のことを知るために用いられます。
一般的にポートフォリオは「作品集」という言葉で説明されることが多いのですが、UI/UXデザイナーの採用という文脈で見た場合には、その定義は当てはまりません。UI/UXデザイナーの採用場面においては「相手が求める情報を提供できるポートフォリオ」こそが最も良いポートフォリオだと言えます。
例えば、「ビジネス向けの請求書管理サービスの事業会社」がUIデザイナーを募集していると仮定してみましょう。この企業では、ユーザーの8割がデスクトップブラウザでサービスを利用しているとします。
ここで、応募者Aさんのポートフォリオには「スマホアプリのUIデザインの事例」、Bさんのポートフォリオには「パソコン画面のサイズ感を想定したUIデザインの事例」が掲載されていたと考えてみてください。
この場合、Bさんと比べてAさんが評価されづらいことは容易に想像できますね。経験年数の多寡にかかわらず、デザインの必要性を想像する力、求められる要件を汲み取る力、思考や発想の柔軟性などを、採用企業としてはやや疑わざるを得ません。
このように、UI/UXデザイナーの採用場面では、採用する側が何を求めているのかを考えてアウトプットをまとめ、単なる自己表現の作品集ではないポートフォリオを作り上げる必要があります。
UI/UXデザイナーの採用面接では、基本的に以下の3点が順番に確認されます。
この選考ステップを踏まえて逆算すると、UI/UXデザイナーとして評価されるポートフォリオが浮かび上がってきます。これは実際に、未経験からデザイナーへのキャリアチェンジを可能にするコミュニティ【BONO】での実践を通して確信を抱いていることでもあります。（BONOでは約3年の間に約40名の方が未経験からデザイナーへの夢を実現されました。）
ここからは、それぞれの選考ステップで確認される事柄と、それに応えるためにはどのようなポートフォリオを用意すれば良いのか、ひとつずつ解説していきます。
デザインの専門職たるUI/UXデザイナーは、何かを表現するデザインのスキルが最も重要です。実績や経験も確認されないわけではありませんが、それよりも「あなたは実際に何ができるのか」が大切な選考ポイントです。
ポートフォリオが活用されるのは主にこのステップにおいてです。この段階で、応募者の実力が企業の求めるレベルに達していないと思われれば、いわゆる “足切り” となり、書類選考で不採用となる可能性が高いでしょう。
UI/UXデザイナーにとって求められるデザインスキルは、主に以下の3つの要素で説明できます。
デザイナーとしてのビジュアルグラフィックのスキルです。
例えばUIデザイナーのポートフォリオなら、バナー、LP（ページ1枚だけのサイト）などがアウトプット対象になります。自分の作品のサムネイルやポートフォリオサイトなどを通して、ビジュアル作成の基礎力を示すことができます。
ポートフォリオでは、UIの事例や数に加えて、なぜそのようなデザインにしたのか、デザインの意図まで含めて説明したいところです。次項のUI構築スキルにもつながりますが、何のために、誰に対して、どんな方向性で、どんなサービスを作りたいのかを踏まえた上で、そのために必要な機能や見た目を提案できてこそ、UI/UXデザイナーとして求められるビジュアル作成スキルです。見栄えが良いだけのデザインアウトプットでは、造形美は判断できたとしても、UI/UXデザイナーとしての評価にはつながりにくいと考えておきましょう。
基礎概念の理解、構造の理解、目的や要件を踏まえた提案力などを含む、いわゆる “UIデザイン” のスキルです。
単純な “見た目” を見せるのではなく、UIの基本パターンを押さえてデザインできているか、複数画面にまたがって整合性のあるUIになっているか、基本的なUIのサイズやバランスが取れているか、要件に対して適切なUIデザインになっているか、などを示すアウトプットが求められます。
ポートフォリオでは「ただの1画面」ではなく、「複数画面にまたがるUI」を見せることが基本になります。機能単位、あるいはサービス全体（主要画面だけでも）のUIアウトプットが最も適した形になるでしょう。顧客ニーズを特定するところまではしなくても大丈夫ですが、自分が想定した要件に適ったUIのアウトプットを作れているかが重要です。
顧客を適切に理解して、そこから発想したアイディアを出せるか、という、いわゆる ”UXデザイン” 範疇のスキルです。
UI/UXデザイナーは基本的にユーザーの代弁者になります。多くの場合、デザイナー以外のプロジェクトメンバーは数字やコードを重視する傾向が強く、デザイナーに ”顧客目線” を求める組織が大半です。
従ってポートフォリオでは、顧客目線を持っている ”素養” を提示する必要があります。**顧客を理解する重要性がわかっていて、それをデザイナーとしてどのような形で表現できるか、を示します。**完璧である必要はありませんので、実際の顧客（一人でも十分です）にヒアリングして、その方の背景や気持ち、課題に沿ったサービスを、ゼロから組み立てた事例を示せると良いでしょう。
UI/UXデザイナーは、エンジニアやビジネスサイドなど、さまざまな人と関わりながら、要件を汲み取ってデザインをする仕事です。従って、UI/UXデザイナーの選考過程においては、性格や人柄、在籍中のチームメンバーとの相性、伝えるスキルや議論するスキルがあるか、デザインに責任を持って動けそうか、等々のパーソナリティも重要な選考ポイントになります。
こうした点は主に書類選考の通過後に面接で確認されますが、ポートフォリオでも伝えられることがあります。
UI/UXデザイナーには「デザインの意図を理解し、チームに共有し、チーム全体のUIの議論を促進する」役割があります。
ポートフォリオでも、**シンプルに・的確に意図を伝えられるか？**という部分がチェックされる可能性があります。ブログなどの文章から想像できるところでもありますので、ポートフォリオで多少なりとも示せると良いでしょう。
未経験で現場に入る場合、特に**「自発的に行動し、成長する人か」**という部分が重要視されます。「自律的・主体的に考え、行動できる」人材であることは、企業にとっては非常にポジティブな評価要素です。
ポートフォリオでも、学習の記録が載っていたり、本を読むなどして自分で情報収集する様子がSNSやブログなどから窺えたりすると、企業も親近感や安心感、期待を持ってくれるでしょう。
デザインへの興味、何を重視するか、なぜデザインをしているのか、などは、面接でよく尋ねられる質問です。
ポートフォリオでも、あなたの興味や考え方を示せると、論理思考力やモチベーションの有無など、ポジティブな要素を伝えられます。読んだ本や学びの感想などからもデザインに対するスタンスが見えますので、積極的にポートフォリオに取り入れると良いでしょう。
1のデザインスキルと2のパーソナリティを総合的に判断して、ふさわしい人材か、いま本当に採用すべきか？など、判断していく過程を踏んでいきます。
以上のポイントを踏まえたポートフォリオサイトのイメージプロトタイプや、アウトプットの書き方の詳しい説明などをご用意しています。BONOのコミュニティメンバー限定で閲覧できます。ご興味があれば こちら からメンバーシップについてご覧になってみてください。
最後に、未経験からUI/UXデザイナーとして就職・転職するためのポートフォリオをどのように用意すれば良いのか、作成のためのちょっとしたコツをご紹介します。
あなたが入りたい会社によって、会社が見たい内容＝ポートフォリオに載せるべき内容が変わります。完璧を求めるなら、入りたい会社に合わせてそれぞれポートフォリオを準備すべきです。
例えば、採用側と応募者のポートフォリオのミスマッチが発生するのは、以下のような場合です。
採用する側としては、「当社の事業やユーザーを考えてUIをデザインしてくれるだろうか？」と疑いたくなるところです。入りたい会社でビジュアル重視がならそれでも良いかもしれません。
などUI/UXの技術は基本的に、良いサービスを作る、顧客をポジティブにするためにデザインを使います。詳しくは。前項の「1.デザインスキル」を参考にしてみてください。
例えばポートフォリオに載っているのが、すべて料理系のジャンルのアウトプットで、テイストもオレンジ色や緑色の柔らかな感じのみだったとします。
スキルが高ければこれでも採用の見込みがありますが、可能なら幅広いアウトプットを用意したり、募集企業がどのようなクライアントを得意としているかを調べ、逆算して準備したりするほうが、評価される確率は上がるでしょう。
ポートフォリオを用意する際には、こうしたミスマッチが起こらないよう、応募したい会社の求める人材や狙いをよく確認することをお勧めします。
実際にポートフォリオを作るときには、良いポートフォリオを真似ることをお勧めします。自分の頭の中だけで考えるより、実物を見ながら逆算したほうが、早く確実にアウトプットできます。デザインを作るときと一緒で、ベンチマークを1～3つほど持って、良いところ・真似できるところをどんどん真似してみましょう。
最も簡単な方法は、「このポートフォリオで未経験からUI/UXデザイナーに転職できました」という方のポートフォリオを見ることです。そのポートフォリオは最低限のレベルをクリアしているわけですから、そこにあなたのオリジナルの事例を足していけば良いわけです。
もちろん、プロのポートフォリオを参考にできるならばそれも良いでしょう。現場のデザイナーがしっかりと作ったポートフォリオを参考にすると、デザインの成長幅も広がるかもしれません。
ポートフォリオを作るとき、WEBサイトがいいのか？ PDFがいいのか？ と、媒体に迷う方もいらっしゃるかもしれませんが、媒体は何でもOKです。
ここまで説明してきた通り、ポートフォリオは「採用側が求めているものを見る」ものです。媒体よりも中身が重要です。強いて言えば、紙媒体は、郵送の手間がかかりますし、WEB系のUI/UXデザイナーとしては中途半端かもしれません。オンラインでシェアできるものであれば何でも大丈夫だと考えています。
例えばNotionなどを使ってコードを書かずにまとめて、コンテンツで勝負するBONOメンバーも結構います（実際に採用されてます）
さらに具体的なポートフォリオの作り方をこちらの動画でご紹介しています。https://www.bo-no.design/contents/portfolio-02BONOのコミュニティメンバー限定で閲覧できます。ご興味があれば こちら からメンバーシップについてご覧になってみてください。
ここまで、UI/UXデザイナーにとってのポートフォリオの役割や、UI/UXデザイナーが採用面接で見られているところ、それを踏まえて用意すべきポートフォリオの内容、作り方のコツなどをご紹介してきました。
ポートフォリオに掲載するUIの事例などは、すべて架空のもので構いません。UI/UXデザイナーとしての実務経験がゼロだったとしても、この記事で紹介したようなスキルを示すことができれば、十分に勝負できます。
あなたのポートフォリオ作成のご参考になれば幸いです！
デザインにもポートフォリオにも言えることですが、未経験から何かを身に付けようとするとき、独学独習ではどうしても限界があります。
身に付けるべき内容はこれで合っているのか？ この方向で正しいのか？ そもそも何を学べばいいのか？ 等々、学習しながら不安は尽きませんし、フィードバックを得られなければ成果物も独りよがりなものになってしまいます。ダラダラと時間ばかりかかって、結局は具体的な成果に結びつかないまま終わる、ということにもなりかねません。
だからこそ、未経験からUI/UXデザイナーを目指すあなたにお勧めしたいのは、プロのファシリテートを受けながら、仲間と共に学ぶことです。
そんな場をご用意しているのが、BONOです。
グロースプランではポートフォリオのフィードバックも行っています。
BONOでは、デザインを学ぶメンバーの「コミュニティ」と、プロのデザインを全公開＆解説した「コンテンツ」で、あなたの不安を減らし、速く正確に上達する手助けをします。あなた一人で闇雲に頑張るのではなく、プロと、そして仲間と共に進んでいくことで、圧倒的な成長速度と効率を実現できるのです。
デザインの価値は単なるビジュアルではなく、課題解決や目的達成を通して、世の中をポジティブに変える価値伝達を設計することです。BONOにはそんなデザインを実現する成長の場と機会があります。
もしあなたが本気で未経験からUI/UXデザイナーになりたいなら、そしてデザインを通して誰かをポジティブにする力を磨きたいなら、BONOを覗いてみてください。
💡 未経験からUI/UXデザイナーになれる場 BONO
BONOは、オープンから約3年で、未経験からUI/UXデザイナーにキャリアチェンジした方を約40名輩出しています。驚異的な実績の秘密は、以下の3つにあります。
BONOでは、サービス改善やサイト制作など、実務レベルのコンテンツでUI/UXデザインを学ぶことができます。現役デザイナーの目的設定からアイディア出し、デザインフロー、実際の制作物まで、思考過程を惜しみなく解説。あなたも実際に課題を実践して、動画で答え合わせをしてみてください。未経験からUI/UXデザイナーになれる「ロードマップ」に則って、あなたのポートフォリオ作成までサポートします。
UIデザイナーに転職するロードマップ
https://www.bo-no.design/rdm/roadmap-uiuxdesigner
テーマごとに解説動画をプロのデザインフローと共にお届け。実践的なお題を元に、プロはどういう流れでデザインするのか、課題や目的からのデザインを解説します。
一連のデザインプロセスを通して、UI/UXデザイナーとしてのスキルを伸ばし、教科書では説明しづらい “どういう考えでデザインするか” を理解・習得できます。インプットだけでなく、アウトプットの場も豊富にご用意。動画コンテンツで解説した内容を、自分の手を動かして実践し、試すことができます。
どんなコンテンツがあるかは「シリーズ一覧」をご覧ください。
BONOシリーズ一覧
https://www.bo-no.design/content/series
質問やデザイン添削を通して、仲間と共に切磋琢磨しながら、楽しく成長しましょう。BONOのメンバー限定コミュニティでは、毎週ライブデザインやQ&Aがあります。現役デザイナーがあなたの質問に深く回答したり、お題をデザインで解く過程を配信します。また、デザインに役立つニュースを隔週でまとめてシェア＆解説。あなたがUI/UXデザイナーとして活躍するための素養を一緒に育みましょう。
そんなあなたへ。BONOには、あなたのデザイン力を伸ばす ”環境” と ”知識” があります。
ぜひ、私たちと一緒にBONOで学びましょう。
💡 未経験からUI/UXデザイナーになれる場 BONO
この記事では、UI/UXデザイナーとしての採用過程でのポートフォリオの重要性に焦点を当てています。
UI/UXデザイナーに転職する・面接を受ける際には、ほとんどの場合、ポートフォリオが必要です。特に未経験からこの分野に進む場合、ポートフォリオとは一体何なのか、何を学び、どの程度のスキルを身に付けるべきかが不明確な方が多く見受けられます。
未経験からUI/UXデザイナー、もしくは現場経験3年以内のデザイナー向けにポートフォリオの役割と中身について徹底解説しました。
□ ポートフォリオサイトのイメージプロトタイプ（メンバー限定）
※BONOメンバー限定です。
❐ 関連動画
-------------------------------------------
1.この動画 ー 実物見せます!!未経験からUI/UXデザイナーになるポートフォリオのつくり方。
https://www.bo-no.design/contents/portfolio-01
2.ポートフォリオのつくり方-実物で何を掲載するか教えます
https://www.bo-no.design/contents/portfolio-02
3.プロセス説明ってどうやるの？秘伝の４項目を実物と一緒にシェア
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つ
例えば、考えてみてください。あなたは、目標もなしにマラソンを走ることはできますか？どこまで走ればいいのかわからない状態で、長距離を走り続けるモチベーションを保つことは難しいですよね。目標がなければ、人は効果的に行動することができません。
重要な点は、未経験からUI/UXデザイナーへの転職を目指す方々が、しばしば「UI/UXデザイナーになること」や「UI/UXデザイナーとして転職すること」を（無意識のうちにでも）目標として設定してしまうことです。しかし、これは間違いです。
UI/UXデザイナーの勉強をしている方にとっての真のゴールは、**「自分のポートフォリオを作成すること」**です。これが、UI/UXデザイナーへの転職を目指す上での重要な目標となります。
以下の記事では、UI/UXデザイナーとして活躍するには何を満たしている必要があるのかを踏まえ、それをどのような形でポートフォリオにアウトプットすれば良いのかをお伝えしていきます。
採用プロセスにおいて、ポートフォリオは、企業が効率的に応募者のことを知るために用いられます。
一般的にポートフォリオは「作品集」という言葉で説明されることが多いのですが、UI/UXデザイナーの採用という文脈で見た場合には、その定義は当てはまりません。UI/UXデザイナーの採用場面においては「相手が求める情報を提供できるポートフォリオ」こそが最も良いポートフォリオだと言えます。
例えば、「ビジネス向けの請求書管理サービスの事業会社」がUIデザイナーを募集していると仮定してみましょう。この企業では、ユーザーの8割がデスクトップブラウザでサービスを利用しているとします。
ここで、応募者Aさんのポートフォリオには「スマホアプリのUIデザインの事例」、Bさんのポートフォリオには「パソコン画面のサイズ感を想定したUIデザインの事例」が掲載されていたと考えてみてください。
この場合、Bさんと比べてAさんが評価されづらいことは容易に想像できますね。経験年数の多寡にかかわらず、デザインの必要性を想像する力、求められる要件を汲み取る力、思考や発想の柔軟性などを、採用企業としてはやや疑わざるを得ません。
このように、UI/UXデザイナーの採用場面では、採用する側が何を求めているのかを考えてアウトプットをまとめ、単なる自己表現の作品集ではないポートフォリオを作り上げる必要があります。
UI/UXデザイナーの採用面接では、基本的に以下の3点が順番に確認されます。
この選考ステップを踏まえて逆算すると、UI/UXデザイナーとして評価されるポートフォリオが浮かび上がってきます。これは実際に、未経験からデザイナーへのキャリアチェンジを可能にするコミュニティ【BONO】での実践を通して確信を抱いていることでもあります。（BONOでは約3年の間に約40名の方が未経験からデザイナーへの夢を実現されました。）
ここからは、それぞれの選考ステップで確認される事柄と、それに応えるためにはどのようなポートフォリオを用意すれば良いのか、ひとつずつ解説していきます。
デザインの専門職たるUI/UXデザイナーは、何かを表現するデザインのスキルが最も重要です。実績や経験も確認されないわけではありませんが、それよりも「あなたは実際に何ができるのか」が大切な選考ポイントです。
ポートフォリオが活用されるのは主にこのステップにおいてです。この段階で、応募者の実力が企業の求めるレベルに達していないと思われれば、いわゆる “足切り” となり、書類選考で不採用となる可能性が高いでしょう。
UI/UXデザイナーにとって求められるデザインスキルは、主に以下の3つの要素で説明できます。
デザイナーとしてのビジュアルグラフィックのスキルです。
例えばUIデザイナーのポートフォリオなら、バナー、LP（ページ1枚だけのサイト）などがアウトプット対象になります。自分の作品のサムネイルやポートフォリオサイトなどを通して、ビジュアル作成の基礎力を示すことができます。
ポートフォリオでは、UIの事例や数に加えて、なぜそのようなデザインにしたのか、デザインの意図まで含めて説明したいところです。次項のUI構築スキルにもつながりますが、何のために、誰に対して、どんな方向性で、どんなサービスを作りたいのかを踏まえた上で、そのために必要な機能や見た目を提案できてこそ、UI/UXデザイナーとして求められるビジュアル作成スキルです。見栄えが良いだけのデザインアウトプットでは、造形美は判断できたとしても、UI/UXデザイナーとしての評価にはつながりにくいと考えておきましょう。
基礎概念の理解、構造の理解、目的や要件を踏まえた提案力などを含む、いわゆる “UIデザイン” のスキルです。
単純な “見た目” を見せるのではなく、UIの基本パターンを押さえてデザインできているか、複数画面にまたがって整合性のあるUIになっているか、基本的なUIのサイズやバランスが取れているか、要件に対して適切なUIデザインになっているか、などを示すアウトプットが求められます。
ポートフォリオでは「ただの1画面」ではなく、「複数画面にまたがるUI」を見せることが基本になります。機能単位、あるいはサービス全体（主要画面だけでも）のUIアウトプットが最も適した形になるでしょう。顧客ニーズを特定するところまではしなくても大丈夫ですが、自分が想定した要件に適ったUIのアウトプットを作れているかが重要です。
顧客を適切に理解して、そこから発想したアイディアを出せるか、という、いわゆる ”UXデザイン” 範疇のスキルです。
UI/UXデザイナーは基本的にユーザーの代弁者になります。多くの場合、デザイナー以外のプロジェクトメンバーは数字やコードを重視する傾向が強く、デザイナーに ”顧客目線” を求める組織が大半です。
従ってポートフォリオでは、顧客目線を持っている ”素養” を提示する必要があります。**顧客を理解する重要性がわかっていて、それをデザイナーとしてどのような形で表現できるか、を示します。**完璧である必要はありませんので、実際の顧客（一人でも十分です）にヒアリングして、その方の背景や気持ち、課題に沿ったサービスを、ゼロから組み立てた事例を示せると良いでしょう。
UI/UXデザイナーは、エンジニアやビジネスサイドなど、さまざまな人と関わりながら、要件を汲み取ってデザインをする仕事です。従って、UI/UXデザイナーの選考過程においては、性格や人柄、在籍中のチームメンバーとの相性、伝えるスキルや議論するスキルがあるか、デザインに責任を持って動けそうか、等々のパーソナリティも重要な選考ポイントになります。
こうした点は主に書類選考の通過後に面接で確認されますが、ポートフォリオでも伝えられることがあります。
UI/UXデザイナーには「デザインの意図を理解し、チームに共有し、チーム全体のUIの議論を促進する」役割があります。
ポートフォリオでも、**シンプルに・的確に意図を伝えられるか？**という部分がチェックされる可能性があります。ブログなどの文章から想像できるところでもありますので、ポートフォリオで多少なりとも示せると良いでしょう。
未経験で現場に入る場合、特に**「自発的に行動し、成長する人か」**という部分が重要視されます。「自律的・主体的に考え、行動できる」人材であることは、企業にとっては非常にポジティブな評価要素です。
ポートフォリオでも、学習の記録が載っていたり、本を読むなどして自分で情報収集する様子がSNSやブログなどから窺えたりすると、企業も親近感や安心感、期待を持ってくれるでしょう。
デザインへの興味、何を重視するか、なぜデザインをしているのか、などは、面接でよく尋ねられる質問です。
ポートフォリオでも、あなたの興味や考え方を示せると、論理思考力やモチベーションの有無など、ポジティブな要素を伝えられます。読んだ本や学びの感想などからもデザインに対するスタンスが見えますので、積極的にポートフォリオに取り入れると良いでしょう。
1のデザインスキルと2のパーソナリティを総合的に判断して、ふさわしい人材か、いま本当に採用すべきか？など、判断していく過程を踏んでいきます。
以上のポイントを踏まえたポートフォリオサイトのイメージプロトタイプや、アウトプットの書き方の詳しい説明などをご用意しています。BONOのコミュニティメンバー限定で閲覧できます。ご興味があれば こちら からメンバーシップについてご覧になってみてください。
最後に、未経験からUI/UXデザイナーとして就職・転職するためのポートフォリオをどのように用意すれば良いのか、作成のためのちょっとしたコツをご紹介します。
あなたが入りたい会社によって、会社が見たい内容＝ポートフォリオに載せるべき内容が変わります。完璧を求めるなら、入りたい会社に合わせてそれぞれポートフォリオを準備すべきです。
例えば、採用側と応募者のポートフォリオのミスマッチが発生するのは、以下のような場合です。
採用する側としては、「当社の事業やユーザーを考えてUIをデザインしてくれるだろうか？」と疑いたくなるところです。入りたい会社でビジュアル重視がならそれでも良いかもしれません。
などUI/UXの技術は基本的に、良いサービスを作る、顧客をポジティブにするためにデザインを使います。詳しくは。前項の「1.デザインスキル」を参考にしてみてください。
例えばポートフォリオに載っているのが、すべて料理系のジャンルのアウトプットで、テイストもオレンジ色や緑色の柔らかな感じのみだったとします。
スキルが高ければこれでも採用の見込みがありますが、可能なら幅広いアウトプットを用意したり、募集企業がどのようなクライアントを得意としているかを調べ、逆算して準備したりするほうが、評価される確率は上がるでしょう。
ポートフォリオを用意する際には、こうしたミスマッチが起こらないよう、応募したい会社の求める人材や狙いをよく確認することをお勧めします。
実際にポートフォリオを作るときには、良いポートフォリオを真似ることをお勧めします。自分の頭の中だけで考えるより、実物を見ながら逆算したほうが、早く確実にアウトプットできます。デザインを作るときと一緒で、ベンチマークを1～3つほど持って、良いところ・真似できるところをどんどん真似してみましょう。
最も簡単な方法は、「このポートフォリオで未経験からUI/UXデザイナーに転職できました」という方のポートフォリオを見ることです。そのポートフォリオは最低限のレベルをクリアしているわけですから、そこにあなたのオリジナルの事例を足していけば良いわけです。
もちろん、プロのポートフォリオを参考にできるならばそれも良いでしょう。現場のデザイナーがしっかりと作ったポートフォリオを参考にすると、デザインの成長幅も広がるかもしれません。
ポートフォリオを作るとき、WEBサイトがいいのか？ PDFがいいのか？ と、媒体に迷う方もいらっしゃるかもしれませんが、媒体は何でもOKです。
ここまで説明してきた通り、ポートフォリオは「採用側が求めているものを見る」ものです。媒体よりも中身が重要です。強いて言えば、紙媒体は、郵送の手間がかかりますし、WEB系のUI/UXデザイナーとしては中途半端かもしれません。オンラインでシェアできるものであれば何でも大丈夫だと考えています。
例えばNotionなどを使ってコードを書かずにまとめて、コンテンツで勝負するBONOメンバーも結構います（実際に採用されてます）
さらに具体的なポートフォリオの作り方をこちらの動画でご紹介しています。https://www.bo-no.design/contents/portfolio-02BONOのコミュニティメンバー限定で閲覧できます。ご興味があれば こちら からメンバーシップについてご覧になってみてください。
ここまで、UI/UXデザイナーにとってのポートフォリオの役割や、UI/UXデザイナーが採用面接で見られているところ、それを踏まえて用意すべきポートフォリオの内容、作り方のコツなどをご紹介してきました。
ポートフォリオに掲載するUIの事例などは、すべて架空のもので構いません。UI/UXデザイナーとしての実務経験がゼロだったとしても、この記事で紹介したようなスキルを示すことができれば、十分に勝負できます。
あなたのポートフォリオ作成のご参考になれば幸いです！
デザインにもポートフォリオにも言えることですが、未経験から何かを身に付けようとするとき、独学独習ではどうしても限界があります。
身に付けるべき内容はこれで合っているのか？ この方向で正しいのか？ そもそも何を学べばいいのか？ 等々、学習しながら不安は尽きませんし、フィードバックを得られなければ成果物も独りよがりなものになってしまいます。ダラダラと時間ばかりかかって、結局は具体的な成果に結びつかないまま終わる、ということにもなりかねません。
だからこそ、未経験からUI/UXデザイナーを目指すあなたにお勧めしたいのは、プロのファシリテートを受けながら、仲間と共に学ぶことです。
そんな場をご用意しているのが、BONOです。
グロースプランではポートフォリオのフィードバックも行っています。
BONOでは、デザインを学ぶメンバーの「コミュニティ」と、プロのデザインを全公開＆解説した「コンテンツ」で、あなたの不安を減らし、速く正確に上達する手助けをします。あなた一人で闇雲に頑張るのではなく、プロと、そして仲間と共に進んでいくことで、圧倒的な成長速度と効率を実現できるのです。
デザインの価値は単なるビジュアルではなく、課題解決や目的達成を通して、世の中をポジティブに変える価値伝達を設計することです。BONOにはそんなデザインを実現する成長の場と機会があります。
もしあなたが本気で未経験からUI/UXデザイナーになりたいなら、そしてデザインを通して誰かをポジティブにする力を磨きたいなら、BONOを覗いてみてください。
💡 未経験からUI/UXデザイナーになれる場 BONO
BONOは、オープンから約3年で、未経験からUI/UXデザイナーにキャリアチェンジした方を約40名輩出しています。驚異的な実績の秘密は、以下の3つにあります。
BONOでは、サービス改善やサイト制作など、実務レベルのコンテンツでUI/UXデザインを学ぶことができます。現役デザイナーの目的設定からアイディア出し、デザインフロー、実際の制作物まで、思考過程を惜しみなく解説。あなたも実際に課題を実践して、動画で答え合わせをしてみてください。未経験からUI/UXデザイナーになれる「ロードマップ」に則って、あなたのポートフォリオ作成までサポートします。
UIデザイナーに転職するロードマップ
https://www.bo-no.design/rdm/roadmap-uiuxdesigner
テーマごとに解説動画をプロのデザインフローと共にお届け。実践的なお題を元に、プロはどういう流れでデザインするのか、課題や目的からのデザインを解説します。
一連のデザインプロセスを通して、UI/UXデザイナーとしてのスキルを伸ばし、教科書では説明しづらい “どういう考えでデザインするか” を理解・習得できます。インプットだけでなく、アウトプットの場も豊富にご用意。動画コンテンツで解説した内容を、自分の手を動かして実践し、試すことができます。
どんなコンテンツがあるかは「シリーズ一覧」をご覧ください。
BONOシリーズ一覧
https://www.bo-no.design/content/series
質問やデザイン添削を通して、仲間と共に切磋琢磨しながら、楽しく成長しましょう。BONOのメンバー限定コミュニティでは、毎週ライブデザインやQ&Aがあります。現役デザイナーがあなたの質問に深く回答したり、お題をデザインで解く過程を配信します。また、デザインに役立つニュースを隔週でまとめてシェア＆解説。あなたがUI/UXデザイナーとして活躍するための素養を一緒に育みましょう。
そんなあなたへ。BONOには、あなたのデザイン力を伸ばす ”環境” と ”知識” があります。
ぜひ、私たちと一緒にBONOで学びましょう。
💡 未経験からUI/UXデザイナーになれる場 BONO
0 Comments