テンプレートの推奨事項を含む8つの最高のグラフィックデザインポートフォリオ

グラフィックデザインポートフォリオは、潜在的なクライアントに提供できるものを伝えるための最も効果的な方法です。

この投稿では、実際のグラフィックデザインポートフォリオに続いて、同様のデザインを実現するのに役立つテンプレートを紹介します。

入りましょう。

最高のグラフィックデザインポートフォリオ（+推奨テンプレート）

01.ロッタ・ニエミネン

Lotta Nieminenは、フィンランドのグラフィックデザイナーであり、いくつかの子供向けの本の著名な作家であり、グラフィックデザインエージェンシーの名前でもあります。

Lotta Nieminenスタジオはブランディングとアートディレクションを専門としており、主にパリとニューヨーク市に拠点を置いていますが、世界中のいくつかのブランドのグラフィックデザインディレクションを担当しています。

このグラフィックデザインポートフォリオのハイライト

• ボーダーはポートフォリオにアートブックのデザインを与えます
• 境界線は、重要なページへのリンクを備えたメニューとしても機能します
• 大きな画像はポートフォリオアイテムを目立たせるのに役立ちます
• グリッドレイアウトにより、各アイテムにエレガントな説明カードを付けることができます

推奨ポートフォリオテンプレート：BORDER

BORDERはWordPressテーマであり、そのデザインはビューポートの周りに太い白い境界線を備えています。 この境界線は、テーマ全体に存在します。

サイトのロゴ、ナビゲーションメニュー、ソーシャルメディアアイコン、フッターのホームとして使用されます。

さらに、BORDERは本質的に写真のテーマであるため、複数のギャラリーとポートフォリオのテンプレートに加えて、訪問者がギャラリーページの境界線を削除するために使用できるフルスクリーンボタンが付属しています。

02. Atypikal Creative

Atypikal Creativeは、ブランディング、ウェブデザイン、ソーシャルメディアデザイン、コンテンツなどを採用するブランドのクリエイティブデザインエージェンシーです。

彼らのウェブサイトのデザインは、Awwwardsを含むオンラインのコンテストや組織から賞、名誉ある言及、ノミネートを受けています。

このグラフィックデザインポートフォリオのハイライト

• 垂直スライダー
• 分割画面デザインにより、代理店は小さなスペースで複数のデザインを紹介できます
• 各デザインコレクションに伴う作業の簡単な説明
• シンプルな白い背景と黒のサンセリフフォントを組み合わせることで、訪問者は各スライドの中央にあるカラフルなデザインに集中できます。

推奨ポートフォリオテンプレート：Simpleux

Simpleuxは、HTMLポートフォリオのWebサイトテンプレートです。 分割画面のデザインはありませんが、ポートフォリオを紹介するために設計されたいくつかの垂直スライダーホームページのデモが付属しています。

テンプレートはBootstrapの上に構築され、HTML、CSS、AdobeXDなどのすべてのファイルが含まれています。

ポートフォリオのホームページ、グリッドおよびギャラリーページなど、12を超えるデモページがあり、いくつかの背景効果があります。

03.モノグラフ

モノグラフは、シカゴを拠点とするデザイナー、マット・エイブリーによって設立されたデザインスタジオです。 エイブリーはこの会社を設立する前にすでに印象的なポートフォリオを持っていました、そしてそれはモノグラフの名前の下でのみ成長しました。

モノグラフは、出版用のデザイン、特にシカゴマニュアルオブスタイルの第17版を含む、ノンフィクションの本の表紙を専門としています。

このグラフィックデザインポートフォリオのハイライト

• 重なり合うブックカバーのデザインを使用してコラージュを作成します
• 重複している場合でも、各ブックカバーをクリックすると、各プロジェクトの個々のページを表示できます。
• このサイトはシンプルでミニマリストなデザインを使用しているので、本の表紙のコラージュに目を惹かれます

推奨ポートフォリオテンプレート：タホ

タホはクリエイティブポートフォリオのWordPressテーマです。 複数のポートフォリオレイアウトが付属しており、そのうちの1つは石積みグリッドを備えています。

モノグラフのように重なり合うレイヤーはありませんが、各ポートフォリオアイテムをスペースなしでしっかりと圧縮します。

