Webデザイナーの選考のデザイン課題とは？よくある形と準備・説明の書き方｜採用担当の目線

2026/10/30転職・キャリア

スクールの個別ブースで、女性がタイマーを横に置き、ラフの紙を見ながらノートパソコンでバナーを作っている

応募した会社から「選考の途中でデザインの課題があります」と言われた…。何を作らされるんだろう。

時間内に仕上げられるか心配。どこまで作り込めば合格なのかも分からない。

課題の出し方は会社ごとに違いますが、作品と同じく「なぜそう作ったか」を説明できるかが大事です。完成度だけで勝負しようとしないこと。そこを押さえておけば、準備の方向は見えてきます。

Webデザイナーの選考では、書類と面接のほかに、デザインの課題（実技の課題）が出されることがあります。案内を受けて、何を作るのか、どこまで仕上げればいいのか、不安になる人も多いと思います。

私はWebデザイナーとして10年以上働き、採用に携わってきた5年のあいだに、Webデザイナー志望者の面接も担当しています。この記事で答えるのは、「選考のデザイン課題は何が出て、どう準備すればいいか」という問いです。

※課題を出すかどうか、どんな課題にするかは会社ごとに大きく違います。ここでは一般的によくある形と、私が作品を見るときに大事にしていた点から、準備の考え方を整理します。案内に書かれた条件があれば、そちらを優先してください。

※料金・制度などは、特に断りがない限り2026年10月時点の公式サイトなどの情報です。

タップできる目次

1. 結論：課題でも、見られるのは「考えて作ったか」
2. よくあるデザイン課題の形
3. 課題の進め方：考える時間を先に取る
4. 説明文の書き方の例
5. 課題の前にやっておくと楽になる準備
6. よくある質問
7. まとめ：課題も、作品と同じように「理由」を添えて出す
- 7.1. 関連記事

結論：課題でも、見られるのは「考えて作ったか」

📝 デザイン課題で押さえること

条件を正確に守る：サイズ、提出形式、期限、使うツールなど、案内に書かれた条件を最初に確かめる
誰に向けたかを決めてから作る：課題の文章から、見る人と目的を自分の言葉で書き出す
説明を添える：なぜこの配置・色・文字にしたかを、短い文章で一緒に出す
時間配分を決める：考える時間と仕上げる時間を分けて、最後に見直す時間を残す

私が作品を見るときに大事にしていたのは、見た目の完成度より、「誰に向けて、なぜこう作ったか」を自分の言葉で話せるかでした。課題でも、限られた時間で何を考えて、どう判断したかが伝わる出し方を目指すのが近道です。

よくあるデザイン課題の形

課題の形	内容の例	気をつけること
持ち帰り課題	数日の期限で、バナーやWebページのデザインを作って提出する	作り込みすぎて期限ぎりぎりにならないよう、使う時間を自分で決める
その場で作る課題	面接の日に、決まった時間内でバナーなどを作る	使うツールや素材が用意されているかを、事前に確かめておく
既存ページの改善	応募先や架空のサイトのページを見て、改善案を作る	「なぜ直すのか」の理由が中心。見た目を変えるだけで終わらせない
ワイヤーフレーム	ページの構成を、色を付けない線画で考える	情報の順番と、ユーザーが迷わないかを説明できるようにする

どの形でも、案内には条件が書かれています。条件を守れているかは、最初に見られやすいところです。サイズやファイル形式の間違いは、中身を見てもらう前に印象を下げてしまうので、提出前にもう一度確かめましょう。

課題の進め方：考える時間を先に取る

時間のある持ち帰り課題でも、その場で作る課題でも、いきなり手を動かすより、最初に考える時間を取るほうが仕上がりがぶれません。

📝 課題を進める順番

案内の条件（サイズ・形式・期限・ツール）を書き出す
誰に向けて、何をしてほしいページ（バナー）なのかを1行で書く
一番伝えたいことを1つに決め、情報の優先順位をつける
ラフを2〜3案作り、目的に合う1案を選ぶ
仕上げたあと、条件と説明文を見直して提出する

ラフを複数作って1つを選ぶと、「なぜこの案にしたのか」をそのまま説明に使えます。選ばなかった案と、選ばなかった理由も、説明の材料になります。

説明文は長くなくて大丈夫です。「誰に向けて」「何を一番伝えたいか」「そのためにどうしたか」の3つが書けていれば、考えた跡は伝わります。

📌 関連記事：Webデザイナーの面接で採用担当が必ず聞く5つの質問｜その狙いと答え方 — 「そのデザインにした理由」を聞かれたときの答え方

説明文の書き方の例

提出するときは、デザインと一緒に短い説明を添えると、見る側が意図を読み取りやすくなります。たとえば、架空のカフェの新メニューのバナーなら、次のように書けます。

📝 説明文の例

想定した人：仕事帰りに立ち寄る20〜30代の会社員
一番伝えたいこと：期間限定の新メニューがあること
工夫したこと：メニューの写真を大きく置き、期間と価格を右下にまとめて、一目で分かるようにした
迷ったところ：落ち着いた雰囲気と目立たせることの両立。色を2色に絞って解決した

うまくいかなかった点や迷った点を正直に書いても、マイナスにはなりにくいと考えています。迷ったことと、どう判断したかが書かれていると、面接で話を広げやすくなります。

課題の前にやっておくと楽になる準備

課題の内容は事前に分からないことが多いですが、準備できることはあります。

📝 前もってできる準備

使うツール（FigmaやPhotoshopなど）で、バナー1枚を決めた時間内に作る練習をしておく
自分のポートフォリオの作品について、「誰に向けて、なぜこう作ったか」を説明できるようにしておく
応募先のサイトやサービスを見て、誰に向けたものかを自分の言葉でまとめておく
AIツールの使用について条件があるかを、案内で確かめておく

普段から作品ごとに説明を書く練習をしておくと、課題でも同じ考え方で進められます。課題のための特別な準備より、いつもの作り方を整えておくことが、いちばんの対策になります。

📌 関連記事：AIで作ったポートフォリオは選考でバレる？採用担当が「どこまでOKか」を正直に解説 — 選考の作品にAIをどこまで使っていいか

📌 関連記事：Figmaの使い方超入門｜未経験Webデザイナーが最初にやること【無料で始める】 — 課題でよく使われるFigmaを、これから触る人へ

時間内に作る練習や、説明の書き方を、一人で身につけるのは大変なこともあります。添削や模擬面接まで受けたいときは、就職・転職のサポートがあるスクールを使うのも一つの方法です。

学びながら、課題や面接の準備まで相談したい人には、Winスクールという選択肢があります。受講生・卒業生向けの就職・転職サポートとして、提携する転職サービスのキャリアアドバイザーによる履歴書・職務経歴書の添削や、模擬面接のアドバイスが用意されています。無料カウンセリングは来校かオンラインで、所要時間は約1時間です。

※出典：Winスクール公式サイト「就職・転職サポート」「無料カウンセリング・受講相談のご案内」