面接で怖いものナシ!webデザイナーの「紙ポートフォリオ」の作り方

webデザイナーの紙ポートフォリオの作り方
読む時間の目安

この記事は5分くらいでサクッと読めるにゃ。

webデザイナーの就職・転職活動に必要不可欠で、かつ、最も重要なものは「ポートフォリオ」です。

webデザイナーのポートフォリオは、「webのポートフォリオ」「紙のポートフォリオ」の2種類があります。

webも紙も両方ともあったほうがベストですが、特に、紙のポートフォリオがあると面接で非常に役に立ちます!

今回はそんな紙のポートフォリオの作り方をご紹介したいと思います。

これから紙のポートフォリオを作る方や、紙のポートフォリオをブラッシュアップしたい方は、ぜひ参考にしてみてくださいね!

webデザイナーのポートフォリオとは「作品集」のこと

ポートフォリオとは、「作品集」のことです。

にゃーご
今まで作った作品を並べればいいのかにゃ?
えりー
う~ん、半分「正解」で、半分「不正解」
自分をアピールするためのものだから、ただ単に作品を並べただけじゃダメなんだ。

ポートフォリオとは、就職・転職活動で「自分を知ってもらうため」の作品集です。

ただ単に作品を並べるだけではなく、自分を知ってもらうための工夫をする必要があります。

webデザイナーも「紙のポートフォリオ」があったほうが面接時に有利

冒頭でもお伝えしたとおり、webデザイナーも紙のポートフォリオがあったほうが絶対に良いです。

紙のポートフォリオなら、面接時にも簡単にササッとポートフォリオを見せることが出来るからです。

PCやタブレットが無くても見せられますし、複数サイトの比較も紙のほうが簡単です。また、PCが苦手な面接官にも見せることができます。

紙のポートフォリオは面接時に持っていくと大変有利なので、ぜひ作っておきましょう。

にゃーご
紙のポートフォリオを作ったら、webのポートフォリオはいらないのかにゃ?
えりー
紙もwebも両方ともあったほうが良いね。どうしても時間が無い場合は、紙のポートフォリオだけでも作っておこう!

webデザイナーの「紙のポートフォリオ」の作り方

webデザイナーの「紙のポートフォリオ」の作り方1:ポートフォリオの見本を見てみる

百聞は一見にしかず。まずは、「Pinterest」などで色々なポートフォリオを見てみましょう!

▼Pinterest
https://www.pinterest.jp/

えりー
Pinterestは、デザインのアイデアに煮詰まった時もよく見ています

webデザイナーの「紙のポートフォリオ」の作り方2:ポートフォリオに載せたい作品をリストアップ

ポートフォリオに載せたい作品を10~20くらいリストアップしてみましょう!

作品リストアップのポイント

自信作のみを厳選
優先順位を付ける(アピールしたい作品を最初のほうに載せたいので)
カテゴリー分けする(webサイト/バナー/紙媒体 等)

webデザイナーの「紙のポートフォリオ」の作り方3:ポートフォリオの構成を考える

ポートフォリオの構成
  • 表紙
  • プロフィール
  • 作品ページ(10~20作品)
  • 裏表紙

ざっくりですが、紙のポートフォリオの構成は大体こんな感じです。

えりー
表紙インパクトが大切です!

webデザイナーの「紙のポートフォリオ」の作り方4:ポートフォリオの項目を考える

プロフィールと作品ページには下記のような項目を載せましょう!

プロフィールに載せる項目
  • 名前
  • 職務経歴(卒業校・資格・得意分野・受賞歴 等)
  • 顔写真(証明写真では無いもの)
  • 自己紹介文
  • スキル
  • web版ポートフォリオのURL 等
