国内外のデザイナーによる美しいポートフォリオサイト11選

うえつぎ

元システムエンジニアで、今はWeb制作に並々ならぬ興味がある主婦です。

この記事では、デザイナーやクリエイターの美しいUIのポートフォリオサイトを10サイト紹介します。ユニークで美しいポートフォリオサイトは、UIデザインに詰まった時や自分のポートフォリオサイトを作る時の参考になります。

1. Jason Benjaminさん

2016-06-13_23h27_00

モーション・ビジュアルデザイナーのJason Benjaminさんのポートフォリオサイトです。EvernoteのUIデザイナーもされていたとのことですが、サイトの方も直感的に過去の作品を閲覧することができます。

2. Adrian Zumbrunnenさん

2016-06-23 20.16.03

GoogleのUX/UIデザイナーであるAdrian Zumbrunnenさんの個人サイトです。今流行りのチャットボットのような対話型UIで、一言ずつ表示される吹き出しはあたかも本人に話しかけられているようなデザインになっています。システム的に導入するには敷居が高そうなものの、対話型という魅せ方の参考になります。

3. Timothy Achumbaさん

2016-06-13_23h29_07

WunderlistのUI&モーションデザイナー、Timothy Achumbaさんのポートフォリオサイトです。ページ中央部のリストにマウスのカーソルをあてた時の動きがダイナミックでわかりやすさとデザイン性をうまく兼ね合わせています。

4. John Schlemmerさん

2016-06-13_23h31_35

Web・モバイル・モーションデザイナーのJohn Schlemmerさんのポートフォリオサイトです。1ページに簡潔にまとめられています。ついつい美しいデザインと動きをじっくり眺めてしまいます。

5. Jean-Marc Denisさん

2016-06-13_23h32_54

Googleのプロダクトデザイナー、Jean-Marc Denisさんのポートフォリオサイトです。シングルページのポートフォリオが簡潔で分かりやすく、美しいデザインです。

6. 長谷川 寛さん

2016-06-13_21h06_29

ウェブデザイナーの長谷川 寛さんのポートフォリオサイトです。仕事を依頼したい方がすぐに依頼できるような誘導の仕方と、「~したい」という要望からサービス内容を絞り込めるユーザーのことを考えた動線がとても参考になります。

7. MIDORI AOYAMAさん

2016-06-13_23h35_36

DJである、MIDORI AOYAMAさんのポートフォリオサイト。ファーストビューもとても印象的ですが、今までの実績の表現の仕方がとても分かりやすいです。

8. 田渕 将吾さん

2016-06-13_23h40_25

※音が出ますので注意

アートディレクション、Webデザイン、空間デザイン、フロントエンドエンジニアリング、イラストレーション…色々なことを手掛けている田渕 将吾さんのポートフォリオサイトです。ページ遷移の鮮やかな動きに魅せられます。

9. 宇都宮 勝晃さん

2016-06-13_23h45_29

プランニング・ディレクター、デザイナーの宇都宮勝晃さんのポートフォリオサイトです。シンプルなデザインと、動きのある過去のお仕事の紹介の方法はみていてわくわくします。

10. 徳田 優一さん

2016-06-13_23h47_12

大阪でWeb制作をおこなっている、徳田優一さんのポートフォリオサイトです。派手な動きはなくシンプルなデザインですが、迷うことなく目指すコンテンツに辿りつける分かりやすい動線のサイトです。

おまけ. Robby Leonardiさんのインタラクティブレジュメ(履歴書)

robbyleonardi

数々の海外メディアで取り上げられた、Robby Leonardiさんのインタラクティブ履歴書です。スクロールするとキャラクタが動くのですが(コマ送りの画像ではなく、コードで処理しています)マリオにインスパイアされた世界観で、ご自身のデータをインフォグラフィックで見せています。


イベント