プロフェッショナルなUX・UIデザインポートフォリオの作り方

2022年、UXとUIの市場は非常に活気にあふれています。UX/UIデザインは世界中で需要の高いスキルであり、 給与も非常に競争力があります 。

もちろん、魅力は収入だけではありません。UX/UIデザインは大きなやりがいを得られる仕事で、人々に直接影響を与え、自分の仕事がもたらす成果を実感できます。デザイナーとして、現実の課題を解決し、自分が設計した体験が市場に出て、ユーザーの手に届く様子を見届けられます。UX/UIデザイナーの仕事では、アプリ、ウェブサイト、サービスのいずれにおいても、ユーザーのニーズが中心となります。

では、UX/UIデザインの分野に進み、世界有数の企業から注目されるにはどうすればよいでしょうか？

素晴らしいUX/UIポートフォリオを作ることです。 それが 答えです。

デザイナーにとって、ポートフォリオは最も重要な資産です。履歴書でスキルについて説明する一方、ポートフォリオはそのスキルを 具体的に示します。UXまたはUIのポートフォリオはあなた自身のブランドを表し、潜在的なクライアントや採用担当者に自分の価値を伝える強力な手段です。

では、採用担当者が思わず立ち止まり、「まさに 私たちが探していた人だ」と言いたくなるようなUX/UIポートフォリオは、どうすれば作れるのでしょうか？このまま読み進めて、最高のUX/UIポートフォリオを作るためのすべてを学びましょう。成功に役立つ、とっておきの秘訣もご紹介します。

UX/UIポートフォリオとは？#

簡単に言うと、UX/UIポートフォリオとは、UX/UIデザイナーの優れた実績を集めた（通常はデジタル形式の）作品集です。過去に携わったプロジェクトの詳細な事例が含まれ、得意分野や仕事への取り組み方を示します。

UX/UIポートフォリオは、あなたに何ができるのかを将来の雇用主に伝えるものです。実際、デザイナーにとってポートフォリオは履歴書よりも重要な役割を果たします。採用担当者が気にするのは、どの大学を卒業したかや立派な資格を持っているかよりも、エクスペリエンスデザインでどのような力を発揮できるかです。

UX/UIデザインは非常に成果が重視される仕事のため、マネージャーは仕事をしっかりやり遂げられるデザイナーを探しています。だからこそ、優れたUX/UIデザイナーのポートフォリオを持つことがとても重要なのです。

優れたUX/UIポートフォリオは物語を伝える#

ユーザーエクスペリエンス（UX）や ユーザーインターフェース（UI） デザイナーのポートフォリオは、専門スキルを紹介するだけのものではありません。あなたの人柄や仕事への姿勢を伝えるストーリーテリングのツールでもあります。よく考えて作られたポートフォリオは、あなたの個性や、ほかのデザイナーとの違いも伝えられます。企業が自社の職場文化に合う人材を採用しようとする中、こうした点はますます重要になっています。

…そして希望する仕事の獲得につながる#

ポートフォリオは、新たなチャンスを生み出すツールでもあることを忘れないでください。クライアントの獲得に役立つほか、ウェブ上であなたのポートフォリオを見た採用担当者が、求人について連絡してくることもあります。そのため、ポートフォリオには詳細なプロフィールと連絡先を必ず記載しましょう。

美容業界の仕事をもっと手がけたいですか？それなら、その分野でのスキルが伝わるようにポートフォリオを構成しましょう。応募する仕事に合わせて履歴書の表現を調整するのと同じように、優れたUX/UIポートフォリオは、獲得したい仕事に合わせて作られています。

UI/UXポートフォリオを作ることで得られる、意外な4つのメリット#

UX/UIポートフォリオには、新しい仕事の機会を得たり、新しいプロジェクトを獲得したりするという明らかな役割があります。それだけでなく、最新の実績を記録しておくことには、意外にもさまざまなメリットがあります。

1. 最新のポートフォリオがあれば、時代に取り残されずにいられる#

正社員として長期間働いていると、ポートフォリオが古くなってきます。時間が経つにつれてスキルの幅が広がり、ケーススタディも時代に合わなくなります。UX/UIポートフォリオを定期的に更新しておけば、急に転職することになっても安心です。