左側にはシンプルなサイドバーもあり、ポートフォリオがページのデザインを支配することができます。

04.デザインアーミー

デザインアーミーは多目的デザインエージェンシーです。 ブランドアイデンティティ、アートディレクション、広告からファッションデザイン、ウェブデザイン、ソーシャルメディアコンテンツまで、あらゆるものを扱っています。

彼らは数十の賞を受賞し、Adobe、Bloomingdale's、Disney、Netflix、PepsiCo、HumanRightsCampaignなどのクライアントと協力してきました。

このグラフィックデザインポートフォリオのハイライト

• インタラクティブ水平スライダー
• 各スライドは、全幅ビューでビューポートを埋めます
• メインナビゲーションメニューは最小限の方法で非表示になっています
• 画像は高品質であり、大胆なアートスタイルの代理店の一貫した使用を表しています

推奨ポートフォリオテンプレート：Cygni

Cygniは、インタラクティブなポートフォリオショーケーステンプレートです。 そのレイアウトは、暗いスタイルと明るいスタイルで提供されます。

各レイアウトは、フルスクリーンディスプレイと薄く洗練されたスタイルを使用しています。 ライトスタイルの1つは、DesignArmyのホームページポートフォリオに似ています。

スムーズなアニメーションで垂直方向にスライドする大きなフルスクリーンスライダーを備えていますが、垂直方向または水平方向にスクロールすることで制御できます。

Design ArmyのWebサイトと同様に、表示するために操作する必要のある非表示のメニューもあります。

05.琥珀徐

Amber Xuは、ニューヨークを拠点とするアートディレクター、モーションデザイナー、イラストレーターです。 彼女はブランドや出版物のイラストやアニメーションプロジェクトを作成しています。

彼女の顧客には、ウォールストリートジャーナル、タイレノール、ユニリーバ、グーグル、アマゾン、ショップファイ、ゼロックスなどの名前が含まれています。

彼女はロンドン独立映画賞、ラルゴ映画賞、全国デジタルアーツデザインコンペティションなど、複数の賞を受賞し、ノミネートされています。

このグラフィックデザインポートフォリオのハイライト

• グリッドレイアウト
• ポートフォリオアイテムは、2つの列の後に1つの列が続くパターンで交互に表示されます
• アイテムと列の間にスペースがないため、ポートフォリオアイテムは互いに流れ込みます
• Xuには定義されたスタイルがあるため、各ポートフォリオアイテムは、より大きなパズルのピースのように感じられます
• Xuの専門分野と場所のタグラインを特徴とするヘッダーは、ページ上の唯一の他のコンテンツであり、ポートフォリオをWebサイトのホームページの焦点にすることができます。

推奨ポートフォリオテンプレート：Werkstatt

Werkstattは、複数のデモを備えたクリエイティブポートフォリオのWordPressテーマです。 これらのデモの1つは、彼女のポートフォリオが紹介されているAmberXuのホームページと非常によく似ています。

このデモでは、ページの上部にシンプルなタグラインスタイルのヘッダーがあり、その下にグリッドポートフォリオがあります。

ポートフォリオ内のアイテムにはスペースがなく、Xuのポートフォリオデザインに似た外観になっています。

06.アナスタシアグレンコ

Anastasiia Gulenkoは、パリを拠点とするアートディレクターです。 彼女は多くのブランドのアートディレクションとビジュアルストーリーテリングを担当し、ブランディング、ウェブデザイン、プロモーション写真、ビデオ、イラストなどを管理しています。

彼女のクライアントには、Lush、On the Wild Side、Jowae、The Chef's Magazine（Elle et Vire）などがあります。

このグラフィックデザインポートフォリオのハイライト

• 相互の作用。 各プロジェクトにカーソルを合わせると、プレビュー画像が画面にオーバーレイされます
• ニュートラルカラーにより、Gulenkoの作品が画面に表示されたときに目立つようになります
• エレガントなセリフフォントの選択は、Gulenkoのシックで洗練されたデザインスタイルを補完します
• 各ポートフォリオアイテムには、アーティストが担当した主要なタスク、つまり「アートディレクション」のラベルが付いています。

推奨ポートフォリオテンプレート：Rolly

