あなたを刺激する17の傑出したデザインポートフォリオ

設計ポートフォリオ
(画像クレジット:スタジオトーマス)

印象的なデザインポートフォリオは、就職するか面接を受けるかどうかの違いかもしれません。そこにあるポートフォリオの山の中で目立つのは簡単ではないので、あなたのオンラインプレゼンスにいくつかの本当の考えを入れることが重要です。

あなたにインスピレーションを与えるために、フリーランスのデザイナーとスタジオの両方から、ウェブ上で最高のデザインポートフォリオのいくつかを選びました。これらの例はすべて異なりますが、巧妙なアニメーション、風変わりで記憶に残る美学、または面白いユーザーエクスペリエンスなどの機能の独自の使用によってすべてが際立っています。創造性と革新的な思考のタッチは、長い道のりを歩みます。

技術に精通していない人のために、私たちのガイド 最高のウェブサイトビルダー 、そして私たちのお気に入り WordPressポートフォリオテーマ あなたの途中であなたを助けます。または、独自のデザインポートフォリオを構築することに自信がある場合は、 最高のウェブホスティングサービス あなたが最良の取引を得ていることを確認するために。



したがって、オンラインデザインポートフォリオのこれらの感動的な例を調べてから、独自のアイデアを開始してください。就職活動をしたら、厳選された最高のリストをお見逃しなく デザインの仕事 たった今。

01.スタジオフェイクセン

StudioFeixenデザインポートフォリオ

プロジェクトは、空間、表面、時間に分けられます(画像クレジット:Studio Feixen)

フェイクセン研究 はスイスを拠点とするデザインスタジオであり、ウェブサイトの「lessismore」の検索を避けています。通常、デザインポートフォリオはすべてキュレーションに関するものだと言いますが、このサイトで紹介されている色の爆発とプロジェクトが大好きです。私たちのお気に入りの要素のもう1つは、StudioFeixenに質問できる「トーク」セクションです。楽しくインタラクティブで、スタジオについてもっと知りたくなります。

02. RoAndCo

デザインポートフォリオ:RoAndCo

見事なプレゼンテーションで補う情報が不足しているもの(画像クレジット:Ro and Co)

RoAndCo は、クリエイティブディレクターのロアンヌアダムズによって設立されたニューヨークを拠点とするスタジオです。チームは、主にファッション、美容、テクノロジー、ライフスタイルの各セクターのクライアントの名簿に、美しく細工されたデザイン、ブランディング、クリエイティブディレクションソリューションを提供しています。

スタジオの労働倫理に沿って、RoAndCoのウェブサイトを閲覧すること自体が体験です。プロジェクトは、ほぼ雑誌のような方法で提示されます。 RoAndCoのウェブサイトは、視聴者が分割画面の画像、アニメーションのウェブプレゼンテーション、フルスクリーンのビデオを順番に表示できるようにするため、慎重に検討されたポートフォリオであり、ブラウザやモバイルデバイスで見ることができます。

プロジェクトに関する情報が完全に不足していることは少し苛立たしいことですが、それでもRoAndCoは巧妙に作成された印象的なユーザーエクスペリエンスを作成しました。

03.ロビンマストロマリノ

ポートフォリオデザイン:Robin Mastromarino

このポートフォリオは物事を新鮮に保ちます(画像クレジット:Robin Mastromarino)

パリを拠点とするインターフェースデザイナー ロビン・マストロマリノ 彼のデザインポートフォリオサイトで物事を新鮮に保ちます。彼のホームページへの興味をそそる効果により、プロジェクトはまるで車輪の上にあるかのように見え、満足のいくUIアニメーションのタッチで視界を揺さぶっています。各ケーススタディでは、スクロールすると画像がわずかに歪んで反応します。すべてのクリエイティブに適しているわけではありませんが、MastromarinoがUIデザインを専門としていることを考えると、これはすべての正しいメモに当てはまります。

04.アクティブ理論

設計ポートフォリオ:アクティブ理論

まるでまったく新しい世界に入るようなものです(画像クレジット:アクティブ理論)

