就職活動で使ったポートフォリオを振り返る|未経験からWebデザイナーへ

みなさんこんにちは。Webデザイナーのかいみーです。

先日、Webデザイナーを目指している職業訓練生の方と、就職活動で使うポートフォリオについてお話しする機会がありました。

自分のポートフォリオについてまとめた記事はなかったので、今回はデザイナー未経験だった私が実際に就職活動で使用したポートフォリオを公開しながら、制作した流れや意識したこと、今振り返って思うことをご紹介します。

私が未経験からWebデザイナーを目指した経緯については、以前執筆した私がWebデザイナーを目指すまでで紹介しています。職業訓練校へ入るまでのことも書いていますので、よろしければあわせてご覧ください。

百聞は一見に如かずということで、少し恥ずかしいですが、まずは実際に就職活動で使用したポートフォリオをご覧ください。

Kaimi Portfolio

webデザイナー かいみー のポートフォリオサイトです。

ポートフォリオを作り始めた時期

職業訓練校は約6か月間あり、ポートフォリオサイトを作り始めたのは卒業の約1か月前です。卒業課題として取り組み、デザインからコーディング、公開まで自分で行いました。

掲載している作品は、授業や課題で制作したものが中心です。課題をしている時から「最終的にはポートフォリオに載せる」ことを想定しながら課題に取り組むようにしていました。

職業訓練校課題

とにかく私はコーディングが苦手だったので、先生にいつでも質問ができる在学中に、コーディングだけは完成させることが最優先でした。何が何でも卒業までに最低限、サイトとして形になっている状態まで仕上げようと、深夜までやっていたなあと懐かしく思います。

課題として提出できるまでは完成していたものの、卒業後は「もう少し作品数を増やしたい」と考え、1か月間は自主制作を続けていました。バナーやチラシ、ロゴデザインを追加して作品数を増やしたほか、JavaScriptで動きを付けるなど細かなブラッシュアップも行い、最後にConoHa WINGを契約してポートフォリオサイトを公開しました。

自主制作

レンタルサーバーConoHa WING|国内最速・稼働率99.99%以上・独自ドメイ...

レンタルサーバーはConoHa WING。稼働率99.99%以上、国内最速処理速度、独自ドメイン無料2個つきの圧倒的コスパ。WordPressかんたんセットアップで...

Webサイト形式を選んだ理由

当時、職業訓練校ではPDFやファイリングしたポートフォリオを制作している方が多い印象でした。

そこで私は、少しでも周りとの差別化ができればと思い、Webサイト形式で制作することにしました。

また、Webデザイナーを目指していたので、HTML/CSSの基礎知識も身に付けていることを伝えたいという考えもありました。ポートフォリオそのものを一つの制作物として見てもらえることも、Webサイト形式を選んだ理由の一つです。

実際に就職活動では、ポートフォリオのURLを応募先へ提出しました。URLを送るだけで作品を見てもらえるので、自分でも管理しやすかったです。

入社後に聞いた話ですが、自分でサーバーを契約し、コーディングまで行ったうえでポートフォリオを公開していたことを評価していただけたそうです。周りとの差別化という意味でも、Webサイト形式を選んだことは良い選択だったと感じています。

ポートフォリオ制作中に不安だったこと

ポートフォリオ制作で一番不安だったのは、コーディングが苦手な中、最後までサイトを完成させられるかどうかでした。

エラーの原因が分からず手が止まってしまうことも多く、「本当に完成するのかな……」と思うことが何度もありました。

周りが就職活動を進める中、私はまだポートフォリオが完成しておらず、就職活動もほとんどできていませんでした。「PDF形式に切り替えた方がいいのかもしれない」と考えたこともあります。

そんな中、「とりあえず何か就職活動らしいことをしよう」と思い、GMOインターネット株式会社宮崎オフィスのオフィスツアーに参加しました。(現在は終了しています。)

実際にオフィスを見学し、「絶対にここで働きたい」と感じました。応募したい会社が明確になったことで、「この会社に提出するポートフォリオを完成させよう」という目標ができ、それが制作のモチベーションにつながりました。

それからはGMOインターネット株式会社への応募を目標に情報収集をしながら、分からないコーディング部分については先生に質問して一つずつ解決していきました。

振り返ってみると、あのタイミングでオフィスツアーに参加したのは本当に良かったと思います。

改善したいところ

約2年前に制作したポートフォリオなので、今見返すと改善したいところはたくさんあります。

作品はブラッシュアップする必要がありますし、コーディングについても細かな崩れがあります。

また、JavaScriptで付けたアニメーションも、「動いた方がかっこいいやろ」と付けたものが多いですが、今なら必要なところだけに絞ると思います。

一番改善したいのは、今の自分を正しく伝えられるポートフォリオにすることです。職業訓練校を卒業してからUIについても知見が広がったので、それを踏まえてサイト自体も使いやすく、分かりやすいものへアップデートしていきたいと思っています。

それでも今振り返ると、技術的には未熟でも、「どうすれば採用担当の方に印象を残せるか」を一番に考えながら作っていました。改善したいところはたくさんありますが、当時の自分にできることを精一杯詰め込んだポートフォリオだったと思います。

これからポートフォリオを制作する方へ

これからポートフォリオを制作する方へ一番伝えたいのは、就職したい会社に向けて「戦略を立てること」です。

デザインのクオリティを上げることはもちろん大切ですが、それと同じくらい「何を見てもらいたいのか」「それを伝えるためには、どう見せるのか」を考えることも大切だと思います。

もちろん、ポートフォリオは作品を見てもらうためのものです。ただ、私は未経験でしたし、周りの職業訓練生や現役のWebデザイナーとデザインの完成度だけで勝負するのは難しいと考えていました。

だからこそ、Webサイト形式にして自分でコーディングし、サーバーを契約して公開するという、当時としては周りでやっている人が少ない方法を選びました。「たくさんあるポートフォリオに埋もれないこと」「6か月間の成長スピード」「入社後も成長してくれそうだ」と感じてもらえることを意識して制作していました。

ポートフォリオは、自分を表現できる数少ない機会です。デザインだけで勝負するのではなく、自分が最も伝えたいことは何か、そしてそれを伝えるためにはどう見せるのが効果的なのかを一度立ち止まって考えてみてください。その過程を経て完成したポートフォリオは、採用担当者の目にとまるものになると思います。

ポートフォリオは、一度作って終わりではなく、更新し続けることが大切だと思っています。私も今の自分を正しく伝えられるように、これからもアップデートを続けていきたいです。

今回、久しぶりにポートフォリオを見返したことで、改善したい点もたくさん見つかりました。近いうちにリニューアルを行い、その内容もブログで紹介できればと思っています。

この記事が、これからポートフォリオを制作する方にとって、少しでも参考になれば嬉しいです。

この記事を気に入ったら

この記事を書いた人

かいみー

かいみー

2024年9月入社です。

この人が書いた記事を見る >>