Rollyは、いくつかのページのデモを備えたクリエイティブポートフォリオのWordPressテーマです。 それらのデモの1つは、Gulenkoのポートフォリオページに似たユニークなデザインです。

また、クリック可能なアイテムのインタラクティブなリストがあります。 各アイテムにカーソルを合わせると、リストの後ろにフルスクリーン画像が表示され、ページのデザインが完全に引き継がれます。

デモには、このページにソーシャルメディアリンクのスポットもあります。

07.五芒星

ペンタグラムは1972年に設立された主要なデザインスタジオです。彼らは数十人のデザイナー、アソシエイト、パートナーで構成される多国籍チームです。 彼らはプロモーションキャンペーンのブランドアイデンティティとデザインを扱います。

過去のクライアントには、ナショナルギャラリー、グラフコアハードウェア、パリレビュー、ヘネシーVSOP、シェイクシャックなどがあります。

彼らはまた、2016年の映画「ファンタスティックビーストとそれらを見つける場所」のロゴをデザインしました。

このグラフィックデザインポートフォリオのハイライト：

• ポートフォリオの上部にあるヒーロースライダーは、代理店が特に誇りに思っているプロジェクトを強調しています
• 組積造グリッドレイアウトは、ポートフォリオの残りの部分を示しています
• 各ポートフォリオアイテムにカーソルを合わせると、関連する作業の説明が表示されます。

推奨ポートフォリオテンプレート：Brynn

ブリンはクリエイティブなWordPressポートフォリオテーマです。 石積みグリッドを使用する複数のレイアウトがあり、そのうちのいくつかはペンタグラムが使用するものと似ています。

ポートフォリオのカテゴリを作成し、訪問者がそれらのカテゴリでフィルタリングできるようにすることもできます。

テーマには、ブログ、サービス、チームページなど、サイトの他のページのレイアウトもあります。

08.メタデザイン

MetaDesignは、クライアントにブランディング、ブランドアイデンティティ、アートディレクションを提供するクリエイティブなブランドエージェンシーです。 彼らは、中国、ドイツ、スイス、米国に7つのオフィスを持つより大きなエージェンシーです。

同社の過去のクライアントには、ニューヨークフィルハーモニック、23andMe、コーラー、コカコーラ、フォルクスワーゲン、ラコステ、ポルシェなどがあります。

このグラフィックデザインポートフォリオのハイライト

• シンプルなグリッドレイアウト
• 注目のプロジェクトを強調するために、いくつかのポートフォリオアイテムが大きく表示されるセクションが含まれています
• 各ポートフォリオアイテムには、各プロジェクトの代理店の主な目的がラベル付けされています
• ポートフォリオのWebデザインには、会社のAboutページへのリンクを強調する細いサイドバーが含まれています。 会社の仕事ページを宣伝するために、同様のサイドバーがこのページに含まれています

推奨ポートフォリオテンプレート：Zugan

Zuganは、最小限のポートフォリオのWordPressテーマとBootstrap4テンプレートです。 それは4つの異なるスタイルのポートフォリオのための多くのホームページデモと36のデモを持っています。

ポートフォリオのデモはMetaDesignのポートフォリオのデザインと非常によく似ており、会社の全体的なデザインに似ているホームページのデモがいくつかあります。

このデザインには、特定のプロジェクトを強調表示し、残りを下のグリッドレイアウトに一覧表示するために使用できるセクションがあります。 追加のコンテンツに使用できるサイドバーもあります。

最終的な考え

あなたの仕事やクライアントの仕事を表現するために適切なデザインを選択することは簡単ではありません。 プロジェクトを表現するために使用する画像は重要ですが、それらを紹介するために使用するデザインも重要です。

あなたの最高の作品を披露し、グラフィックデザイナーとしてのあなたのユニークなスタイルの感覚を表すポートフォリオを構築してください。

次に、グラフィックデザインポートフォリオをどのように構築するかを決定します。 これらのテンプレートの一部はWordPressに固有であり、WordPressに最適化されたホスティング設定が必要です。

他のテンプレートはBootstrapに基づいており、経験豊富なWeb開発者の作業が必要になります。

何よりも、グラフィックデザイナーとしての自分と、クライアントに提供できる結果を最もよく伝えるポートフォリオテンプレートを選択してください。