えりー
スキル☆で評価するとわかりやすいです!
作品ページに載せる項目
  • 作品名
  • 作品スクリーンショット
  • 作品のポイント(工夫点・コンセプト・ターゲット・目的 等)
  • URL
  • 担当領域(ディレクション・デザイン・コーディング 等)
  • 使用言語(HTML5・CSS3・Javascript・PHP 等)
  • 制作環境(Photoshop・Dreamweaver 等)
  • 制作期間 等

webデザイナーの「紙のポートフォリオ」の作り方5:手書きでラフデザイン

本格的にデザインする前に、まずは手書きでざっくりとしたラフを書いてみましょう。

えりー
見やすく・わかりやすく!各ページの統一感が大切です!

webデザイナーの「紙のポートフォリオ」の作り方6:Illustratorでデザイン

ラフデザインを元に、Illustratorでデザインしていきます。

サイズはA4がおすすめです。面接時に持っていきやすいですし、印刷もしやすいからです!

えりー
紙媒体はIllustratorで作るのがおすすめです。紙媒体と相性が良いですし、Illustratorが出来る証明にもなるので。

webデザイナーの「紙のポートフォリオ」の作り方7:家のプリンターで印刷

家のプリンターでサクッと印刷しましょう!

えりー
高品質な紙を使うとより美しくなります!

もちろん、奮発して印刷業者に依頼してもOKです。

おすすめの印刷業者

webデザイナーの「紙のポートフォリオ」の作り方8:クリアファイルにまとめる

印刷した紙をクリアファイルにまとめます!

ページ数が中途半端でクリアファイルのポケットが余ってしまう場合、ポケットを増やしたり減らしたり出来るクリアファイルを使うのがおすすめです。

webデザイナーの「紙のポートフォリオ」の作り方9:最後にPDF版をweb上にUP

出来上がった紙のポートフォリオをメールでも送れるようにするために、PDF版も用意して、Googleドライブ等にUPしておきましょう。

にゃーご
なんでわざわざUPするのかにゃ?
えりー
多分、そのままだとファイルサイズが激重メール添付出来ないからだよ!
ポートフォリオ公開時の注意事項
ポートフォリオは個人情報や著作権の塊なので、 閲覧権限を付与された人しか見られない領域にUPしましょう。(クラウドストレージやベーシック認証を使う)

未経験の場合の「紙のポートフォリオ」を作成するコツ

webデザイナー未経験の場合、掲載する作品数が少なくて悩んでしまうと思いますが、そんな時は下記を作って載せてみましょう!

  • 架空のバナーロゴ
  • 架空のサイトデザイン
  • 架空のチラシ
  • サイト分析アクセス解析 等
えりー
ランサーズクラウドワークスで仕事を請け負って実績にしてしまうのもおすすめです!

まとめ

webデザイナーも紙のポートフォリオは絶対に用意したほうが良いです!紙のポートフォリオがあったほうが、面接時に役に立つからです。

紙のポートフォリオのざっくりとした作り方は次のとおりです。

紙のポートフォリオの作り方

見本を見てみる→作品リストアップ構成を考える→載せる項目を考える→手書きラフデザインIllustratorデザイン印刷クリアファイルにまとめる→PDF版web上にUP

上記では、紙のポートフォリオの詳しい作り方未経験の場合のポートフォリオ作成のコツもご紹介していますので、ぜひ参考にしてみてくださいね!

えりー
結構大変な作業ですが、せっかくなので楽しんで作りたいですね!
にゃーご
ステキなポートフォリオを作って、友だちに見せて自慢したいにゃ!

ABOUTこの記事をかいた人

猫と気ままに暮らすフリーランスwebデザイナー。
芸術学科卒 → 超ブラック企業のホームページ更新担当(正社員) → 正社員よりも稼ぐフリーター → 制作会社(バイト→正社員) → フリーランス(今ここ)
苦労もたくさんしてきましたが、やっぱりwebデザインは楽しい!これからwebデザイナーを目指す人にもwebの楽しさを伝えたい!そんな気持ちで記事を書いています。