2. UX/UIポートフォリオは、あなたに代わって継続的に見込み顧客を獲得します#

ポートフォリオを公開し（たとえばLinkedInなど）、検索結果に表示されるようにしておけば、あなたと一緒に働きたいと思う人から継続的に連絡が来るようになります。イベントでの登壇や、ほかのUX/UIデザイナー向けの研修を依頼されることもあるでしょう。

正社員であっても、副業の案件で収入を補えますし、オンライン上のポートフォリオをきっかけに、次の大きなキャリアアップの機会が訪れるかもしれません。

3. ポートフォリオの刷新は、自己を振り返り成長するきっかけになります#

過去の仕事を振り返ることは、自分の成長を確認するうえでとても効果的です。以前の仕事を新たな見込み顧客に見せたくない場合は、 個人用の プロジェクトポートフォリオを作成しておく方法もあります。

これまでの仕事を一か所にまとめて振り返れば、プロジェクトへのさまざまな取り組み方や、自分に合うこと・合わないこと、現在不足しているスキルなどを評価できます。

4. UX/UIポートフォリオは、ほかのデザイナーのための教材にもなります#

シニアUX/UIデザイナーへと成長するにつれて、後輩から助言を求められるようになります。文脈のわからない作品を検索しなくても、成果物の具体例をどう見せればよいでしょうか？

プロジェクトや成果物をまとめた詳細なポートフォリオ（必ずしも公開する必要はありません）があれば、自分の経験をほかの人と共有できます。

成果につながるUX/UIポートフォリオの作り方#

UX/UIポートフォリオを作る 理由 についてはこれくらいにして、次は 方法を見ていきましょう。以下では、ほかの候補者に差をつけるUX/UIポートフォリオの作り方をご紹介します。

1. 対象者を理解する#

企業に応募する際は、採用担当者が何を求めているのかを正確に理解する必要があります。情報を得られる主な場所は次の3つです。

• 求人情報そのもの — 採用担当者が、必要な情報をすでに半分用意してくれています。職務内容から、企業文化や目標について明確な情報を得られます。また、求められるスキルや資質も詳しく記載されています。
• LinkedIn — その企業で働くほかのUX/UIデザイナーについて調べ、彼らのポートフォリオを確認しましょう。 彼ら が採用につながったポートフォリオを知ることができます。
• 企業のウェブサイト — オンラインコンテンツを確認し、企業のビジュアルブランディングや言葉遣いの特徴をつかみましょう。時間に余裕があれば、UX/UIを改善できる点を考え、そのアイデアをポートフォリオに盛り込んでみてください。

2. 必要な内容をすべて盛り込む#

優れたUX/UIポートフォリオは、自己紹介ページから始まります。自分がどんな人物で、何を求めているのかを採用担当者に伝えましょう。

次に、実際の作品を紹介します。

• 掲載する 代表的な作品を3〜5点選びましょう。 これまでの作品を すべて 見る時間はありません。さらに、古い作品や質の低いサンプルは、最初にクリックされてしまうと、かえって採用の可能性を損なうことがあります。
• 使い慣れているツール を紹介しましょう。Adobe XD、Figmaなど。
• プロジェクトでの 自分の役割と、誰と一緒に取り組んだのかを説明しましょう
• さらに一歩踏み込むなら、 課題発見の段階 も含めましょう。 - そうすることで、最終的な成果物に至るまでの思考プロセスや、何を実現しようとしたのかを伝えられます。制作プロセス、調査、ローファイからハイファイまでのワイヤーフレーム、プロトタイプ、ペルソナ、ユーザージャーニー、スタイルガイド、ムードボードなどを見せるのもよいでしょう。 全体の ストーリーを伝えましょう。

>> UX/UIポートフォリオ作成の秘訣：

UX/UIデザインの目的は、直感的で快適なデジタル体験を生み出すことです。そこで、自分に問いかけてみましょう。 あなたのポートフォリオを閲覧する体験はどうでしょうか？

