未経験からの転職ガイド

未経験からWebデザイナーへ|求人の見分け方と作品で伝えること

きれいな画像を作れることと、目的に沿ったWebサイトを作れることは別です。画面の見た目、情報の順序、操作まで説明できる作品を準備します。

先に知っておきたいこと

未経験Webデザイナーの応募では、制作する媒体と担当範囲を確認し、それに近いポートフォリオを用意します。デザインだけか、コーディングや更新まで含むかで必要な準備が変わります。

バナー、サイト、サービス画面のどれを作るか

Webデザイナーの求人には、広告のバナー、企業サイト、ECの商品ページ、Webサービスの画面などがあります。見た目を整える作業に加え、目的や利用者を整理し、情報の順序を決める仕事も含まれます。求人票で制作物の種類を読み、今の作品と近いかを確認します。

制作会社は複数の顧客、事業会社は自社の商品やサービスに関わる場合があり、依頼の受け方や修正の進め方が違います。どちらが簡単という選び方ではなく、同時に担当する案件、納期、社内でレビューする人、顧客とのやり取りの有無を比べてください。

表は横にスクロールできます

募集の内容準備する作品見られる部分
広告・販促目的を決めたバナーと掲載案情報の優先順位と伝え方
サイト制作スマホとPCの主要画面ページ構成・導線・余白
EC運用商品ページと更新手順情報の正確さ・更新のしやすさ
サービスUI操作の前後が分かる画面入力・エラー・遷移

作品の意図を、依頼から修正まで説明する

ポートフォリオには完成画像だけでなく、想定する依頼、対象者、掲載する情報、デザインを決めた理由を載せます。自主制作なら『架空の店舗を想定した自主制作』と書き、実際の受注や売上があったように見せません。共同制作の場合は自分の担当範囲を明確にします。

たとえば予約ページなら、利用者が料金、所要時間、空き状況をどの順番で確認するかを説明します。初稿から直した箇所は、単なる好みではなく、読みにくかった文字や迷いそうな操作などに結びつけます。確認を行っていない成果を『予約率が改善』と書かず、設計意図として表現してください。

ツールの操作と、Webで表示する知識をつなぐ

求人で指定されるデザインツールを使うだけでなく、画面サイズ、文字量、画像の比率が変わったときにどう表示されるかを考えます。HTML・CSSを使う募集では、画像を一枚貼るだけのページではなく、見出しや本文、リンクが操作できる形で作り、実際のブラウザで確認します。

デザイン専任の募集でも、実装担当に渡す情報は必要です。文字の大きさ、余白、色、ボタンの状態、スマホでの変更点を整理します。学習ツールの修了証だけでは、どこまで一人で作業できるか伝わりにくいため、制作物と作業手順で補ってください。

制作アシスタントと別職種への配属を区別する

最初の仕事として、画像の加工、既存ページの更新、簡単なバナー、デザインの修正などを担当する募集があります。応募時点で何ができればよいか、入社後に誰からレビューを受けるかを確認します。『未経験からデザイナーへ』という見出しだけでなく、雇用契約上の最初の業務を読んでください。

研修後の職種が未定である求人は、制作へ配属される条件、研修の費用や時間、別業務を行う期間を質問します。制作以外の仕事を経由する場合も、その仕事自体に納得できるかを判断します。作品を提出して確認してもらい、応募先が不足と考える点を具体的に聞くと準備を絞れます。

在宅勤務と制作環境も一緒に比較する

Webの仕事だから最初からフルリモートとは限りません。研修中の出社、打合せの頻度、データの受け渡し、PCやソフトの支給を確認します。自宅で用意する費用がある場合は、購入前に雇用条件と会社の負担範囲を確かめてください。業務委託の募集を正社員採用と混ぜないことも大切です。

納期前の修正がどのように決まるか、何回の確認を想定しているか、残業の扱いも尋ねます。デザインの評価を『センス』だけにせず、目的、情報の正確さ、使いやすさ、納期への対応として説明できる職場かを見ると、入社後の働き方を考えやすくなります。

提出前に、スマホと閲覧権限を確かめる

作品URLをスマホで開き、文字が読めるか、リンクを押せるか、画像が途中で切れていないかを確認します。閲覧許可が必要なままになっていないか、ログアウト状態でも見られるかも試します。採用担当が最初に見る作品を決め、制作意図の説明まで迷わず到達できる構成にしてください。

応募書類には前職での依頼の聞き取り、納期管理、修正対応などを、実際に行った範囲で書きます。デザイン実務と呼べない経験を無理に言い換える必要はありません。作品で制作能力、職務経歴書で仕事の進め方を伝えると、二つの資料の役割がはっきりします。

