独断で選んだイケてるポートフォリオサイト12選
転職活動をするにあたり、ポートフォリオを作らなければと思い、今日は他の方のポートフォリオサイトを色々と見ていました。
その中でも個人的にいいな、と感じたページをいくつか紹介します。
http://yoshiko-pg.github.io/
以前から知っていたサイトですが、私の中ではポートフォリオサイトといってまず思い浮かぶのがYoshida Maasaさんのサイト。
ファーストビューのエディタ上にタイピングされる自己紹介は格好良すぎますね。
http://globalwe6.com/
背景や文字のちょっとしたアニメーションや、色、余白、要素の洗練されたバランスが、オシャレ感を高めています。
http://hasegawahiroshi.jp/
Simple is the Best.
見たい情報にすぐ辿り着けるような情報設計が素晴らしいです。
http://www.fukushimanaoki.com/
白を基調とした、こちらもシンプル目なサイトです。
1ページ完結型なので、スクロールするだけで全ての情報にたどり着けます。
http://www.mikeinghamdesign.com/
ファーストビューの背景画像に、自分の作品をさりげに散りばめるというのが素敵です。
http://u-d-l.jp/
ご自身の画像をファーストビューに使われています。
どんな人なのか、というのが一発で伝わってきていいですね。
http://mattfarley.ca/
とっても今っぽいです。ファーストビューの見出し部分が書きかわるアイデアも面白いですね。
http://milikuo.com/
雫?のキャラクターでしょうか。とっても愛くるしいです。
かわいらしさと、癒しを感じます。
http://www.guillaumejuvenet.com/
矢印キーでタワーの下にいるロボットを動かせます。それで画面の移動もできるようで、遊び心に溢れてますね。コマンドを打ち込むこともでき、エンジニアさんっぽいサイトだと思いました。
http://ito-asuka.net/
ページの中にプロフィールや考え方がキチンと書かれていて、人となりがしっかり伝わってきます。
http://quentinmorisseau.com/
横スクロール、縦スクロールが混在しています。こういう横を使った動きを取り入れるのも面白いですね。
http://www.kienoe.com/
トップページをスクロールすると、背景の花だけが次々と表示されて「あれ?コンテンツは?」と一瞬思ってしまったのですが、この美しく可愛らしい花一つ一つがこの方のイラストで、見ているものがすでに作品一覧、というオシャレさ満開のサイトです。
いかがでしたでしょうか?
今回、ポートフォリオを探すにあたり下記のサイトを活用させていただきました。
色々見ている中で、サムネイルを思わずクリックしてしまうのは、ごちゃっとしていないシンプルなデザインのものでした。
また実際にページを見ていて、
・サイトが軽い
・直感的に見たい情報に辿り着ける
・ちょっとしたアニメーションやギミックがある
といった要素があると、ストレスなく楽しんでページを見ることが出来ました。
あと、ハンバーガーメニューのあるサイトもいくつかあったのですが、メニューを展開するのにワンクリックするのが面倒くさいなぁと感じることが多かったです。(今回パソコンで見ていたので特に)
この辺りのUI/UXは、どのサイトでも共通していることですけどね…笑
自分も頑張って、見やすく、楽しんでもらえるようなポートフォリオサイトを作りたいと思います。