閲覧者が不要なページを何度もクリックしたり、筋の通らない説明や流れをたどったりする必要があると、スキルを十分にアピールできません。ウェブサイトのページ数が多くても、経験豊富なデザイナーだと思われるわけではありません。詳細なコンテンツを1ページにまとめ、必要に応じて展開できるようにするなど、シンプルな流れを心がけましょう。UX/UIデザイナーなら、誰よりもよく分かっているはずです！

また、ポートフォリオ内を簡単に移動でき、すぐにホームページへ戻れるようにすることも忘れないでください。

3. ポートフォリオの公開先を選ぶ#

UX/UIポートフォリオの公開先として最適なのは、 静的ウェブサイトです。そのほか、PDFや印刷物にする方法もあります。

ウェブサイトのポートフォリオは通常、操作できるインターフェースです。静的な事例紹介やモックアップだけでは、採用担当者が実際の使いやすさや直感的な操作性を十分に判断できません。また、ウェブサイトのポートフォリオは動的で、実際に閲覧できます。採用担当者はポートフォリオサイトをじっくり確認して、操作性を体感し、あなたのデザインスキルが求める水準に達しているかを見極められます。

求人情報にPDFファイルの添付が指定されている場合は、ウェブサイトのページをPDFとして保存するか、スライドをPDF形式で書き出して提出できます。

印刷物が役立つのは、面接にカラー印刷した資料を持参することで、ほかの候補者より印象に残れると思う場合に限られます。

4. ユーザーからフィードバックをもらう#

UX/UIポートフォリオが十分に整ったと思ったら、業界の専門家にリンクを送ったり、インターネット上のユーザー（友人や家族でも構いません！）に意見を聞いたりしましょう。スタイルやデザインの不統一、文法の誤り、ウェブサイトの不具合を見つけるのに役立ちます。

面接で質問されたことをメモし、時間をかけて不足している情報を補ったり、内容を改善したりしましょう。

ポートフォリオは常に進化し続けるものです。新しいプロジェクトを追加し、改善を重ねることに慣れていきましょう！

UI/UXデザインポートフォリオのトラブルシューティング#

秘密保持契約（NDA）にはどう対応すればよいですか？#

秘密保持契約（NDA）とは、企業の特定を防ぐため、携わったプロジェクトに関する情報の公開を禁じる契約です。

UX/UIポートフォリオでは、制作途中の成果を見せることで、この問題を回避できます。 — 調査内容やスケッチ、最終的な成果を紹介しましょう。NDAで許可されている場合は、財務情報や医療情報などの機密情報を編集またはぼかしたり、可能な範囲でブランドが特定されないようにしたりできます。

情報を伏せるほど、ケーススタディの訴求力は弱くなることを覚えておきましょう。同じユーザー体験設計に沿って、異なるフォント、色、名称を使いながらデザインを再現するのがおすすめです。

UX/UIデザインを始めたばかりです。ポートフォリオはどうやって作り始めればよいですか？#

UX/UIポートフォリオに掲載する作品は、実際に公開されているものでなくてもかまいません。そのため、業界で働き始めたばかりでポートフォリオの作り方を考えているなら、自分のために制作した作品や、スキルアップを目的に作った作品を掲載できます。

既存の商品、サービス、ウェブサイトをもとに、報酬を受け取らずにリデザインする方法があります。効果がありそうなら、応募先企業のウェブサイトをリデザインするのもよいでしょう。主体性を示せるうえ、その企業にどのような価値をもたらせるかを具体的に伝えられます。

応募したい求人の締め切りまであと24時間です！UX/UIポートフォリオを急いでまとめるには、どうすればよいですか？#

時間がない場合は、最も汎用性が高く、幅広いスキルやプロセスを示せるUX/UIプロジェクトを2つ選びましょう。ウェブサイトにアップロードするか、Googleドライブのリンクを作成してください。

応募書類を提出した後、締め切りから 採用担当者が実際に ポートフォリオを確認するまでの間に、新しいプロジェクトを追加したり、内容を編集したりする時間があります。

これで、UX/UIポートフォリオの作り方がわかりましたね！#

以上、目を引く素晴らしいUX/UIデザインポートフォリオをまとめるための、とっておきのヒントをご紹介しました。

すでに経験豊富なUX/UIデザイナーの方は、最高の仕事を獲得するためにどのような方法を使っていますか？ SNSでヒントを共有してください.