訪問 アクティブ理論 のポートフォリオWebサイトは、まったく新しい世界に参入するようなものです。デザインは、ムーディーでブレードランナーっぽい美学を全体に取り入れており、非常にうまくいっています。マウスで作動するグリッチ効果を備えた気分を設定するホームページアニメーションから、トリッピーなAboutページまで、すべてが美しく連携します。スタジオはプロジェクトページの内容をクリーンに保ちます。各例には、短い宣伝文と、Mediumでホストされている詳細なケーススタディを含む詳細情報への関連リンクがオーバーレイされたフルスクリーンアニメーションが含まれています。

05.ベルベットスペクトル

デザインポートフォリオ:ベルベットスペクトラム

超カラフルなサムネイルは、このポートフォリオを視覚的に扱います(画像クレジット:Velvet Spectrum)

ベルベットスペクトラム はビジュアルアーティスト兼デザイナーのルークチョイスのオンラインモニカです。選択により、彼のホームページでは、超カラフルなサムネイルのモンタージュで物事がシンプルに保たれ、最大のインパクトを与えるためにスーパーサイズで表示された彼の作品の視覚的に魅力的な例につながります。黒い背景は物事をきれいに保ち、仕事を輝かせるのに役立ちます。これはシンプルですが、非常に効果的な設計ポートフォリオです。

06.機関車

設計ポートフォリオ:機関車

機関車はポートフォリオ全体に驚きをもたらします(画像クレジット:機関車)

この印象的なデザインポートフォリオは 機関車 、カナダのケベックに拠点を置くスタジオ。傑出したデジタル体験の作成を専門とするチームがいるため、このポートフォリオサイトが本当に輝いていることは理にかなっています。遊び心のあるアニメーションは、(ホームページだけでなく)サイト全体でデザインに命を吹き込みます。ハンバーガーメニューの風変わりな扱いから、Aboutページの予想外のアニメーションまで、あらゆる要素に努力と思考が注がれているように感じます。

07.トーマススタジオ

トーマスオースティンとトーマスクームの2人のクリエイティブディレクターにちなんで名付けられました。 スタジオトーマス は、物理世界とデジタル世界のビジュアルコミュニケーションを行うイーストロンドンのスタジオであり、そのサイトは探索的で実験的な態度を完全に反映しています。これは、スウィッシュなタッチがたくさんあるブルータリストのWebデザインの素晴らしい例です。特に、マウスでナビゲートできるPambanCafeの3Dワイヤーフレームモデルが大好きです。

08.バズワーシースタジオ

バズワーシースタジオ 自身をブルックリンのワルなデジタルスタジオと表現し、そのサイトはテレホンカードの1つの地獄であり、見事なWebテクニックをオフから紹介しています。優れたタイポグラフィとアニメーションを組み合わせて注目を集めます。美学に強い目を向けることで、Buzzworthyのすべてのプロジェクトを探索することができます。

09.XavierCussó

バルセロナを拠点とするデザイナー XavierCussó ブルンダンガスタジオによって構築された見事なポートフォリオサイトがあり、大胆な色、顔のタイポグラフィ、そして事実上すべてのアニメーションを使用して彼の作品を披露しています。 視差スクロール 本の中のトリック。

10.メリーホス

デザインポートフォリオ:Merijn Hoss

Hossは控えめなアプローチを取ります(画像クレジット:Merijn Hos)

この次のデザインポートフォリオは、これまでに調べた例ほど派手ではありませんが、それでも非常に効果的です。イラストレーター兼アーティスト メリーホス 美しく詳細なサイケデリックスの芸術作品を作成しますが、彼の作品をオンラインデザインポートフォリオに表示するために、完全に簡素化された伝統的なアプローチを採用しています。

カラフルなサムネイルがきれいなギャラリーのような白い背景から飛び出し、一度クリックすると大きなプロジェクト画像と簡単な説明が表示されます。優れたユーザーエクスペリエンスを作成するために、すべてのベルやホイッスルが必要ではないことの証明。

11. ToyFight