作品の見せ方の例:予約ページを作った場合

架空の美容室の予約ページなら、最初に来店者が知りたい料金、施術時間、場所をどこへ置いたか説明します。大きな写真を見せたことだけでなく、メニューを選び、空き時間を確かめ、申込みへ進む順番を示してください。スマホでは文字や入力欄が小さすぎないか、長いメニュー名でも崩れないかも試します。

完成画像の横に、最初の案と変更理由を一つ添えます。たとえば料金が見つけにくかったのでメニューの近くへ移した、といった具体的な判断です。利用者に試してもらっていないなら、効果は推測として扱います。応募先がデザインだけを募集していれば構成と見た目、実装も含むなら動くページとその担当を分けて見せます。

面談で作品を見せるなら、『この求人ではデザインと更新・コーディングを誰が分担していますか』『最初に任される制作物は何ですか』と聞けます。返答に合わせて、作品のどの部分が応募業務に近いかを説明してください。修正が必要と言われた場合は、何を直せば担当できる状態に近づくかを聞き、次の制作課題を一つ決めます。作品数を増やし続けるより、応募先の仕事との違いが分かる方が準備を進めやすくなります。

読んだあとに、ひとつ進める

まず、ここから始めましょう

求人に近い作品を一つ選び、目的・対象者・自分の担当・修正した理由を1ページにまとめます。

応募前の確認メモ

0 / 4 確認済み

確認できた項目にチェック。残った項目は、面談や面接で質問できます。

応募前に確認すること

募集ごとの条件を確認

気になる仕事の求人を探す

職種名などで公開求人を検索できます。未経験者が応募できる求人だけに絞った検索ではありません。必要な経験・資格・勤務地は、個別の求人票で確認してください。募集が見つからない場合もあります。

ハローワークで募集条件を調べる ↗

募集が見つからない場合は、地域や職種の条件を一つずつ変えるか、ハローワークでも確認できます。

求人を見ながら相談したい方へ

マーケティング・クリエイティブの相談先を比べる

広告を含みます。相談先ごとに、対象となる経験や扱う求人は異なります。下記は関連する比較テーマの掲載サービスです。このガイドの職種・地域の求人を、全社が紹介できるという意味ではありません。

  1. 01

    マスメディアン

    広告やクリエイティブ職に向けて、作品やポートフォリオの選考も支援します

    広告・制作などの経験者が中心

  2. 02

    マーキャリ NEXT CAREER

    事業会社のマーケティング職を、組織の目標や予算まで踏まえて紹介します

    マーケティング経験者向け

  3. 03

    Vookキャリア

    映像の現場経験がある担当者に、制作実績やポートフォリオを相談できます

    映像制作の実務経験者が中心

残り7社の相談先も見る
  1. 04

    クリーク・アンド・リバー社

    映像・Web・広告など、制作経験に合う仕事を相談できます

    求人ごとに必要な経験を確認

  2. 05

    Geekly

    エンジニアやクリエイターなど、IT・Web・ゲームの転職に対応します

    求人ごとに必要な経験を確認

  3. 06

    リクルートエージェント

    希望する仕事の求人を、業界を横断して相談できます

    未経験歓迎求人あり。求人ごとの条件を確認

  4. 07

    doda

    自分でも求人を探しながら、書類や面接を相談できます

    第二新卒・未経験歓迎求人あり。紹介は経歴による

  5. 08

    マイナビ転職AGENT

    応募先選びから選考準備まで担当者に相談できます

    求人ごとに必要な経験を確認

  6. 09

    ワークポート

    勤務地や職種を相談しながら、選考準備を進められます

    未経験の相談を受付。紹介職種は条件による

  7. 10

    パソナキャリア

    経験を活かせる職種や役職の求人を相談できます

    管理部門・専門職などの職務経験を確認

10社の支援内容を比較する

掲載順は編集部による選定です。掲載基準

よくある質問

スクールを卒業すれば応募できますか?

求人の応募条件を満たすか確認します。卒業だけで採用が決まるわけではないため、応募先の制作物に近い作品と、自分の担当を説明する資料を用意します。

デザイン経験がなくてもポートフォリオを作れますか?

自主制作として課題を決めて作れます。架空の案件であることを明記し、他者のデザインや素材の利用条件を守ってください。

参照した情報と編集について

仕事・制度の説明は以下の公開情報を参照しています。比較の視点や準備例は編集部の整理です。例文は実在する求職者の体験談ではありません。

編集部・編集方針を確認する →