あなたを刺激するための最高のポートフォリオウェブサイト

より伝統的な職業では、単純な履歴書とLinkedInのプレゼンスで、潜在的な雇用主に資格を伝えるのに十分です。 ただし、グラフィックデザイナー、コピーライター、アーティスト、ジャーナリストなど、クリエイティブな職業の人にとっては、優れたポートフォリオを履歴書に添付する必要があります。

あなたのポートフォリオのウェブサイトはあなたがあなたの最高の仕事を紹介し、あなたがクライアントがあなたの方法で送るかもしれないどんなプロジェクトでもあなたが管理できることを示すことができる場所です。 この記事では、優れたポートフォリオWebサイトの例を紹介し、スキルを強調するWebサイトを作成するためのヒントを提供します。

ポートフォリオが必要な理由

創造的な分野の専門家のために、ポートフォリオのウェブサイトは潜在的な雇用者とクライアントにあなたが何ができるかについての明確な感覚を与えます。 顧客がクリエイティブで視覚的に魅力的なユーザーインターフェイスをデザインするためにあなたを雇いたい場合、彼らはあなたの作品の以前のサンプルを見て、あなたが彼らのブランドに適しているかどうかを判断したいと思うでしょう。 クライアントや雇用主の前であなたの最高の仕事をすることは、あなたのスキルと会社やクライアントへのあなたの潜在的な適合性を示しています。

11の傑出したポートフォリオ

ブラックマドレ

このブラジルの視覚芸術スタジオには、うまく設計され、機能的で、ナビゲートしやすいWebサイトがあります。 その強みはそのシンプルさにあります。 会社のホームページでは、簡単なアニメーションが黒い背景で再生され、大きくて読みやすいフォントで会社の名前が形成されます。 最終的に、ホームページの背景には、ブラックマドレの作品を代表する明るくカラフルなデザインが表示されます。

ウェブサイトの横にナビゲーションの見出しを配置することで、見込み客はポートフォリオの要素をはっきりと見ながら、サイト内を簡単に移動できます。 たとえば、「プロジェクト」リンクをクリックすると、画像でいっぱいのポートフォリオが表示されます。 各画像には、選択したプロジェクトの詳細が記載された個別のページへのリンクが含まれています。

このウェブサイトはきれいで、過剰に設計されていません。 潜在的なクライアントは、スタジオの前の作品を見つけるために多くの掘り下げをする必要はありません。 ページのあらゆる側面がよく考えられており、意図的です。

オリヴィエ・ギロー

フランスを拠点とするフリーランスのウェブデザイナー兼UIXデザイナーであるオリヴィエ・ギリューは、彼のモダンで楽しいポートフォリオウェブサイトで注目を集めています。 彼のホームページには、デザインの背後にいる人物をクライアントに紹介するのに役立つ、最小限のアニメーション化された自画像が掲載されています。 画面の下部に、下にスクロールするための召喚状があります。 ホームページをスクロールすると、ギリューと彼の仕事について詳しく知ることができます。

このウェブサイトのポートフォリオセクションは非常にきれいで、よくレイアウトされています。 最初は、プロジェクトのアルファベット順のリストとして、大きく太字で表示されます。 ただし、さまざまなプロジェクトタイトルをロールオーバーすると、プロジェクトの視覚的側面を示す背景画像が表示されます。 各タイトルをクリックして、プロジェクトのケーススタディとして機能する別のページに移動することもできます。 割り当てと設計プロセス、および完成品のスクリーンショットに関する情報が含まれています。

Guilleuxはフランスを拠点としているため、彼のポートフォリオは最初はフランス語で読み込まれますが、より幅広いクライアント向けにサイトを英語で読み込むことができる機能が含まれています。 彼の連絡先情報はサイト内で簡単に見つけることができますが、ポートフォリオ資料に干渉することはありません。

アリソン・ブラトニック

伝統とは異なり、Allison BratnickのポートフォリオWebサイトは、ホームページのPinterestボードのように表示されます。 彼女の作品をサイト内のサブページに隠すのではなく、ホームページは彼女のすべての作品を前面と中央に配置します。

複数のデザイナーを比較している、または急いでいるクライアントのために、このサイトはブラトニックのすべての作品を簡単に見ることができます。 詳細を知りたい場合は、[デザインと制作]タブで、より大きな画像とさまざまなプロジェクトに関する詳細情報を含むスライドショーが表示されます。

キミルイス

さまざまなプロジェクトに取り組んでいるグラフィックデザイナーであるキミルイスのポートフォリオは、よくレイアウトされていてきれいです。 ホームページの各写真は意図的に配置されており、近くの写真を補完する画像が使用されています。 ルイスには、パッケージング、印刷メディアなどの例が含まれています。 潜在的な顧客は、彼女の最高の作品のバランスの取れたサンプルに扱われます。

アバウトページにはルイスに関する段落があり、クライアントは彼女の経歴と彼女が提供する幅広い仕事について詳しく知ることができます。 また、ミニポートフォリオ自体として機能する彼女のInstagramページへのリンクもあります。 ルイスのInstagramは彼女の作品の厳選されたサンプルですが、彼女は複数の画像や動画をアップロードして、プロジェクトをより深く掘り下げる傾向があります。

Olivia Truong

ニューヨークを拠点とするプロダクトデザイナーであるOliviaTruongのポートフォリオWebサイトには、サイトのさまざまな場所に「浮かぶ」アニメーションボックスなど、思い出に残る機能が多数含まれています。 彼女の「About」ページでは、画面にテープで貼り付けられているように見える写真で、彼女の個性を垣間見ることができます。

デザイナーとして、Truongはさまざまなプロジェクトに取り組んでおり、各プロジェクトの複数の部分を管理する傾向があります。 彼女のポートフォリオは、各プロジェクトに関する複雑なケーススタディで非常に詳細になっています。 これらのケーススタディでは、クライアントをプロジェクトのフロントエンドからバックエンドに移動し、物理的なデザインからイベントのために完了したソーシャルメディアキャンペーンまですべてに焦点を当てています。 このウェブサイトを熟読する顧客は、Truongのプロセスの範囲と深さに精通するでしょう。

ブラッドオルブライト

古いアンダーグラウンドコミックやポスターのファンにアピールする線画を専門とするイラストレーター。 彼の作品は彼のポートフォリオサイトのホームページに目立つように表示されています。 他の注目の例ほどクリーンで洗練されていませんが、このWebサイトはアーティストの個性を紹介しています。 彼のブランドはサイト内で確立されています。 「About」タブ、Albrightの作品を特集したさまざまなショーを見つけるページ、彼のプリントの一部を購入できるショップがあり、ナビゲートが簡単です。

シャンテルマーティン

ビジュアルアーティストはまた、将来のバイヤー、ギャラリーの所有者、および作品を委託したいと思うかもしれない人々のために彼らの作品を紹介する手段としてウェブサイトポートフォリオを採用しています。 アーティストのシャンテルマーティンは、カスタムテキスタイルからニューヨーク市の建物の隠されたインスタレーションに至るまで、メディアと彼女のビジョンを共有しています。 彼女のウェブサイトはほとんど白黒ですが、さまざまなページのさまざまなアニメーションがサイトに気まぐれな感覚を加え、ユーザーを彼女の作品に引き込みます。

彼女のサイトは、さまざまなメディアに基づいてセクションに分かれています。 また、サイトの画像を自分のソーシャルメディアページに共有して、アーティストとしての認知度を高める機能もあります。 これはあなたの作品を宣伝するための便利な戦略ですが、あなたの作品を自分のページに投稿した人があなたを信用し、あなたのサイトにリンクしていることを確認するための措置を講じてください。

フランツィスカ・シュトラウス

写真家FranziskaStraussのポートフォリオ自体は、オンラインの芸術作品です。 シュトラウスはストリートスナップで知られており、被写体の個性を巧みに捉えています。 彼女のウェブサイトで紹介されている各作品は視覚的に魅力的です。 多くは白黒で、ポートフォリオに真剣で芸術的な感覚を与えています。 ドイツの芸術家は、ストリート写真に関するエッセイや小さな伝記など、いくつかのテキスト要素を含んでいます。 これらは、サイトの読者が作品自体から注意をそらすことなく、シュトラウスと彼女の作品をよりよく理解するのに役立ちます。

それを成功させるこのポートフォリオページの1つの要素は、すべての画像が意図的に感じられることです。 サイトのさまざまなページで目立つように掲載されている各写真は、刺激的で感情に満ちています。 見込み客と雇用主は、シュトラウスの作品で採用されているさまざまなテーマを代表するさまざまな画像のスライドショーをスクロールできます。

ダヴィナ・ヴァン・ビューレン

ポートフォリオのWebサイトは、ビジュアルアーティストだけに限定されていません。 コピーライター、ジャーナリスト、コンテンツマーケター、その他のアーティストも、これらのサイトを使用して自分の作品を強調しています。 Davina Van Burenはコピーライター兼マーケティング戦略家であり、そのポートフォリオはこれらの分野で働く人々の良い例として役立ちます。

