【実体験】ポートフォリオはどう作る？未経験でWEBデザイナーになるためのポートフォリオ作成のコツ
WEBデザイナーを目指す人にとって、ポートフォリオは最も重要な「自己紹介ツール」です。企業の採用担当者が真っ先に見るのは、あなたがどんなデザインをできるのかを示すポートフォリオです。しかし、闇雲にただ作品を詰め合わせたポートフォリオでは意味がありません。特に未経験からの就職を目指す場合にはよりしっかりと準備が必要です。当記事では、職業訓練校からIT・WEB業界に就職した筆者が実体験をもとにポートフォリオ作成の具体的なコツをご紹介します。
ポートフォリオで見られるポイントは？
ポートフォリオはただの作品集ではありません。採用者に以下のポイントを伝える重要な役割を担っています。作品を通してデザインのプロから多くの観点で見られる、と言うことをまず覚えておきましょう。
- スキルレベル
- デザインへの熱量
- 課題解決力と提案力
- ペルソナ設定の的確さ
- トレンドや基礎知識の理解度
デザイナーは芸術家とは異なります。何かを表現する、という点では共通することもありますが、デザインの本質は「課題の解決」です。どんな課題を解決するための、誰のためのデザインなのか？をしっかり伝えられるポートフォリオを作る必要があります。
ポートフォリオは紙？WEB？
「ポートフォリオは紙で作るべきですか？WEBサイトで作るべきですか？」と言う質問をよく聞きますが、正直
WEBサイト１択
だと思っています。まず、WEBデザイナーを目指している以上、WEBサイトに関する知識やスキルが求められます。また、実際に仕事をする上で、自分が作ったデザインはWEBサイトやSNSなどで利用されることが多いはずです。担当者も実務を想定して応募者の作品を見ています。
実務未経験の場合は、書類審査の時点で紙のポートフォリオを送付する前に落とされてしまう、といったケースもあります。しかしWEBサイトでポートフォリオを用意できれば、書類審査の書類や応募メールにポートフォリオのURLを載せることが可能なため、採用担当者にデザインを見てもらえる可能性が高まります。「自分はWEBサイトに関する知識もあります！」とアピールするためにも、ぜひWEBサイトでポートフォリオを作成してみましょう。
では、紙のポートフォリオはいらないのか？といわれるとそんなことはありません。特に面接の機会をいただけた場合にはぜひ紙のポートフォリオも作成して持参してください。WEBサイトのポートフォリオが重視されることが多いですが、プラスαで「現物でポートフォリオを作成する能力もある。」と評価してもらえるはずです。また、「貴社に本当に就職したいので時間も手間も惜しみませんでした！」と言葉以外で伝える手段にもなります。
まずは見本となるポートフォリオサイトを探そう
ここからは具体的なポートフォリオ作成のポイントをご紹介します。
作品作りでも同じですが、まず行うことは「情報収集」です。自分のプロフィールとデザインを効果的に伝えるにはどんなサイトにしたら良いか？を考えながら、様々なサイトを見てみてください。
「WEBデザイナー ポートフォリオ 未経験」
「WEBデザイナー ポートフォリオ 学生」
など、様々なキーワードで検索すると、たくさんのサイトが出てくると思います。1つに絞らずに、
「FV（ファーストビュー）はこのサイトのデザインが印象に残りやすいな」
「プロフィールには自分で撮った写真を使うことが撮影スキルのアピールにもなって一石二鳥だ」
「作品には細かいペルソナまで載せた方が実務での活躍が想像しやすいな」
とパーツごとに検討して、色々構想を思い浮かべてみてください。
WEBサイトは何で作る？
WEBサイトの作り方は様々です。昔はコーディングができないと厳しい時代もありましたが、今は感覚で作成できるツールがたくさんあります。具体的には以下などがよく使われています。
WEBデザインだけでなく、コーディングもできる！という方はぜひWordPressのテーマカスタマイズやフルスクラッチに挑戦してみましょう。その熱量やスキルは採用担当者にも伝わるはずです。
ちなみに筆者はHTML・CSS・Java Scriptも勉強していた自分でサーバーを借りてフルスクラッチで作成しました！実際に面接の際に「自分で一から作ったのですか？」と興味を持ってもらえること多く、就活ではプラスに働きました！
ポートフォリオに載せる項目は？
ポートフォリオには、最低限以下の項目を載せる必要があります。
- 自己紹介
- スキルと資格
- 作品
- お問い合わせ先
自己紹介
当たり前ですが、自己紹介は必須です。長々と経歴を書く必要はありませんが、
- 出身、出身校
- 今までの職歴
- 現在デザインを学んでいる理由
等を書いている人が多いと思います。例文は以下です。
例文
2000年2月、東京都生まれ。〇〇大学卒業後、アパレル企業で1年間販売促進業務を担当。「課題解決のためのデザインを突き詰めたい」との思いから、2025年1月に〇〇スクールに入学して、WEBデザインやコーディングを学んでいます。
また、自己紹介のために自分の写真やイラストを用意しましましょう。撮影やイラスト作成のスキルがある場合はぜひそのスキルを生かして自分で用意してみてください。
スキルと資格
スキルと資格もポートフォリオに載せるべき項目の一つです。
「何ができるのか」と「どのようなツールが使用できるのか」を合わせて記載すると効果的です。
自分の得意とする分野やデザイン制作の際に気を付けていることや目指していることも記載しましょう。
例文
【WEBデザイン】
WEBサイトやバナー、SNS用の画像などのグラフィックデザインの制作が可能です。クライアントのニーズや客層を考慮した、目的達成のためのデザインを心がけています。
使用可能ツール：Illustrator / Photoshop / XD / Figma / Canva
作品
作品はただ載せるだけでは意味がありません。何を目的としたデザインなのか？誰に向けたデザインなのか？しっかりと説明する必要があります。「説明などいらないデザインが一番優れたデザインだ」と言うのはごもっともですが、就職活動におけるポートフォリオ上では言葉で説明することがベーシックです。掲載内容の具体例は以下です。
- ターゲット（ペルソナや実際のクライアント）
- 目的や目標
- デザインの詳細（工夫した点など）
- 制作期間
- 使用ツール
ここで注意する点は、「感情はなるべく省く」と言うことです。デザインに対してダラダラと思ったことや大変だったことを記載する必要はありません。情報はあくまで客観的に記載しましょう。
お問い合わせ
実際に使用を想定していない場合でも「お問い合わせ先」を掲載しておくことは必要です。
必ずしもお問い合わせフォームまで作成する必要はありませんが、メールアドレスなどの連絡が取れる手段を掲載しましょう。
ポートフォリオで就活を優位に
ポートフォリオはただの作品集ではありません。採用者にあなたのデザインスキルを伝える重要な役割を担っています。作品を通してデザインのプロから多くの観点で見られる、ということを念頭に、しっかり準備して就活に臨みましょう。
