この記事では、デザイナーやクリエイターの美しいUIのポートフォリオサイトを10サイト紹介します。ユニークで美しいポートフォリオサイトは、UIデザインに詰まった時や自分のポートフォリオサイトを作る時の参考になります。
１. Jason Benjaminさん
モーション・ビジュアルデザイナーのJason Benjaminさんのポートフォリオサイトです。EvernoteのUIデザイナーもされていたとのことですが、サイトの方も直感的に過去の作品を閲覧することができます。
２. Adrian Zumbrunnenさん
GoogleのUX/UIデザイナーであるAdrian Zumbrunnenさんの個人サイトです。今流行りのチャットボットのような対話型UIで、一言ずつ表示される吹き出しはあたかも本人に話しかけられているようなデザインになっています。システム的に導入するには敷居が高そうなものの、対話型という魅せ方の参考になります。
３. Timothy Achumbaさん
WunderlistのUI＆モーションデザイナー、Timothy Achumbaさんのポートフォリオサイトです。ページ中央部のリストにマウスのカーソルをあてた時の動きがダイナミックでわかりやすさとデザイン性をうまく兼ね合わせています。
４. John Schlemmerさん
Web・モバイル・モーションデザイナーのJohn Schlemmerさんのポートフォリオサイトです。1ページに簡潔にまとめられています。ついつい美しいデザインと動きをじっくり眺めてしまいます。
５. Jean-Marc Denisさん
Googleのプロダクトデザイナー、Jean-Marc Denisさんのポートフォリオサイトです。シングルページのポートフォリオが簡潔で分かりやすく、美しいデザインです。
６. 長谷川 寛さん
ウェブデザイナーの長谷川 寛さんのポートフォリオサイトです。仕事を依頼したい方がすぐに依頼できるような誘導の仕方と、「～したい」という要望からサービス内容を絞り込めるユーザーのことを考えた動線がとても参考になります。
７. MIDORI AOYAMAさん
DJである、MIDORI AOYAMAさんのポートフォリオサイト。ファーストビューもとても印象的ですが、今までの実績の表現の仕方がとても分かりやすいです。
８. 田渕 将吾さん
※音が出ますので注意
アートディレクション、Webデザイン、空間デザイン、フロントエンドエンジニアリング、イラストレーション…色々なことを手掛けている田渕 将吾さんのポートフォリオサイトです。ページ遷移の鮮やかな動きに魅せられます。
９. 宇都宮 勝晃さん
プランニング・ディレクター、デザイナーの宇都宮勝晃さんのポートフォリオサイトです。シンプルなデザインと、動きのある過去のお仕事の紹介の方法はみていてわくわくします。
10. 徳田 優一さん
大阪でWeb制作をおこなっている、徳田優一さんのポートフォリオサイトです。派手な動きはなくシンプルなデザインですが、迷うことなく目指すコンテンツに辿りつける分かりやすい動線のサイトです。
おまけ. Robby Leonardiさんのインタラクティブレジュメ（履歴書）
数々の海外メディアで取り上げられた、Robby Leonardiさんのインタラクティブ履歴書です。スクロールするとキャラクタが動くのですが（コマ送りの画像ではなく、コードで処理しています）マリオにインスパイアされた世界観で、ご自身のデータをインフォグラフィックで見せています。
