Advertisement

30visualportofolio

 

ウェブデザインにおいては、インターネットの普及にともない国籍など関係ないグローバルな活動をされているデザイナーさんなどいらっしゃると思います。

自分の作品をビジターやクライアントに効果的に魅せるには、ユニークなデザインのポートフォリオサイトがたくさんあります。

今回はそんなビジュアルにインパクトのなるポートフォリオサイトを30個まとめた「30 Visually Appealing Web Portfolio Designs」をご紹介します。

 

これまでにもクリエイティブなポートフォリオサイトユニークなデザインのポートフォリオサイトをまとめて紹介していますので、こちらも一緒に読んでもらえると良いかもしれません。

また最近のポートフォリオサイトのトレンドや記載しておきたい事項などをまとめた「クリエイティブなポートフォリオサイトに必要な10のトレンド&具体例まとめ」も合わせてどうぞ。

 

 

詳細は以下から。

 

 

ビジュアルにインパクトのあるポートフォリオサイトまとめ


 

Camellie

 

背景画像いっぱいにアート性の高いイラストをレイアウトしたポートフォリオサイト。

使われている配色も落ち着いたカラーリングとなっており参考になるのではないでしょうか。

メニューをクリックすると右側にコンテンツが表示されるようになっています。

24-29_camellie

 

 

Fool’s House

全編フラッシュで作成されたアニメーションを駆使したユニークなサイトのひとつ。

デザインされている家のパーツにフーバーするといろいろな仕掛けがされていますよ。

24-01_fools_house

 

 

Ed Peixoto

ポートフォリオサイトのトレンドのひとつでもあるシングルページ完結型のポートフォリオサイトのひとつ。

メニュー部分でコンテンツを選択すると、スムーズなスライドでページが移動します。

ページによってロゴの色を変化させるなど遊び心満載のサイトではないでしょうか。

24-02_ed_peixoto

 

 

Coo/Coo Core

ウェブサイトなどで名刺代わりに使用している人も増えてきているVカードのようなスライド式ポートフォリオサイト。

これまでの実績や問合わせ先などをシンプルにまとめたいときによさそうです。

24-04_coo_coo

 

 

N.Design Studio

何度か他のまとめ記事でも紹介しているのですが、ユニークでオリジナリティあふれるポートフォリオサイトの代表としても再度エントリーです。

ウィンドウ幅などを考えずに、カラフルなイラストをヘッダー部分に大きく配置したレイアウトが印象的です。

24-03_n_design_studio

 

 

Fully Illustrated

ヘッダー部分に挿入された、フラッシュを使ったスライダーが魅力的な動きでビジュアルアピールしています。

テキスト部分にもウェブフォントを使うなど、デザインにも気を配ったデザインがナイスです。

ダーク系ウェブサイトデザインをお考えの方にオススメしたいデザインに仕上がっています。

24-24_fully_illustrated

 

 

Ekinyalgin

シンプルな淡いグラデーションを背景全体に使ってエレガントにまとめたポートフォリオサイト。

ヘッダー部分に机を真上から撮影したようなデザインが施されており、一度見たら忘れることのできないデザインのひとつではないでしょうか。

24-06_ekin_yalgin

 

 

Nathan Sanders

ウェブデザイン全体をかわいいイラストでデザインすることで、ポップで親しみやすいウェブサイトに仕上げています。

使われているカラーリングの配色も参考にしたいところです。

24-10_nathan_sanders

 

 

Mike Precious

これまでにデザインした実績をヘッダー部分にデカデカと表示しているポートフォリオサイト。

サムネイルに使用されているテキストなどにも加工が加えられており、細かな部分までデザインされたサイトのひとつではないでしょうか。

ちなみにヘッダー部分で使われているテキストエフェクトはこちらの以前紹介したロゴデザインとほぼ同じですね。

24-12_mike_precious

 

 

Alexandra Tong

ヘッダー部分にいろいろなパーツを写真合成したようなデザインが印象的なポートフォリオサイトのひとつ。

各パーツにカーソルを合わせるとユニークな動きでたのしませてくれます。

24-09_alexandra_tong

 

 

SpoonGraphics

フォトショップの高品質なチュートリアルなども公開しているデザイナーさんのポートフォリオサイト。

ポートフォリオサイトの多くは、ヘッダー部分にスライダーをレイアウトすることでたくさんの作品を魅せる、という方法をとっています。

24-19_spoon_graphics

 

 

Serj Kozlov

空を表現したような鮮やかなグラデーションを使い、写真合成エフェクトを加えたデザインがインパクト大なサイトのひとつ。

クリックしたくなるボタン、メニューバーのデザインなど参考にしたいデザインがいろいろ使われています。

24-17_serj_kozlov

 

 

Agiaco

ウィンドウ幅に応じてレイアウトの変化するリキッドタイプレイアウトを採用しているポートフォリオサイトのひとつ。

トップページに作品を並べることで、デザイナーさんの活動を直感的に把握することができそうです。

24-20_agiaco

 

 

Smoking Cow

WordPressを使って作成された見やすいシンプルなポートフォリオサイトのひとつ。

分かりやすいコンテンツ整理がされており、はじめて来たビジターも迷わずにすみそうです。

24-26_archives_portfolio

 

このほかにも参照元サイトには、ウェブデザイン制作の際にアイデアになりそうなデザインのポートフォリオサイトがまとめられています。

よろしかったら、こちらも一緒にあわせてどうぞ。

 

[参照元 : 30 Visually Appealing Web Portfolio Designs – Six Revision]