今回は、CodeCampのWebサイト制作コースを受講し、グラフィックデザイナーからWebデザイナーへの転身を見事に成功させたN様にインタビューを実施しました。4年間のグラフィックデザイン経験を活かしながら、新たなキャリアを切り開いた実体験を詳しくお伺いしました。
Nさんが受講した個人・社会人向けプログラミングコース
-
Webサイト制作コース
スピーカー
キャリア転換の背景
ーまず、これまでの経歴について教えてください。
Nさん：今回コードキャンプを受講したN さん：（以下、Nさん）新卒でインハウスデザイナーとしてデザイン業界に入り、その後制作会社でグラフィックデザイナーとして4年ほど従事してきました。
主に印刷物のデザインが中心でしたが、制作会社ではグラフィックとWeb、どちらも手がけていました。デザインカンプなどは作成せず、打ち合わせで決まった内容をデザインに起こすのがメインの業務でした。
ーグラフィックデザイナーからWebデザイナーに転身しようと思ったきっかけは何でしょうか？
Nさん：これからの時代の流れを感じ、Webデザイナーの求人や需要の大きさを実感したことが大きな理由です。また、Web上でのデザインや見せ方にも興味が湧き、デザインの幅を広げるためにもWebの分野に挑戦したいと思いました。
ーグラフィックデザインでの経験は、今回の転身にどのような影響を与えましたか？
Nさん：私自身、学生時代は美術を専攻し、日々作品作りに励んでいました。美術作品（アート）は自己表現が目的になることが多いのかなと思います。
しかし商業デザインの場合は、お客様ありきだと思っています。お客様が求めるものを形にするということを軸に考えて、その中でも見せ方など、プラスこちらから提案できたらいいなと思います。 アートではなく、ツールであると認識し、常にお客様の満足を軸に置いています。
1社目では一人で作業することが多く、教えて頂きながらではありましたが、デザイン自体は自分で勉強する部分が多かったです。
制作会社に入ってから周りにデザイナーがたくさんいらっしゃったので、『良いデザインとは何か、悪いデザインとは何か』を見極める目を養うことができました。
2年、3年と経験を積むうちに、デザインを見る目が養われてきて、『こういう工夫をしたら面白いのではないか』といった応用ができるようになってきたと思います。
社会人・個人向けスキルアッププログラミングスクール
プログラミングやWebデザインに挑戦したい方や、新たなプログラミング言語を学びたい方は無料カウンセリングを受けてみよう！
CodeCamp選択の理由と学習体験
ー独学での学習経験はありましたか？
Nさん：1社目で一緒に働いていた方がWeb経験がある方で、その方に教えてもらったのがきっかけでした。そこから自主学習で他社のカリキュラム等もやりはじめましたが、一人でコツコツとやるタイプだったこともあって、当初の課題まではできたものの、合格という形まで持っていけませんでした。
独学でわからないところをチャットで質問するとなると、自分で問題を整理しないといけなくなって、モチベーションが低下してしまいました。
ー数あるスクールの中からCodeCampを選んだ決め手は何でしたか？
社会人・個人向けコードキャンプより
Nさん：いろいろ検討した結果、6つのポイントでCodeCampを選びました。まず自分の作業環境であるMacで学習できることです。
当初は対面式のサービスも検討しました。現地に赴き、学ぶサービスの方が続くかと思って探していたのですが、仕事をしながら通学するのは現実的ではないと判断しました。
次に、WordPressとプログラミングをそのコースの中で全部学べるという包括的なカリキュラムが魅力的でした。また、先生がついていて実際に話しながらできるということが、学習において非常にモチベーションになると感じました。
コードキャンプのWebサイト制作コースより
価格も納得できる価格でしたし、授業回数も多く、わからない時にすぐ予約できる点が良かったです。
他社との比較では、価格と充実度のバランスが非常に良かったというのが決め手でした。チャットサポートがないことは少し心配でしたが、豊富なレッスン回数でカバーできると判断しました。
ー受講前に懸念していた点とその解決方法を教えてください。
Nさん：国からの補助金制度があり、修了すれば還元があることも大きなモチベーションになりました。
また、オンラインでも講師の方と対面で話せることで『一人じゃない』という感覚を持てたのが良かったです。
『次に分からないことがあったら質問したい』『この先生に聞きたい』といったように、人と話すことでモチベーションを維持できました。
ー学習途中で困難はありましたか？
Nさん：印象と違ったという点は特になかったのですが、途中でプログラミングの難しい分野に入った時につまずくことが多くなってしまいました。
レッスンを受ける必要があると思ったのですが、仕事が忙しくなってレッスンを受ける時間が取れなくなり、学習から離れてしまった期間がありました。
ーそれでも最後まで続けられた理由は何でしょうか？
Nさん：正直に言うと、自分に合った教え方をしてくださる先生と出会えたことが大きかったです。
その先生に継続してお願いすることで、分野ごとに一貫した指導を受けることができました。『この分野はこの先生』という形で、講師を分散させずに統一することを心がけました。
ー学習スケジュールはどのように管理されていましたか？
Nさん：リモートワークが多かったこともあり、当初は仕事終わりの夜に学習していました。しかし疲れてくると集中できないため、途中から朝の時間を活用するようになりました。
夜に学習して分からない点をメモしておき、朝の仕事前にオンラインレッスンで質問して解決してから仕事に取り組むというサイクルを作りました。頭がクリアな朝の時間を活用し、気になったことはすぐメモすることを心がけていました。
私は短期集中型なので、やる時は毎日のようにレッスンを受けていましたが、やらない週は全くやらない、という波がありました。一日最高一回程度のペースでした。
社会人・個人向けスキルアッププログラミングスクール
プログラミングやWebデザインに挑戦したい方や、新たなプログラミング言語を学びたい方は無料カウンセリングを受けてみよう！
ー講師とのやり取りで印象に残っているエピソードはありますか？
Nさん：WordPressに入った時に、Web構造についての理解が全然できていなかったことに気づきました。
WordPressのテーマを作ってくださいと言われた時に本当にわからなくて困っていたところ、講師の先生が根本的なところから丁寧に説明してくださいました。
『PHPがどのような仕組みで動いているのか』『これがどうなっているのか』といった基本構造を理解できて、Webの仕組み全体がやっと見えてきた気がしました。
カリキュラムでは『PHPを勉強しましょう』『JavaScriptを勉強しましょう』と部品ごとに学習するのですが、全体的にどういう構造になっているのかということが理解できていませんでした。講師の方に教えてもらって『こういうことか！』とすっと理解でき、点と点が結びついた瞬間でした。
この時に感じたのは、AIチャットボットなどのサービスに質問すれば回答はもらえるものの、私がなぜこの課題でつまずいているのか、何が本質的に理解できていないのかという根本的な問題に気づくのは、まだAIは苦手な場合があるということです。
講師の方は、私の質問内容から『Web構造全体が理解できていないから、この部分で躓いているんだな』ということを察知して、そこから根本的に教えてくださいました。この人間ならではの洞察力と指導力が、非常にありがたかったです。
Nさんがコードキャンプを選定した戦略的理由
Nさんがコードキャンプを選んだ理由は非常に具体的で戦略的でした。
1. 環境面での自由度
*Windowsでも学中は可能です
2. オンライン完結の利便性
3. 目的にマッチした包括的なカリキュラムを選定
4. オンラインで実施できる対面レッスンの価値
5. 適正な価格設定
6. 豊富なレッスン回数
スキル習得と転職活動
ーコース修了時点でのスキル習得の実感を教えてください。
Nさん：実際に自分でWordPressのトップページを作ってみることで、明らかにWebの知識が変わったと感じました。
今まではデザイン面だけを作っていましたが、『このコーディングをするから、こうやったら大変だろうな』といったプログラミング的思考でデザインを考えるようになりました。これは非常に大きな変化でした。
ー特に難しかった言語はありましたか？
Nさん：JavaScriptとPHPが難しかったです。PHPについては書けるかと言われたらまだ書けないレベルですが、なんとなく理解できるようになりました。
自分のキャリアとしてはWebデザイナーを軸に持っておきたいと思っていて、その中でプログラミングもできるようになっていきたいと考えています。
ーオンラインスクールのメリットを実感したところは？
Nさん：オンラインで完結するところが非常に良く、オンラインでも孤独にならないという点が素晴らしかったです。カリキュラムを通じてゴールが明確だったので、その点も大きなメリットだと思います。
ーポートフォリオ制作ではどのような工夫をされましたか？
Nさん：Webに転身したいという思いがあったので、ポートフォリオではWebデザインの部分を重点的に、ページ数も多めにして制作しました。
苦労したのは見せ方で、Web上のサイトを紙面で見せてもあまり伝わらないことがありました。そこで、モックアップを使って全体が見やすく、綺麗に見えるように工夫し、まずはインパクトを与えてから、次に細かい全体図を見せるという構成にしました。
CodeCampの最終課題で作ったWordPressのコーディング部品を活かしつつ、自分でデザインを一から組み直しました。
例えば英語教室の最終課題では、それを自分なりのデザインにアレンジしました。『ここのコーディングを変えて、この見せ方を全部変えてみよう』という形で、CodeCampの教材を軸としながらも、自分のオリジナリティを加えた作品を制作しました。
また、これまでの実務経験で作ってきたものや、個人的に受けた仕事の成果物も含めて、『こんな幅のデザインができます』ということをアピールできるよう、いろいろなデザインテイストの作品を盛り込みました。
ポートフォリオ作成のサポートはレッスン数の関係で基本的に自分で行いましたが、最終的に『Webデザイナーとしてのポートフォリオとして良いか』を確認したくて、追加でレッスンを購入して見てもらい、自信をつけることができました。
社会人・個人向けスキルアッププログラミングスクール
プログラミングやWebデザインに挑戦したい方や、新たなプログラミング言語を学びたい方は無料カウンセリングを受けてみよう！
ー転職活動はどのような条件で進められましたか？
Nさん：基本的な条件は諸々ありましたが、Webデザインの仕事に携われることが第一条件でした。
また、他にもデザイナーがいる会社であることも重要視しました。グラフィックデザイナーとして再び入社してしまうと同じことの繰り返しになるため、Webデザインができるという点は譲れませんでした。
ー応募社数と転職活動で心がけたことを教えてください。
Nさん：10社以上に応募しました。不採用となることも多々ありました。そんな中でも私が転職活動で心がけていたことは、自分の直感を大切にすることでした。
どこかミスマッチを感じるようであれば、焦って決めるのではなく辞退して、もう一度一から探し直すことにしていました。焦らずに自分も本当にいいと思える会社に入ろうと考えていました。
もちろん、私自身のことをしっかり理解してもらう必要があったので、ポートフォリオには力を入れました。
これまでに担当したグラフィックデザインやWebデザイン、そしてCodeCampの最終課題であるWebサイト制作を私なりにアレンジしたものなどを含めて、27ページのポートフォリオにまとめました。
この時、CodeCampの講師の方にポートフォリオをチェックしてもらい、とても嬉しいお言葉をいただけたことが心強かったです。 まだ自信がなかった私にとって、講師の方からの評価は大きな支えになりました。
ー最終的にはどのような会社に入社されましたか？
Nさん：今回2社から内定をいただき、どちらも素晴らしい会社でした。
最終的に入社した会社は、EC事業等を行っている会社です。社内には同年代の方が多く、打ち解けやすい環境で、入社してまだ1週間程ですが、面接で感じた印象と変わらず、良い会社だと感じています。
ー内定の決め手は何だったのでしょうか？
Nさん：お客様を第一に考えてデザインを行っているという考え方や姿勢、また、グラフィックデザインの豊富な経験がWebデザインの分野でも強みとなり、その点をご評価頂けたと伺いました。
今後のキャリアビジョンとメッセージ
ー今後どのようなキャリアを歩みたいですか？
Nさん：Webデザイナーとして知識をつけて活躍していきたいと思います。また、個人プレイヤーでいるだけでなく、将来的にはマネージャーとして他のデザイナーのデザインを見て、良い点や改善点を言語化できるような立場になりたいと考えています。個人プレイヤーだけではできない、管理や指導ができる立場を目指したいです。
直近では、実務的に自分で作ったデザインをコーディングしていく経験を積みたいと思っています。
グラフィックデザインは作って終わりが多かったですが、Webでは『どのように見られたのか』といった分析も含めて、長期的な目でデザインを見ていけるようになりたいです。
ーこれからIT業界を目指す方にアドバイスをお願いします。
Nさん：現在のデザイン業界はAIの発達により、誰でも始めやすい分野になっている一方で、競争率も非常に上がっています。その中で、どれだけ自分のスキルを上げ、幅を広げていけるかが今後の実力につながると思います。
私自身もグラフィック一本では選択肢が狭くなると感じ、プログラミングもできるようになって2本の武器を持とうと考えました。できることや武器を増やしていくことが重要だと思います。
これまで全く違う分野で経験を重ねられて、転身される方なら、逆に私が知らない専門知識をたくさんお持ちだと思います。
『こういうのがお客さんに刺さる』といった、私では分からない視点もあるでしょう。そういう既存のスキルを活かしながらITに進めば、非常に強い武器になると思います。なので興味があるなら計画を練って、挑戦してみて欲しいと思います。
ーCodeCamp検討者の方にメッセージをお願いします。
Nさん：グラフィックデザインをやっていてWebデザイナーに移行したい方、フリーランスで全部できるようになりたい方、仕事をしながらで時間が取れない方にとって、オンラインでも孤独にならずに学習できる良い環境だと思います。
今の時代だと学習できるコンテンツはたくさんありますが、やはり続きません。質問が出た瞬間に聞けて、相談ができる環境が大事だと感じています。
▼Nさんが受講したコードキャンプで学べる個人・社会人向けプログラミングコース
Nさんの受講インタビューを終えて
1. 明確な市場分析と戦略的判断
2. 学習方法の最適化
3. 既存スキルとの相乗効果
4. 戦略的なポートフォリオ制作
5. 現実的で継続可能なキャリアプラン
同じような転身を考えている方にとって、Nさんの体験は非常に参考になる事例ではないでしょうか。CodeCampではNさん様のような転身を目指す方を全力でサポートしています。
＜個人・社会人向け＞
プログラミングスクール
https://codecamp.jp/
社会人・個人向けスキルアッププログラミングスクール
プログラミングやWebデザインに挑戦したい方や、新たなプログラミング言語を学びたい方は無料カウンセリングを受けてみよう！