Van Burenのポートフォリオは、ジャーナリズム、コンテンツマーケティング、その他のサービスなど、さまざまな種類のフリーランスプロジェクトに編成されています。 また、彼女の連絡先情報を詳しく説明するページと、クライアントの証言のセクションも含まれています。 デザインは重くありませんが、ナビゲートしやすいです。 潜在的なクライアントは、採用するかどうかを決定するために必要な情報を簡単に見つけることができます。

ロビン・マストロマリノ

ユーザーインターフェイス（UI）デザイナーにとって、ポートフォリオWebサイトは、スキルを強調し、潜在的な完成品がどのように見えるかを示すための最良の機会を提供します。 パリを拠点とするUIデザイナーのRobinMastromarinoは、彼のポートフォリオに微妙なトリックを利用しています。 ポートフォリオヘッダーは、さまざまなプロジェクトを表示するためにスクロールすると回転するホイール上にあるように見えます。 さらに、背景画像は、微風で吹いているように見えるようにアニメーション化されています。

Mastromarinoは、自分のポートフォリオでUIをうまく設計することで、クライアントが自分の仕事に期待できることを示しています。 彼は多くのハイエンドで有名なブランドと協力してきました、そしてこれらのクライアントは彼のポートフォリオの中心に立っています。

エイドリアンとジディ

アニメーションと創造性に満ちたエイドリアンとジディのポートフォリオウェブサイトは、デュオの集合的で創造的な個性をうまく強調しています。 彼らのウェブサイトは、さまざまな製品ディスプレイの楽しくて気まぐれなスライドショーから始まります。 アバウトセクションでは、設計者がプロセスを説明する簡単な経歴を提供します。

彼らのプロジェクトポートフォリオページは、美術館のインスタレーションのように読める広告やその他のプロジェクトの慎重にキュレーションされたコレクションです。 このポートフォリオのプロジェクト画像は、均一な写真のグリッドを使用するのではなく、不均一な構造で配置されていますが、調和の感覚を作り出すために、同様のテーマとカラーパレットで編成されています。 画像にカーソルを合わせると、画像を回転させることもできます。

ポートフォリオを構築するときに覚えておくべきこと

あなたのポートフォリオのウェブサイトはあなたの最高の仕事を強調するあなたのチャンスです。 以前のすべての作品をアップロードしたくなるかもしれませんが、あなたは最善で最も明るいものに固執する必要があります。 用途の広い作品の展示を選択することをお勧めしますが、サイトが視覚的に魅力的でわかりやすい方法で配置されていることを確認してください。

アニメーション、ビデオ、音楽、その他の拡張機能を使用すると、サイトを目立たせることができますが、それらが作業を埋めないようにしてください。 潜在的なクライアントまたは雇用主は、サイトのナビゲートに多くの時間を費やすことができない場合があります。 ユーザーが必要な情報をすばやく見つけられるように、連絡先情報と以前の作業へのリンクを簡単に見つけられるようにしてください。

視覚的な関心を生み出し、人々がポートフォリオ全体をスクロールしたくなるような方法でプロジェクト画像を配置します。 以前のクライアントからの証言がある場合は、それらをWebサイトの別のセクションに配置します。 幸せな顧客を強調することは、あなたが働きやすいことを示す良い指標であり、あなたの信頼を築くのに役立ちます。

最も重要なことは、ポートフォリオのWebサイトで、デザイナーとしての個性を強調する必要があることです。 それはあなたのパーソナルブランドの一部であり、それを際立たせるものはすべてあなたとあなたの仕事を反映している必要があります。 あなたが魅力的であなたの個性を語るフォントと配色を使用してください。

あなたがビジュアルアーティスト、グラフィックデザイナー、ライター、ミュージシャン、またはその他のクリエイティブプロフェッショナルである場合、ポートフォリオは、最終的に一緒に仕事をする人々への紹介として役立ちます。 視覚的に魅力的な方法であなたの最高の作品を紹介することは、潜在的なクライアントがあなたに連絡する前にあなたに精通する機会を与えるのに役立ちます。

あなたのウェブサイトを慎重にキュレートすることによって、あなたはあなたの才能とスキルを新しいクライアントや潜在的な雇用者に紹介するためにあなたの最高の、最も効果的な仕事を出すことができます。

クリエイティブビジネスのマーケティングの詳細については、ダウンロードをご覧ください。