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デザインを集めた参考サイトを紹介!WEBデザインは見て勉強。

Webデザインをこれから勉強しようと思っても、実際どこから初めていいかわからない …

デザインに参考になる面白い広告30選!広告はアイディアが重要!

広告はアイディアが重要です。限られた時間、スペースの中でユーザーの心に残るもので …

Webデザイナーに必要な最低限のスキルって何だろう?(前編)

Webデザイナーを目指す人誰もが感じる「Webデザイナーになる為にどんなスキルが …

記事を人気順に並べるプラグイン!『WordPress Popular Posts』

WordPressには便利なプラグインが多数存在します。プラグインの導入によって …

Webデザイナーに必要な最低限のスキルって何だろう?(後編)

Webデザイナーに必要な最低限のスキルって何だろう?(前編) では最低限必要であ …

【緑色編】ロゴ集めました!企業やサービス、商品のロゴ制作の参考に!

皆さんはロゴを制作する際に何を参考にしていますか?センスやアイディアだけで制作が …

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

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

【熊・クマ・くま編】デザインの参考に!キャラクターを集めてみた。

たまに「ロゴにキャラクターを入れたい」「サイト内にキャラクターを登場させたい」「 …

ロゴ制作に役立つ情報。企業ロゴに隠された意味・秘密・狙い【PCメーカー編】

企業ロゴを見渡すととてもユニークな物が多いです。デザイナーはセンスだけでデザイン …

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

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

Message

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

CAPTCHA