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デザイナーに有利な資格ってあるの?就職活動で活かせる?

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

デザイナーの名刺はオシャレが当たり前!?参考にしたいデザイン名刺

勉強会やITイベント、交流会等で名刺を交換する機会があるのですが、デザイナーやク …

【配色】おすすめ配色ツール・カラーチャートで美しい色選択を!

Webデザイナーとしてホームページやバナーなどを制作しているのですが、どうしても …

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

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

【保存版】バナー制作の参考サイトまとめ!効果が出る・成約につながるバナー制作を

ホームページやランディングページの中身が充実していても、入り口であるバナーが微妙 …

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

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

WordPressの無料テンプレート「STINGER」。こんなに自由にカスタマイズ可能!

目次1 はじめに1.1 こんな意見も2 STINGERとは?2.1 STINGE …

jQuery初心者が最初に必要な基礎知識

楽天booksにてWeb制作の現場で使うjQueryデザイン入門を購入しました。 …

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

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

おしゃれなWEBデザインを集めた参考サイトを紹介!WEBデザインは見て勉強。

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

Message

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

CAPTCHA