採用担当者に聞く！未経験WEBデザイナーがポートフォリオで押さえるべきポイント4選【就職】

クマガイさん：
よろしくお願いします！

クマガイさん：
そうですね。WEB制作会社へ就職・転職を希望するのであればポートフォリオサイトは必ず用意しておきましょう。

特にWEBに関する制作会社への応募ということなら紙資料やPDFではなく、WEBで見れる状態にしておくのが必須と思った方が良いと考えています。

クマガイさん：
例えば学校でデザインをやっていてデザイン作品はある、応募に関してもデザイナー寄りです！という人だとしても、最低限HTML・CSSを使って自分がデザインしたWEBサイトをコーディングできるところ。そこまでは勉強しておくとどの会社でも評価は高いと思います。

未経験入社はどの会社もハードルが高いから、「デザインしかやりません！」という人と、「デザインが得意ですがコーディングも勉強して形にしてきました！」という人では将来的な仕事の任せ方や、未知のことへ挑戦するポテンシャルの伝わり方もかなり違ってくると思います。

クマガイさん：
そうですね。デザイナーの立場だとしても「形が作れる」だけではダメで、自分の作ったものがそもそも実装できるのかというところの実装イメージも同時に考える必要があります。

だから今のWEBデザイナーには「めちゃくちゃすごいデザイン作ったけど、どう実装すれば良いかは知りません！」というスタンスでなく、マークアップ（※）含めコーディングも知っておくということが求められている時代だと思います。

クマガイさん：
入社後も実際にデザインの仕事をすることになったとき、Photoshopなどのデザインツールでできることがコーディングしていくときにどう作用するかなど、知っているか知っていないかでは大きな差になってくると考えています。

クマガイさん：
次に、HTMLが正しくマークアップされているか、品質チェックもしています。

極論、h1タグやsectionタグなどを使わず、divタグ、spanタグ、pタグだけでマークアップしてもCSSで見た目を整えれば見れるWEBサイトは作れてしまいます。
ただ、それではSEOの面では評価されないし、「Googleで検索したときの順位を上げたい」というお客様からの要望が来たときに応えられないことになってしまいます。

更に挙げるとウェブアクセシビリティ品質達成もこれからの制作では重要課題となっています。

だから、「新しい技術を幅広くやれます！」という人も、その気持ちはキープしたまま一度自分の書いたHTMLの構造をしっかり見直して、セマンティックなHTMLになっているかを考慮してみてほしいと考えています。

クマガイさん：
実際に表示されている情報だけでなく、ポートフォリオサイトのコードが正しくマークアップされているとコーディングチームからの評価は高くなります。

クマガイさん：
レスポンシブ対応も必須だと思って制作を進めた方が良いと思います。

これはAndHAの場合ですが、応募で送って頂いたポートフォリオサイトは、大きいディスプレイサイズ、小さいサイズ、各種スマートフォンやブラウザごとの違いなど、異なる環境で見たときにどういうふうに見え方が変わるのかというところもよくチェックしています。

どのサイズで見ても破綻しないように設計しようという意識が持てているかが大事なので。

そういう意味ではレスポンシブ対応は前提条件として抑えておく必要があるし、その一歩先として様々な環境で見たときの見え方まで意識して設計できる人が求められていると思っています。

クマガイさん：
そうですね。
他に見え方へのこだわりという点でいうと、ホバーアクションなどのあしらいがどう設定されているかも書類選考の時点でよく見るところですね。

ポートフォリオサイトは自分で企画・デザイン・コーディングまで行うから、その分「この人は裏側や細かな部分をどこまで作り込む人なのかな」というところは様々な角度から見ています。

クマガイさん：
最低限になるけれどもサイト公開にあたって以下の3項目はやっておきましょう！

1. WEBサーバーを用意
2. サイトのSSL化
3. サーバーへアップロードして各種ブラウザから閲覧できるようにする

クマガイさん：
WEB制作会社なのでもちろんWEBで見れる状態で用意いただけると私たちも評価しやすくなります。

上記以外だとポートフォリオのGitリポジトリを提出していただいたりすると実際の画面以外での努力値が見えてくるのでエンジニア目線としても更に評価も高まります。

クマガイさん：
最後に、これは少しポートフォリオサイトからは話題が逸れるところですが、日々アウトプットしている人は評価が高いです。
例えばTwitterやnoteなどで自分が制作する上で気づいたことや解決策をまとめている人などですね。

ポートフォリオサイトとなると自分が制作を終えたものを掲載することがほとんどのケースですからなかなかやっている人は少ないと思いますが、このアウトプットを継続してできている人は他の会社を目指す上でも「おっ」と思われる部分はあると思います。

クマガイさん：
私たちも「その人が今、何ができるか」はもちろん大事ですが、それと同じか、それ以上に「その人が今後、どう成長していけるか」を特に知りたいと思っています。

トライしていることのレベルやクオリティは別として、まずはぜひ積極的にアウトプットする習慣、これをつけてみると自分にとっても良い評価に繋がると思います。

クマガイさん：
こちらこそありがとうございました！

これからWEB業界を目指す人もぜひ数年後の自分をイメージして、目標を持った上でWEBの世界を進んでいっていただければと思います！