デザインポートフォリオ:ToyFight

このポートフォリオは、ユーモアと万能薬で実行されます

マンチェスターを拠点とするスタジオ ToyFight 視差スクロールからアニメーション化されたトランジション、さらには3Dレンダリングされた創設者のバージョンまで、さまざまなウィジー効果を利用しています。これらすべてがショーの実際の作品を圧倒する恐れがありますが、そのような視覚的なユーモアとパナッシュで実行されているので、探索するのは楽しいことです。

12.考え抜かれた

デザインポートフォリオ:Made Thought

サイトはキャッチフレーズ付きの画像を循環します(画像クレジット:Made Thought)

現代的なデザインの大国 考えた 他の人が続くところをリードします。スタジオは当初、作業サンプルを超高速で循環するビデオを表示するホームページを選択しましたが、このソリューションを、より穏やかで、熱狂的でなく、探索するのがはるかに楽しいものに置き換えました。

新しいホームページは、最近のプロジェクトの美しい静止画を(ゆっくりと)スクロールし、それぞれを要約するキャッチフレーズが付いています。訪問者は、[探索]タブの下にある印象的な活版印刷のナビゲーションページを介して、他の作業サンプルを詳しく調べることができます。

13.マーリーカルバー

デザインポートフォリオ:Marleigh Culver

カルバーのウェブサイトはシンプルですが、考慮されています(画像クレジット:Marleigh Culver)

デザイナーとアーティストのウェブサイト マーリーカルバー は単純なことですが、色と種類の選択を慎重に検討し、単純なレイアウトとナビゲーションを組み合わせることは、オンラインデザインポートフォリオを成功させるための鍵となることを示しています。

本質的にシンプルですが、マーリーの作品は、大きくて高速に読み込まれる画像を使用することで大きな効果を発揮し、すばやくナビゲートするのが簡単になります。

14.マリカ・ファーヴル

デザインポートフォリオ:マリカファーヴル

大胆で美しい(画像クレジット:Malika Favre)

イラストレーター マリカ・ファーヴル の大胆で美しい作品は、彼女のオンラインデザインポートフォリオで大きな効果を発揮しています。彼女は、サムネイルのフルスクリーンの端から端までのタペストリー(一部はアニメーション化されています)を利用して、訪問者に作品をさらに詳細に表示するように促します。クリックすると、サムネイルは、作品を効果的に披露する無料の色付きの背景で紹介された作品のフルスクリーンギャラリープレゼンテーションを表示します。

15. Lusion

デザインポートフォリオ:Lusion

Lusionのポートフォリオは没入型の体験です(画像クレジット:Lusion)

没入型のすべての体験については、をご覧ください ルシオン のデザインポートフォリオ。このサイトは、カーソルの周りに続く光るドットや、マウスイベントに応答する実行中の図をオーバーレイする[バージョン情報]ページなど、楽しいデザインタッチでいっぱいです。少し混乱することもありますが、このテクノロジーに焦点を当てたクリエイティブスタジオの作品を紹介するのは完全に適切です。

16.ユルモロー

デザインポートフォリオ:Yul Moreau

ソウルで生まれ、パリを拠点に「80年代に育った」 ユルモロー レトロなビデオの見事に派手な背景モンタージュでオフからあなたの注意を引くポートフォリオサイトがあります。シングルページャーサイトは、アートディレクターの作品を紹介し、ビデオ、画像、巧妙なスクロール効果を組み合わせてすべてをうまく見せてくれる素晴らしい仕事をしています。

17.ティム・スミス

デザインポートフォリオ:Tim Smith

このサイトはCSS3を使用して見栄えを良くしています

「ブレインパワードグラフィックスの楽しさ」を誇る、 ティム・スミス のポートフォリオサイトでは、CSS3を使用して、きれいな外観と、マウスを合わせると消える各部分の切り抜きタイトルなどの巧妙なHTML5トリックを組み合わせています。フロントページにソーシャルリンクがあり、ポートフォリオページ間のナビゲーションに使用されるサイドバーも気に入っています。

関連記事: