優れたデザインポートフォリオを作成するための 5 つのステップ

グラフィック デザイナーと Web デザイナーの両方にとって、優れたポートフォリオは、クライアントを惹きつけたり、夢の仕事を獲得したりするための最大の手段です。

これは、あなたのスキルを促進し、職業上の機会を拡大するための最良かつ最も価値のあるツールです。しかし、デザインポートフォリオをうまく機能させるためには、それを正しく作成し、整理することが必須です。

受賞したポートフォリオは、デザイナーとしてのあなたの最も魅力的な作品を示すだけでなく、あなたの個性をターゲット層に伝えます。視聴者の興味を引き、感動させ、驚かせることで、感情を呼び起こし、あなたを思い出させるものでなければなりません。デザイン ポートフォリオは、クライアントや将来の雇用主に、どのようにデザイン アイデアを生み出し、クリエイティブ プロセス全体を組織するかを伝えることができます。

デザイン ポートフォリオを作成するためのヒントがオンラインで入手できるため、情報に埋もれてしまいがちであり、自分の状況に合った基本原則を選択するのは困難です。この記事では、専門分野に関係なく、すべてのデザイナーにとって有効な、優れたデザイン ポートフォリオを作成するための標準的な手順を説明します。

準備ができて？

#1. デザインポートフォリオの中核となる目的と形式を決定する

デザイナーとしては、ポートフォリオがどうあるべきか、どの色を選択するか、最高の作品を表現するためにどのような最新のデザイン トレンドを使用するかについて、クールなアイデアに飛びつきたいと思うかもしれません。

停止！後で使用するために保管しておいてください。

何よりもまず、デザイン ポートフォリオの中核となる目的を指定する必要があります。 あなたはそれから何を望んでいますか ？

• オンラインでの存在感を高め、視聴者を獲得するために、世界中の人にあなたの作品サンプルを見てもらいたいですか?
• あなたは、視聴者に自分が誰なのか、そして問題にどのようにアプローチしているのかを見てもらいたい初心者デザイナーですか?
• フリーランスの仕事に新しいクライアントを引き付けるために、デザインプロセスについて読んでもらいたいですか?
• 研究から実装まで、そのすべての部分を説明した最大の設計プロジェクトを共有したいですか?
• それとも、自分の知識と成果を文書化すること以外に何も必要ありませんか?

目的がわかれば、ポートフォリオにどのような情報を含めるべきか、それを最もよく表現するためにどのような形式を選択すればよいかがわかります。それを視覚的に表現する方法と、対象読者を惹きつけるためにどのように書き始めるかがわかります。

#2. ポートフォリオに含める作品を決める

ところで、ターゲットとする視聴者が誰なのか知っていますか？将来の雇用主、潜在的な顧客、同僚のデザイナー、あるいはあなた自身のためにデザイン ポートフォリオを書きますか?人々があなたについて読みたいと思う情報を書き留めてください。

• デザイナーとしてはどんな人ですか？どのような種類の仕事をしていますか?
• デザインポートフォリオで伝えたいメッセージは何ですか?誰かがそれを見たとき、あなたのデザインの専門分野 (Web デザイン、UX、プロダクト デザイン、グラフィック デザインなど) をどのようにして特定できるでしょうか?

その情報に基づいて、デザイン ポートフォリオにどのプロジェクト サンプルを含めるかを決定します。種類や作成時期ごとに並べ替える必要がありますが、最高のものや最も印象的なものを一番上に置くこともできます。ここでは量よりも質が重視されます。

デザイナーとして行ったすべての仕事を紹介する必要はありません。プロジェクトの多様性を示す最高のものに焦点を当てましょう。言い換えれば、電子商取引 Web サイト用に作成した 5 つの Web デザインを公開しないでください。銀行向けに行ったもの、ペット クラブ向けに行ったもの、非営利団体向けに行ったものを 1 つ加えたほうがよいでしょう。

サンプルの品質と多様性のバランスは、さまざまなメディアへの露出だけでなく、見込み顧客に対してあなたの才能と創造性を証明することになります。

したがって、 ルールの概要は 次のとおりです。

• ポートフォリオの中で最も素晴らしいデザイン作品のみを紹介します。
• 他の人があなたのデザイン経験の幅を確認できるように、さまざまなサンプルを含めてください。
• まだ大量のサンプルを持っていないデザイン新卒者でない限り、すべてのデザインを含めないでください。あまり誇りに思っていない作品は避けてください。ポートフォリオを画像ストックではなく、アートの展示として考えてください。

#3. デザインポートフォリオのプラットフォームを選択してください

次のステップは、デザイン ポートフォリオに適切なプラットフォームを選択することです。それはあなたの技術スキルによって異なります。 HTML と CSS の知識を必要とする書式設定を提供するものもありますが、カスタマイズ性が低いため、より快適に使用できるものもあります。 (ただし、後者では、ポートフォリオを思い通りにデザインできる自由度が低くなります。)

当然のことながら、Web デザイナーや UX デザイナーは、自分のデザインの個性を示す独自のポートフォリオを作成して、コーディング経験を誇示するため、コーディングが必要なプラットフォームを選択したいと考えるかもしれません。

考慮すべきオプションは次のとおりです。

Portfoliobox や Dunked などの、 ホストされたポートフォリオ Web サイト 。このようなサイトではコーディングが必要ないため、これが最も快適なオプションです。テンプレートを選択し、既製のレイアウトにファイルをアップロードするだけです。

Squarespace や Weebly など、 ホストされているビジネス Web サイト 。ここではポートフォリオのテンプレートを選択することもできますが、より詳細に制御できます。カスタマイズしたり、プレミアム オプションを選択したり、そのままにしておくことができます。

自己ホスト型 Web サイト : カスタム Web デザイン ポートフォリオを最初から作成します。ここでは、自分が持っているすべてのスキルを発揮して個人用 Web サイトを作成し、デザインを披露し、ペルソナ ブランドを構築することができます。

#4. それぞれのデザイン作業を上司のように説明する

プラットフォームを選択し、デザイン ポートフォリオに追加するデザイン作品を指定しました。しかし、自分の作品の画像やスクリーンショットをただ載せて、クライアントが来てあなたを雇ってくれるのを待つことはできません。

ポートフォリオ内の各作品にはストーリーがあり、クライアントの目標が何であったか、デザインがどのようにそれを達成したかを説明する必要があります。各プロジェクトのプロセスと結果の概要を含める必要があります。長く読んだり、詳細をすべて説明したケーススタディにする必要はありませんが、視聴者に内容を理解してもらえるようにしてください。

そこで役立つのが 説明文のスキル です。次の情報を含めるとよいでしょう。

• このプロジェクトの問題点と目標は何でしたか?
• その裏には何か仮説があったのでしょうか？
• どのようなプロセスでしたか？使用するデザインをどのように決定しましたか?
• このプロジェクトから得られた結論や教訓はありますか?クライアントからのフィードバックがある場合は、遠慮せずに説明に追加してください。

ここで最も重要な情報は、プロジェクトにおけるあなたの役割に関するものです。プロジェクト全体を管理しましたか?デザインチームの一員として働いていましたか？それとも、リモート ワーカーやフリーランスのスペシャリストとして、すべてを自分で設計したのでしょうか?あなたのポートフォリオを見る人は、そのような画期的な製品のためにあなたがどのような努力をしたかを知る必要があります。

#5. 視聴者向けにデザインポートフォリオを最適化する

ポートフォリオに含めるすべての情報を収集したら、ユーザビリティの主な原則を念頭に置いてポートフォリオを設計し、整理します。ユーザーエクスペリエンスは重要なので、ポートフォリオを視覚的に目立つだけでなく、閲覧者にとって読みやすいものにする必要があります。

どうやってするか？

ほとんどのユーザーは本を読むのではなく、オンラインでスキャンするだけであることを覚えておいてください。したがって、閲覧者がすべての重要な情報を一度に確認できるよう、ポートフォリオをスキミングできるように最善を尽くしてください。テキストを短い段落に分割し、見出しと小見出しを使用し、箇条書きリストを含め、プロセスを示すために長い説明ではなくスケッチを追加します。

また、ナビゲーションにアクセスできるようにします。ポートフォリオ用に個人の Web サイトを作成する場合は、そのメニューについて慎重に検討してください。コア ページのみを追加します: ホーム、自己紹介、仕事、連絡先。ポートフォリオに既製のレイアウトを使用する場合は、これらのオプションも備えたレイアウトを選択してください。どのプラットフォームであっても、視聴者はあなたが誰なのか、何をしているのか、連絡方法を知る必要があります。

色、フォント、アニメーションを過度に使用しないでください。確かに、すべてのデザインの才能を 1 か所で披露したくなるのは魅力ですが、どのブラウザーやデバイスでも機能する基本的なタイポグラフィ設定に重点を置いたほうがよいでしょう。 (必ず小さな画面向けにデザインをテストし、最初にモバイルを考慮してください。)

また、デザインするときは 色彩心理 とコントラスト比についても覚えておいてください。ポートフォリオは、見た目に圧倒されるものではなく、目を楽しませるものである必要があります。

簡単に言うと、ポートフォリオのデザイン要素は、見栄えが良く、目を通しやすいものを選択し、同時に将来の顧客や雇用主に対して自分のデザインスキルを証明できるものを選択してください。伝えたいストーリーや世界に見てもらいたい作品に焦点を当てましょう。よく言われるように、天才のすべてはシンプルです。

一言で

優れたデザイン ポートフォリオを作成すると決めた場合、その目的と、それを使用して達成したい目標を指定し、覚えておくことが重要です。これは、専門的なネットワークを構築し、将来の顧客や雇用主を引き付け、遅かれ早かれお金を稼ぐためのツールです。

適切にデザインされたポートフォリオは、あなたのプロ意識、世界観、創造性を誇示します。それに含める最適なプロジェクトを整理し、説明を中心に考え、あらゆる UX 基準に基づいてポートフォリオを最適化します。そして、自分の作品を世界に見てもらうために宣伝することも忘れないでください。オンラインのデザイン コミュニティに参加し、プロジェクトを共有し、他のクリエイターにフィードバックを求め、同僚とネットワークを築いて学び、そこから インスピレーションを得てください 。

優れたデザインのポートフォリオを早く作成すればするほど、より早く結果が得られ始めます。