Eggs of Designer

新宿在住の現役WebデザイナーがWeb・デザイン・SEO・アフィリエイト・ダイエット・生活・人生などについて気ままに語ります。

【参考】Webデザイナーのポートフォリオサイト!転職に活かせるポートフォリオを大公開

web制作関連 求人関連 ,

フリーランスで仕事が欲しいならここ

      2015/07/21

apple-business-computer-4158-828x550

今回の記事はWebデザイナーを目指している方、Webデザイナー職に転職を考えている方、美大や芸大に通う学生の方にはぜひ見て欲しいです。Webデザイナーやグラフィックデザイナー、CGデザイナー職で転職・就職をするとなると、面接書類選考の他にポートフォリオの提出を求められる場合が多いです。過去の実務経験も重要ですが、それ以上に受講者のセンススキルを見る目的でポートフォリオの提出を求められます。ポートフォリオを見れば、

  • どんな制作者なのか?
  • 何が得意なのか?
  • 何が出来るのか?
  • 他のデザイナーとの相性はどうか?

などを確認する事ができます。より良いものを作成してアピールしたいところですが、初めての方にとってポートフォリオは「?」だと思います。今回はそんな方にWebデザイナーが参考にできるポートフォリオサイトをまとめて紹介したいと思います。

Webサイトと紙の両方必要?

Webデザイナーの場合はWebサイトは必ず必要と言ってもいいでしょう。デザインスキルはもちろんのこと、コーディングスキルまで見たいという企業が殆どだと思います。ネットの情報を見るとのポートフォリオはどちらでもといった感じです。僕の経験から言うとあった方がいいです。面接の際に、話の話題が広がったり、わざわざ作成してくれたんだという熱意が伝わるかもしれませんので、持っていった方が無難ですね。

参考にできるポートフォリオサイト

徳田優一さん

スクリーンショット 2015-02-03 10.26.21URL

フリーランスとして活動中の徳田優一さんのポートフォリオサイトです。サイトのデザインと内容はかなりシンプルにまとまっていて、確認するには丁度いい量です。スキルや実績掲載はもちろん、ブログやSNSアカウントを公開する事で信頼性や個性まで伝える事ができます。

Manaさん

スクリーンショット 2015-02-03 10.32.08

URL

Webクリエイターボックスで有名なManaさんのポートフォリオサイトです。恐らく、Webデザイナーの方なら殆どの方が参考にしたであろうポートフォリオサイトです。英語サイトまで用意しているところが圧巻です。さすがグローバル!(笑)

宇都宮勝晃さん

スクリーンショット 2015-02-03 10.38.50

URL

フリーランサー宇都宮勝晃さんのWebサイトです。シンプルだけど動きがあって引き付けられるサイトですよね。ポートフォリオとして制作するには少し難易度の高いサイトかもしれませんが、色使いやデザイン、構成はとても参考にできると思いますよ。

福岡由佳さん

スクリーンショット 2015-02-03 10.49.04

URL

今は別サイトを運営しているみたいです。上記に紹介したサイトは福岡さんが転職・就職活動中に制作したポートフォリオサイトの様ですね。都市銀行などで働いていた経歴がある中で、今後はWebデザイナーとして頑張るぞ!という意気込みが「成長中」というキャッチコピーに詰まっていて、惹かれました。(笑)

 えともじさん

スクリーンショット 2015-02-03 11.11.41

URL

残念ながらデザイナーの方の名前は不明でした。このポートフォリオサイトは「五感を刺激する印刷物を、発信」というコンセプトで作品集を紹介しています。

フクシマナオキさん

スクリーンショット 2015-02-03 13.09.43

URL

フリーランスデザイナーフクシマナオキさんのポートフォリオサイトです。1ページ構成のサイトです。1ページに伝えたい事をまとめてあり、しかも印象に残るサイトです。

 Yu Ishiharaさん

スクリーンショット 2015-02-03 13.19.24

URL

内容は最低限ですが色使いや構成が工夫してありかなりインパクトがあります。デザインも素晴らしいですが、動きがあるWebサイトなので印象に残りますね。最低限の情報だけど印象を与えたい方はぜひ参考にしてみてください。

 みやもと しおりさん

スクリーンショット 2015-02-03 13.25.25

URL

名古屋の大学生のポートフォリオサイトです。大学の学園祭のブログ制作などの実績を載せアピールしています。ファーストビューに自身のプロフィールを載せて印象づけています。

中井颯人さん

スクリーンショット 2015-02-03 13.30.26

URL

Webデザイナーを目指す学生が作ったポートフォリオサイトです。作品やスキル、顔写真までオープンにして猛アピールしてます。サイトの完成度も非常に高いです。

ジャイアントモリンキーさん

スクリーンショット 2015-02-03 13.36.04

URL

スキル紹介の項目では表や図を用いて分かりやすいデザインです。項目毎に背景色を変えていて項目の区切りが非常に分かりやすいです。何のこのお方はデザイナーではなくエンジニアというブログも面白いのでチェックしましょう。

本城直季さん

スクリーンショット 2015-02-03 13.54.36

URL

写真集を紹介したポートフォリオサイトです。TOPページはメニューとイメージと非常に分かりやすい構成です。受賞歴も載せてしっかりアピールしてます。

終わりに

僕の好みで紹介したポートフォリオサイトもありますが、どれも勉強になる筈です。ここで紹介されていないサイトでおすすめサイトや僕のサイトも載せてって要望があればご連絡下さいね!

  関連記事

Webデザイナーに有利な資格ってあるの?就職活動で活かせる?

自分のスキルを証明するためには履歴書やポートフォリオ、過去の実績が重要となります …

【空編】無料で使えるフリー素材特集(空、夕焼け、夜空、星空)

ホームページやフライヤー、ポスターを作成する際に必ず必要となる素材ですが高品質の …

デザイナーは参考にしよう!オシャレな年賀状まとめ【企業編】

さて、今年も残すところ1ヶ月を切りました。皆さんの2014年はどんな年でしたか? …

おすすめのフリー素材サイト(写真、画像、背景、アイコン等)を集めてみた

ホームページやフライヤー、ポスターを作成する際に必ず必要となる素材ですが、皆さん …

まだ、履歴書の手書きが有利か議論してるの?

堀江貴文(ホリエモン)さんが「(履歴書の)手書きはやめて欲しいね。」とコメントし …

HTMLの謎①〜DOCTYPE宣言とは?〜

ホームページ制作をするにあたって必ず耳にするのがHTMLやCSSと呼ばれるプログ …

ホームページ制作を業者に依頼する時の注意するべきポイント

Web制作を、業者に頼む人には注意するべきポイントがあります。業者に頼めばホーム …

バナーやポスター、フライヤー・チラシなど制作におすすめの参考書はこれ

最近仕事でアフィリエイト用のバナーを制作する事が多いのですが、結構頭を使います。 …

当サイト経由でホームページ、フライヤー制作の受注が入った。

「メディアサイトを立ち上げて良かったこと、悪かったこと」でも触れましたがサイト運 …

話題のLINEクリエイターズスタンプを作ってみた【その4】

LINEスタンプの記事は以前にも紹介(参考)しておりますが今回も僕が作成したLI …

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA