Webデザイナーがポートフォリオサイトづくりで参考にできそうなサイトなどなど!

2016/09/08

30_1
Webデザイナーとして活動するために、自分の作品集やどのようなスキルがあるのかをアピールするポートフォリオサイトというのは必要不可欠なアイテムになります。就職するにしてもフリーランスとして活動するにしても、Webデザイナーならばポートフォリオサイトの制作はしておいた方がいいと思います。
 

ということで、これからポートフォリオサイトを制作しようとしている方が参考になりそうなサイトをまとめてみました。ちなみに、私がポートフォリオサイトをつくるときにも参考にしました!

私がポートフォリオサイト制作で気を付けたこと

私がポートフォリオサイトを制作するにあたって気を付けたことは“見やすさ”です。
 

構成を考えているときに、レイアウトや面白そうな表現などの参考にしようと海外のギャラリーサイトなどでポートフォリオサイトを見ていました。その時に、面白いアニメーションやインパクトのある動きを実装をしたり、普段あまり見ないようなレイアウトをしているサイトが多くありました。そして、そういったサイトに共通で感じたことは読み込みの遅さと見づらさでした。
 

個人の力量を見てもらうためのサイトでもあるので、その時に持っている最高のパフォーマンスを披露することは大切だと思います。しかし、読み込みに時間がかかってしまったり、オシャレっぽいけど複雑でどう見ていいか分からないレイアウトではユーザーにストレスを与えてしまい逆効果になってしまうと思います。
 

なので、ユーザーが見にくいと思ってしまう過度な演出は控えたほうがいいと考えています。

ポートフォリオサイト制作についての記事

ポートフォリオサイトにはこういう内容を載せるといいよ!とか、こうしたほうがいいよ!こうしてみたよ!などという具体的なことを書いてくれている親切な記事を3つ紹介します。この他にも探すといろいろ出てきますが私が参考にしたのはこちらでした。

ポートフォリオWebサイトを作ろう!2015年版

30_2
Webクリエイターズボックスは有名なサイトなので読んだことのある方もいるかもしれませんね。こちらの記事では、ポートフォリオサイトに載せたほうがいい項目とその例などを見ることができます。

【2016年版】ポートフォリオサイトをリデザインしました!

30_3
こちらもWebクリエイターズボックスからの記事になります。こちらは、このサイトの中の人であるManaさんの実在するポートフォリオサイトのリデザインした内容な手法を紹介してくれています。実際のポートフォリオサイトを見ながら記事を読み進められるので見やすくて大変勉強にもなります!

印象的なポートフォリオサイトの作り方

30_4
こちらの記事は、無料ホームページ作成サービスのWixのブログになります。ここではWebデザイナーというよるもポートフォリオサイト全般に言えることを記載してくれていますのでチェックしておくといいでしょう。

ギャラリーサイトいろいろ

ここからは海外のサイトばかりになりますが、ポートフォリオサイトを集めたり特集しているサイトを紹介します。レイアウトや色使いの参考にしてみてはいかがでしょうか。

Awwwards

30_5
Awwwardsは特選されたサイトを採点することもできる有名なギャラリーサイトです。上記は、そのAwwwards内でポートフォリオサイトに絞られているページになります。

Web Design Inspiration

30_6
こちらもギャラリーサイトの内でポートフォリオにカテゴリを絞ったページになります。ディティールページを見ると使われているカラーや特徴が記載されています。

FOLIO FOCUS

30_7
FOLIO FOCUSはポートフォリオサイトのみのギャラリーになっています。タグ機能もあるので文字検索をすることで参考にしたい近いものが見つかりやすいです。

Webdesigner Depot

30_8
Webdesigner Depotは海外のWebデザインブログの中ではとても有名なサイトだと思います。こちらは、その中でポートフォリオサイトを紹介している記事になります。どうやら、毎月ピックアップしたものを記事にしているようです。

Vandelay Design

30_9
こちらはVandelay DesignというWebデザインブログの記事の一つで25のポートフォリオサイトを紹介しています。

最初から構想が固まっているのならば必要はないかもしれませんが、何を載せたらいいのか分からなかったり行き詰ってしまったときの参考として、他の人のポートフォリオサイトを見てみるのは勉強にもなるし「自分ならこうするな!」なんていうアイデアを生むことができるかもしれないのでオススメです!

About

madka prof

WebLifeTimesはWebデザイナーのMadkaがWeb制作に関連したことや日々のちょっと気になったことなどを調べたり記録しているサイトです。TwitterFacebookで気になったニュース記事をシェアしたり独り言をつぶやいたりしています!

New Post

Recommend