Webデザイナーを目指すには｜他の職種からのキャリアチェンジ

他の職種からWebデザイナーを目指すことはできます。ただ、フリーランスの案件でいきなり任されるのは、目的に沿って画面を作り、実装の担当者が迷わないデータを渡せる人です。デザインの見た目の練習だけでなく、Webならではの画面幅への対応や修正の進め方まで経験してから案件に臨むのが現実的です。

近いのは、グラフィック・DTPのデザイナー、コーダーやフロントエンドエンジニア、Webディレクターや広告運用の担当者、事業会社でサイトや販促物を担ってきた人です。この記事では、出発点ごとに生かせる経験と足りない部分、埋める順番、面談で確かめられやすいことを整理します。独立の手順そのものはWebデザイナーがフリーランスになるにはで扱っています。

Webデザイナーに求められることを先に押さえる

出発点を考える前に、案件で何が見られるかを押さえておきます。詳しくはWebデザイナーに求められるスキルで整理していますが、要点は次の4つです。

見た目を作る力はもちろん要りますが、フリーランスの案件では、後の3つが欠けていると任せにくいと判断されやすくなります。

出発点ごとの生かせる経験と足りない部分

グラフィック・DTPデザイナーから目指す

配色や文字組み、レイアウトの基礎はそのまま生きます。ブランドの表現を守りながら作った経験は、企業サイトの制作で評価されやすい部分です。

足りなくなりやすいのは、紙と違って画面の幅が一つに決まらないことへの対応です。画面幅ごとにどう組み替えるか、ボタンや入力欄の状態をどう作り分けるか、実装の担当者にどう渡すかを、実際のWebの制作で一度通して経験しておく必要があります。

コーダー・フロントエンドエンジニアから目指す

実装の仕組みを知っていることは大きな強みです。組めるデザインかどうかを自分で判断でき、実装の担当者との食い違いが起きにくくなります。

足りなくなりやすいのは、なぜその見た目にしたのかを説明する力です。余白や色、文字の大きさを目的と結び付けて説明する練習が必要です。実装寄りの役割を続けたい場合は、WordPressエンジニアを目指すにはも参考になります。

Webディレクター・広告運用から目指す

目的の聞き取り、確認者のとりまとめ、公開後の数字を見た改善は、Webデザイナーの案件でもそのまま評価されます。どこを直せば数字が動くかの勘所を持っている点は、LPや広告バナーの案件で強みになります。

足りなくなりやすいのは、デザインデータを自分の手で作り切る実務です。指示を出す側から作る側に回るため、ツールの扱いと、細部まで仕上げる経験を積む期間が要ります。進行の役割に強みを残したい場合は、Webディレクターを目指すにはも比べてみてください。

事業会社の広報・販促担当から目指す

自社の顧客の理解、社内の確認の流れ、原稿づくりの経験は、事業会社の社内チームを支援する案件で生きます。発注側の事情が分かることは、確認者の多い案件で意見をまとめるときの助けになります。

足りなくなりやすいのは、制作の実務全般と、外部の立場での進め方です。まずは社内でサイトの更新やバナー制作を自分で担当させてもらい、制作会社とのやりとりの中で進め方を学ぶのが近道です。

足りない部分を埋める順番

足りない部分は、次の順で埋めていくと無理がありません。

1. ツールと画面幅への対応を身につける：共有のデザインデータで部品を作り、画面幅ごとの見え方を作り分ける練習をします
2. 実装の仕組みを知る：自分で組まなくても、画面がどう作られるかを知っておくと、組めるデザインを渡せるようになります
3. 一つの媒体を通して作る：企業サイトやLPを、目的の確認から公開まで通して担う経験を一つつくります。今の職場で担当させてもらうのが近道です
4. 公開後の改善に関わる：公開したページを数字や問い合わせを見て直す経験を加えると、説明できる実績になります
5. 見せられる作品と説明を用意する：作品には、目的、自分の役割、判断した点を添えます

練習で作った作品も、目的と判断の説明があれば実力を示す材料になります。ただ、フリーランスの案件では実務の経験を見られることが多いため、練習作品だけで最初の案件を探すのは難しい場合があります。会社員として、または制作会社で実務を積んでから独立する人が多い職種です。作品の見せ方はポートフォリオやGitHubは必要かで解説しています。

面談で確かめられやすいこと

他の職種から来た人の面談では、次の点を確かめられることが多くあります。

• Webの制作をどこまで実務で担ったか：見た目だけか、画面幅への対応や実装への受け渡しまでか
• 修正の指示をどう受けて直したか：指示どおりに直しただけか、目的に照らして代わりの案を出したか
• 前の職種の経験をどう生かすか：デザインの判断や進め方にどう結び付いているか
• 使えるツールと作り方：共有のデータで部品を使い回す作り方に慣れているか

スキルシートでは、前の職種の経歴を長く書くより、Webの制作に関わった部分を案件ごとに厚く書くほうが伝わります。書き方はWebデザイナーのスキルシートの記事をご覧ください。

年代によって選びやすいルート

20代〜30代前半は、制作会社や事業会社のデザイナーとして実務を積み、一つの媒体を通して担える状態になってから独立するルートが取りやすい年代です。職種を変える期間に、基礎から学び直す時間を取りやすいのも利点です。

30代後半〜40代は、前の職種の経験をそのまま生かせる案件の型を選ぶのが現実的です。ディレクターや広告運用の経験があれば改善の案件、広報や販促の経験があれば事業会社の社内チームの支援、といった入り方です。

50代以降で職種を変える場合は、デザインの制作そのものより、前の職種の専門性に近い役割から入るほうが、案件で評価されやすい傾向があります。年代ごとの役割はWebデザイナーは40代・50代でも働けるかで整理しています。職種を変えるときの全体の考え方は職種転換の記事もご覧ください。

よくある質問

Webデザインの実務経験がなくても、フリーランスの案件に応募できますか？

練習作品だけで応募できる案件は限られます。フリーランスの案件では、目的に沿って作り切った実務の経験を見られることが多いためです。まずは会社員や制作会社のスタッフとして実務を積み、一つの媒体を通して担った経験を持ってから応募するほうが、選べる案件は広がります。

コーディングまで覚えたほうがよいですか？

自分で組む案件ばかりではありませんが、実装の仕組みを知っておくと、組めるデザインを渡せるようになり、手戻りが減ります。コーディングも担える場合は、小規模なサイトを一人で任される案件など、入れる案件の幅が広がることがあります。

WebデザイナーとUI/UXデザイナーのどちらを目指すか迷っています。

見た目と伝え方で成果を出したいならWebデザイナー、利用者の調査や操作の流れの設計に関わりたいならUI/UXデザイナーが近い選択です。両方にまたがる案件もあるため、まずは自分の経験に近い方から入り、もう一方を広げていく人もいます。UI/UXの側はUI/UXデザイナーを目指すにはをご覧ください。