あなたのスキルを披露する–ポートフォリオを作成する方法
デザイナーの目的は、ポートフォリオで次の仕事を締めくくることです。それでも、ほとんどの人は、デザイナーを効果的に興味をそそり、関与させ、販売するものを作成することに失敗しています。業界の専門家からの推奨事項とベストプラクティスに従うことで、デザイナーは自分の才能とスキルを完璧に発揮する理想的なポートフォリオを作成できます。
デザインポートフォリオは、印象を与え、影響を与える必要があります。残念ながら、成功するのはごくわずかです。デザイナーは非常に熟練していて才能があるかもしれませんが、プレゼンテーションが圧倒的である場合、それはすごい代わりにあくびにつながり、クライアントは次のポートフォリオにクリックします。
設計ポートフォリオは、次の1つの目標に焦点を当てる必要があります。 デザイナーを売る 。印象を与え、魅力的なパーソナルブランドを伝え、デザイナーのユニークなスタイルを披露する機会は、ほんの数秒しか続かないかもしれません。
多くのデザインポートフォリオは、刺激がなく、見当違いで、判読できないため、がっかりすることがよくあります。 それらは十分に徹底していないか、混乱しすぎて複雑すぎます。重要な情報が不足している、個人的なブランドを伝えていない、または専門的な目標を伝えていない可能性があります。これらはすべて、採用される可能性を低下させます。
デザインポートフォリオは、デザイナーに次の仕事をさせるために、すぐに感動し、興奮する必要があります。 デザインポートフォリオは、過去のプロジェクトのオンラインアーカイブではありません。 以前のプロジェクトを自慢したり誇示したりすることではありません。 他のデザイナー向けではありません。 潜在的なクライアントを獲得するために構築された、焦点を絞った説得力のあるバリュープロポジションである必要があります。巧妙に作成された設計ポートフォリオは、設計者の戦略的な問題解決スキルと デザインがどのように価値をもたらすか 。
クライアントは、際立ったデザイン作業を望んでいます。 彼らは、ビジネス上の課題を解決し、市場に変化をもたらす、ユニークで卓越した革新的な仕事を探しています。したがって、デザイナーのスキルレベルとクライアントが受け取る製品の品質を伝えるために、 ポートフォリオを戦略的に計画することが重要です 細部まで慎重に検討してください。
理想的な設計ポートフォリオを構築するための最良の方法を策定するために、私は自分の経験を振り返り、業界標準とベストプラクティスを調査し、 毎日数十のデザインポートフォリオを精査しているApeeScapeのデザインタレントエキスパートの何人かと話をしました。
AWSソリューションアーキテクト試験に合格する方法
デザインポートフォリオの主な目標は、デザイナーに仕事をさせることです。 ApeeScapeデザインタレントエキスパート
希望するオーディエンスをターゲットにする
設計者は、ポートフォリオで誰をターゲットにするかを慎重に検討する必要があります。 細心の注意を払って準備すると、良い結果が得られます。グラフィック、ブランド、ビジュアル、UI、UX、製品など、デザイナーのタイプに関係なく、ポートフォリオは次のことを考慮する必要があります。
- デザイナーが関与しようとしている聴衆は誰ですか?
- 聴衆を感動させるポートフォリオを構築する最善の方法は?
- デザイナーはどのような仕事に興味がありますか?
通常、クライアント、採用担当者、デザインマネージャーの3種類の人がデザインポートフォリオをレビューします。 3つすべてに対応するポートフォリオを構築するための賢い方法は、次のような方法でコンテンツを階層化することです。 3つのタイプすべてを満たす —特に複雑な場合 UX / UI /プロダクトデザイナー ポートフォリオ。
次元で考えると、ポートフォリオの作成は次のようになります。 段階的開示 インタラクションデザインで。採用担当者を対象とする最初のレイヤーは、クイックスキャン用に設計されており、フロントとセンターで最高の作品を表示します。 2番目のレイヤーはクライアント用に作成されます。少し深くなりますが、それでも迅速なスキャンが可能です。第3層は、設計マネージャーと設計責任者を対象とします。の場合 UX / UI /プロダクトデザイナー 、この最終的な次元は、詳細なケーススタディを特徴とします。
デザインポートフォリオの魅力的なアニメーションが注目を集めます。 (UIアニメーション トゥビック ) 3つの訪問者タイプ:
- 採用担当者 デザインポートフォリオをスキミングしてスキャンする傾向があります。彼らは候補者のポートフォリオに3分以内を費やします。彼らは、コンテキストの簡単なプロジェクトの説明を含む、豊富なビジュアルコンテンツとインパクトのあるデザイン作業を探しています。
- クライアント 洗練された高品質のデザインを見たい。従事している場合、彼らはポートフォリオのレビューに3〜5分を費やします。彼らは、デザイナーがビジネスにどのように価値をもたらすかを知りたがっています。展示 価値に基づく設計 方法は、ソフトスキルとともに、大いに役立ちます。受賞ポートフォリオは、優れた仕事と、プロセス、戦略、およびさまざまなデザインスタイルを提示する能力を示しています。
- デザインマネージャー プロジェクトを深く掘り下げたいと思っており、詳細に興味があります。それらのほとんどは、設計ポートフォリオのレビューに5〜10分、10分以上を費やします。 UXの分野では、問題解決のプロセスとデザイン思考を ケーススタディ 。マネージャーも探しています ソフトスキル 。 UI /ビジュアル/ウェブ/インタラクションデザインポートフォリオでは、レスポンシブデザイン、マイクロアニメーション、または ビデオウォークスルー 。動いている製品を紹介することは大いに役立ちます。
クライアントは、目的を達成するために、ポートフォリオを自分たちの視点から見ています。 ApeeScapeデザインタレントエキスパート
簡単な紹介でシンプルに保ちます。 (( サドクセルバンテス ) 設計ポートフォリオ構造を正しくする
各ポートフォリオで利用できるのはわずか数分であるため、クライアントは、評価プロセスを容易にするために、特定のレイアウトで適切に構造化されたコンテンツを表示することを期待しています。一部の設計者は、違いを求めて穀物に反対することを決定するかもしれませんが、彼らは危険を冒してそうします。 クライアントが否定的な印象を形成したら —何かが足りない、ポートフォリオが奇妙すぎる、ナビゲーションが面倒である—ポートフォリオのレビューを続けるのは難しい。
それは複雑なバランスを取る行為です。 デザイナーは、聴衆を念頭に置き、自分が誰であるか、自分が求めている仕事の種類を伝えながら、ストーリーを語る必要があります。 A グラフィックデザイナー たとえば、迅速に行う必要があります うわーと感動 。彼らの場合、インパクトのあるビジュアルショーケースが最適です。一方、UXデザイナーは、プロジェクトの詳細なケーススタディを可能にするために、ポートフォリオを構築する方法を検討する必要があります。
ポートフォリオの内容とレイアウト
始めること、 あなたと一緒に働きたいとクライアントを誘惑するためにあなたのパーソナルブランドを伝えます 。デザインの感性をアピールしましょう。サイトのルックアンドフィールは、あなた独自の何かを反映している必要があります。企業はまた、チームの文化的適合性を評価する傾向があります。簡単なイントロ、あなたがしていること、あなたの情熱がどこにあるか、そしてあなたの経験についての短い宣伝文で始まります。プロフィール写真は必須ではありませんが、個人的なつながりを確立するのに役立ちます。
次に、「カバー画像」を含むプロジェクトのギャラリーを表示します。つまり、デザイン(Webサイト、モバイル画面)を簡単な説明とともに表示するカードです。これらの画像は、クライアントの注意を引き付け、もっと見たいと思わせるために魅力的である必要があります。ただし、期待値を正しく設定してください。そのプロジェクトをクリックすると、人々は何を見るでしょうか。使用 ' 段階的開示 」アプローチを再度行い、プロジェクトやケーススタディのプレゼンテーションに適用します。
グラフィックの場合/ ブランドデザイナー 、カバー画像を使用すると、訪問者を専用のプロジェクトページに移動できます。このページでは、プロジェクトの詳細とともに、より大きく忠実度の高い画像が表示されます。 UX / UI /製品デザイナーの場合は、設計プロセスを通じて人々を導きます。ケーススタディ形式でUXアーティファクトとデザインの反復を表示します。
プロジェクトページ 、必ず以下を含めてください。
- プロジェクト、解決された問題、およびあなたの役割(つまり、ブランディング、モバイルデザイン、Webデザイン、UX / UIデザイン、UXリサーチ、ユーザーテスト)についての簡単な説明。
- 製品ロードマップは何でしたか?成果物は何でしたか?
- 製品を最初から設計しましたか、それともプロジェクトの途中に飛び込みましたか?
- デザインチームで働いていましたか?どのようにコラボレーションしましたか?
- 定量的であろうと定性的であろうと、結果を示します。収益、保持、コンバージョンの増加などの結果を強調します。
- 重要な学習を提供します。このプロジェクトに取り組むことで、デザイナーとしてどのように成長しましたか?
プロジェクトギャラリーは、訪問者がもっと見たいと思うほど視覚的に魅力的である必要があります。 (( ガベカガラ ) 別 約 あなたがいるデザイナーのタイプ、専門分野、そしてあなたが探している仕事の種類を詳述するページは典型的です。ザ・ 約 ページはあなたの趣味、あなたの宗教的所属、またはあなたが料理を楽しむことについてではありません。 それを専門的にしてください。
スキルと推奨ツールのリストが役立つ場合があります クライアントとデザインチームは、特定のツール(Sketch、Figma、Adobe XDなど)を使用するデザイナーを見つけます。また、あなたへのリンクを忘れないでください LinkedIn プロフィール、 中 記事、およびあなたが存在する他のデザインサイト( ドリブル 、 Behance )。
デザインポートフォリオに含めるもの
- すべての作品ではなく、最高の作品を紹介します。 何を表示するか、そしてその理由を選択してください。人々の注意力は限られています。
- うまくいかなかったアイデアのいくつかとその理由を示すことを検討してください。 あなたはどの方向を探求しましたが、とらなかったのですか?デザインアーティファクトとともに、ストーリーを伝え、課題にどのように取り組んだかを概説します。
- あなたのソフトスキルを自慢してみてください。 コラージュにまとめられたデザインプレゼンテーション(デザインレビュー、戦略計画)のいくつかのスライドはうまく機能します。リモートまたはオンサイトで作業する状況に関係なく、設計の理論的根拠と概念を伝達する能力は重要です。
- 仕事で使用した設計方法論と特定のスキルについて話します。
- 含める インタラクティブなプロトタイプ、マイクロアニメーション、動きのあるデザイン 、静的な設計だけではありません。クライアントは、実際の製品のビデオやGIFアニメーションを楽しむことができます。
ApeeScapeデザイナー マウリシオトノン のポートフォリオには、コンテキストの明確なプロジェクトの説明、彼の役割、使用されたスキルとツール、およびプロジェクトのアニメーションショーケースが含まれています。 デザインポートフォリオに含めないもの
- 古い、時代遅れの作品を含めないでください。 グラフィック/ブランド/ビジュアル/ UIデザインの分野で5年以上前のものは古風に見えます。 デザインの職業はダイナミックです。 クライアントは、現代のモダンなスタイルに沿った新鮮で最近の作品を探しています。
- あまり多くの画像を表示しないでください。特に、低解像度のピクセル化された画像は避けてください。 悪い画像は良い画像よりも目立ちます—それはポジティブな印象を残しません。
- パスワードで保護されたプロジェクトは避けてください。 ほとんどの訪問者は、連絡を取り、パスワードを要求し、ポートフォリオに戻る時間がありません。人々がポートフォリオを閲覧しているときに壁ができ、UXが妨げられます。代わりに、「詳細については連絡する」へのリンクを含む魅力的なデザインを示してください。機密プロジェクトは、面接中に画面共有できます。
ポートフォリオサイトでは、パスワードで保護されたページを避けるのが最善です。これらは、優れたユーザーエクスペリエンスを提供するための障害です。 設計ポートフォリオのヒントとベストプラクティス
- ポートフォリオの作成に戦略的にアプローチします。 コンテンツ、構造、レイアウトを正しく取得します。何を含めるか、何を含めないかを考えてください。プロジェクトの理想的な数は4〜6です。すべてをシンプル、クリーン、そしてスキャンしやすいものにしてください。
- 臆病にならないで、大胆に。 クライアントは、あなたが誰であるか、そしてあなたの専門分野を数秒以内に理解する必要があります。目立つユニークで視覚的なストーリーを作成します。
- 簡単な紹介からポートフォリオを開始します。 あなたの経験、主な成果、およびスキルをリストしてください。
- 表示して伝えます。 人々はほとんど視覚的です。説明は簡潔にしてください。読む必要のある人が少なければ少ないほどよい。
- あなたの強みを知る プレゼンテーションを調整して、必要な作業の種類に焦点を合わせます。ビジュアルデザイン/ UIデザインの仕事の場合は、ほとんどがそのように作品を提示します。 UXデザインの場合は、UXプロジェクトを提示します。ポートフォリオを弱体化させ、クライアントを混乱させるため、分野を混同しすぎないでください。 「すべての取引のジャック」として自分自身を提示することは控えてください。
- 最も厳密なケーススタディを最初に示します。 ほとんどの採用担当者とクライアントは、すべてのケーススタディを確認するわけではありません。
- もし プロダクトデザイナー 、2〜3のケーススタディを示しますが、プレゼンテーションは異なります。 UX / UI /ビジュアルデザインと一緒に製品戦略作業の組み合わせを提示します。
- 人々にとって明らかなことは何もないと思い込まないでください。 過剰なコミュニケーションの側で明確さと誤りを提供します。
- プロジェクトのわかりやすいタイトルとあなたの役割を持ってください。 たとえば、「フィンテックスタートアップ向けのエンタープライズSaaSプラットフォームのUXデザイン」などです。プロジェクトの内容とあなたの役割がすぐにわかります。
イラストレーターは、ケーススタディを使用してプロセスを示すこともできます。 (スラックイラストプロジェクト アリス・リー ) - プロジェクトを最初から最後まで処理できることを示す または、プロジェクトの途中に飛び込んで、実行に移します。
- さまざまな対象者向けにさまざまな媒体でさまざまなプロジェクトを表示する 柔軟性を示すため。クライアントは「ほとんど何でもデザイン」できるデザイナーを探しています。
- もし ウェブデザイナー 、サイトのURLを入力します(作業してから変更されていない場合)。クライアントは、静的なスクリーンショットではなく、最終的なライブWebサイトを見る方を好みます。
- プロジェクトページで、最初に完成したデザインを表示し、コンテキストを簡単に提供します。次に、設計プロセスにドリルダウンします。
- 重要な学習と結果を提供する 各プロジェクトの終わりに、そしてあなたの関与がどのようにそれらを可能にしたか。
- デザイナーとして始めた場合 表示するのに十分なプロジェクトがないので、設計演習を考えてください。たとえば、有名なブランドのウェブサイトやアプリを再設計します。
- 検索エンジンのポートフォリオを最適化します。 それはあなたをより発見しやすくします。使用する ' 画像のaltタグ 」で画像を説明します。これらのタグは、検索エンジンのクローラーに画像コンテキストを提供します。
- デザインマネージャーまたは採用担当者からポートフォリオに関する専門的なフィードバックを入手してください。
- 英語を母国語とする友人に、ポートフォリオで適切な英語を確認してもらいます。
- サイトをナビゲートしやすくし、モバイルフレンドリーにします( レスポンシブ )。
進行中のデザインプロジェクトは常に魅力的であり、デザイナーを際立たせるのに役立ちます。 (( Zhenya Rynzhuk ) UX /製品デザイナーのためのデザインポートフォリオのヒント
UXデザインプロセス中に生成されるほとんどのアーティファクトと成果物は視覚的に刺激的ではない傾向があるため、UX /製品デザイナーは、才能とスキルを効果的に伝えるポートフォリオの構築に常に苦労してきました。 しかし、それを機能させる方法があります。
コラージュとダブルトーン処理は、たとえばUXアーティファクトに使用できる2つの手法です。設計プロセスのデモンストレーションに集中しながら、適切な量の情報を伝達するインパクトのあるビジュアルを展開します。
説明するために論文と設計根拠を提供する なぜあなたがしたことをしたのか 。その過程で収集された重要な学習と、設計上の決定が特定の結果にどのように影響したかを示します。批判的思考がユーザーの行動、動機、ニーズをどのように明らかにしたかについて話します。そうすることで、クライアントは製品の思考プロセス、アプローチ、および戦略をよりよく理解できるようになります。
人々があなたのポートフォリオをスキャンすると、 操舵室にUXのどの側面があるかを明確にします 。ビジュアルデザインとUIデザインのどちらを扱っていますか?あなたはしますか UXリサーチ ?特定のプロジェクトでのあなたの役割は何でしたか?問題がどのように解決されたか、どのようにして解決策に到達したかを説明しますが、簡潔にしてください。
設計上の制約とは
UXデザイナー 彼らのポートフォリオをとして考える必要があります ユーザー中心設計プロジェクト 。ユーザーフレンドリーにします。クライアントが探しているものを考えてください。 UXライフサイクル全体を理解していることを示します。
コラージュを使用すると、UXアーティファクトの見栄えを良くすることができます。 (( カート・ウィンター ) 避けるべき設計ポートフォリオの間違い
効率的なポートフォリオレビューの邪魔になるものはすべて、デザイナーの採用能力に影響を与えます。クライアントと採用担当者が障壁に直面すると、その可能性がはるかに高くなります 次のデザイナーポートフォリオに移る 。いくつかのよくある間違い:
- ポートフォリオの表示は非常に特異で「過度に創造的」であるため、使いやすさが妨げられ、ナビゲーションが困難になります。ポートフォリオを簡単に確認できるようにします。印象づけるのが一番です ポートフォリオの設計ではなく、作業で 。焦点は、クライアントが探しているものを過度の空想なしに提供することにあるべきです。
- プレゼンテーションに中途半端なことはしないでください。 細部に汗をかきます。 スペルと文法でテキストをチェックします。クライアントはまた、彼らのプロ意識でデザイナーを評価します。
- あなたがどんなタイプのデザイナーであるかを明確にしない 、あなたが探しているもの、そしてあなたが一緒に働きたいと思う業界やビジネス、すなわち、eコマース、B2C、ブランディング、モバイル、スタートアップ、大企業など。
- 無限のスクロールページは避けてください 。クライアントが消化できるように、プレゼンテーションを細かく分割します。あなたが誰であるかについての詳細なイントロを持っていない、それを 約 ページ。
- プロジェクトの内容を訪問者に伝えずに、まとまりのないランダムな作品の画像を表示することは避けてください。 話をするのを忘れないでください。 常にコンテキストを提供します。人々は、テキストの長い文章や画像の寄せ集めのコレクションを解読する時間がありません。
- デバイスのモックアップを使用して 増幅する デザインではなく 気を散らす デザインから。
- プレゼンテーションを凝りすぎないようにしてください(傾斜した3Dデバイスのモックアップとアイソメ画像を使用)。
作品を一連の傾斜したアイソメトリック画像として提示することは、工夫であり、避けるべき一般的な間違いです。デザインは、適切に評価されるほど明確に示されていません。 - プロジェクトでのあなたの役割が明確になっていない。 特に大規模なチームやプロジェクトでは、関与について透明性を保つことが重要です。
- UXデザインの役割を探している場合は、UIデザインの作業を示す前に、まずUXプロジェクトに焦点を合わせてください。 UXのケーススタディを最初に置くことは、あなたの強みと興味がどこにあるかをレビューアに知らせます。
- ブランドスタイルガイドを表示せず、それを反映していない作品を表示します。
- 「近日公開」のページにユーザーを誘導する画像をプロジェクトギャラリーに表示しないでください。準備ができるまで、そのプロジェクトをギャラリーから削除します。
- すべてのケーススタディを同じように見せないでください —鈍い、テンプレート化されたフォーマット、プロジェクト間。別の角度で別のストーリーを提示し、訪問者の関心を維持するためにアーティファクトを変更します。
- あなたが働いていた大手ブランド企業のスクリーンショットを紹介するだけではありません。 代わりに、どのように価値を提供したかに焦点を合わせます。 Facebook、Google、またはAmazonでの作業は、慎重に検討されたプレゼンテーションほど印象的ではありません。 あなたがしたこととあなたの仕事の影響 。
- UX /製品デザイナーは表示を避ける必要があります コンテキストのない無数のUXアーティファクト 背後にあるプロセスを経ることなく完成品を完成させました。
- 仕事の不実表示は即座にオフになります。 たとえば、UIキットとWebサイトテンプレートを使用すると、誰でも購入できます。一部のクライアントはそれらに精通していないかもしれませんが、多くの採用担当者やデザインマネージャーは精通しています。デザイナーが一瞬それをやめたとしても、その品質のデザインを提供するスキルがないことがすぐに明らかになります。
デザイナーはどこでオンラインポートフォリオを構築できますか?
現在、さまざまなノーコードおよびテンプレートベースのポートフォリオサイトが利用可能です。 Webflow 、 コードなし 、 ティルダ 、 Squarespace 、 Wix 、 エディターX 、および シンプル 、いくつか例を挙げると。これらの中で、無料の提供は、ホスト会社のブランディングとサブドメインの使用を損なう、圧倒される傾向があります。有料プランは月額6ドルから15ドルの範囲で、デザイナーはプロ並みのポートフォリオを構築し、カスタムドメイン名を使用できます。
ノーコードプラットフォーム、 Webflow 、さまざまなスタイルのポートフォリオテンプレートの品揃えを提供します。 最終的な考え
オンラインデザインポートフォリオは、世界へのショーケースであり、次の仕事に就く可能性があります。 その作成に十分な時間を費やさなければ、それは成功します。成功するように設定するには、コンテンツ、構造、およびレイアウトを綿密に計画する必要があります。
なので デザイナー ポートフォリオを構築する方法を検討している場合、他の設計ポートフォリオを探索してそれらから学ぶことをお勧めします。特定のポートフォリオの良いところは何ですか?何が機能し、何が機能しないのですか? あなたがクライアントだったら、そのデザイナーを雇いますか?
クライアントがポートフォリオをレビューするとき、彼らはあなたとの将来の協力関係に自分自身を投影しています。彼らは、このデザイナーの経験、仕事、スキルが私の状況にどのように当てはまるのだろうかと考えています。私のプロジェクトで彼らと一緒に仕事をするのはどうですか? クライアントの立場になってください。 彼らがあなたのポートフォリオに数分しか費やさないことを知っているので、彼らが最も重要な情報にアクセスしてあなたの最高の仕事を見るのを簡単にします。
ご意見をお聞かせください。以下にあなたの考え、コメント、フィードバックを残してください。
•••
ApeeScapeデザインブログの詳細:
基本を理解する
設計ポートフォリオには何を含める必要がありますか?
デザインポートフォリオのコンテンツは、最高の作品を紹介する必要があります。静的なデザインだけでなく、インタラクティブなプロトタイプ、マイクロアニメーション、動いているWebサイトを含めます。あなたのソフトスキルを自慢してみてください。設計の理論的根拠と概念を伝達する能力は重要です—方法論とアプローチに対処します。
ポートフォリオに含めるべきではないものは何ですか?
ポートフォリオの作成方法を検討するときは、古い作業をポートフォリオに含めることは避けるのが最善です。 5年以上前のものは古風に見えます。あまり多くの画像を表示しないでください。特に、低解像度のピクセル化された画像は避けてください。パスワードで保護されたプロジェクトはユーザーエクスペリエンスに悪影響を与えるため、含めないことをお勧めします。
デザインポートフォリオを改善するにはどうすればよいですか?
設計の専門家や業界のベストプラクティスのアドバイスに従うことで、設計者は自分の才能を完璧に発揮するポートフォリオを作成する方法を見つけることができます。デザインポートフォリオを改善するには、ベストプラクティスとヒントを遵守し、自分がどのタイプのデザイナーであり、どのような仕事をしたいかに焦点を合わせます。
ポートフォリオにはいくつのピースが必要ですか?
業界の専門家からのコンセンサスは、ポートフォリオを作成するときに4〜6のプロジェクトを含めることです。 UX / UI /プロダクトデザイナーの場合は、必ず2〜3のケーススタディを示しますが、プレゼンテーションは異なります。デザインポートフォリオはアーカイブではなく、すべての作品ではなく、最高の作品のみを含める必要があることを忘れないでください。