Webデザイナーの面接で作品の制作時間を聞かれたら｜答え方の例｜採用担当の目線

2026/11/11転職・キャリア

木の作業机を真上から見た、デザインを映したノートPC・配色見本・ワイヤーフレームのラフ・砂時計・コーヒーが並ぶWebデザイナーの作業風景

ポートフォリオのサイトは、1か月くらいかけてやっと作りました。面接で「どれくらいで作った？」と聞かれたら、遅いと思われないかな…。

バナー1枚に何時間かかったかなんて、正確に覚えていない。適当に答えてもいいのかな。

時間が長いか短いかより、どの工程にどれくらいかかったかを分けて話せるかが大事です。それが分かると、入社後の仕事の任せ方も考えやすくなるんですよ。

ポートフォリオの作品について、面接で「これはどれくらいの時間で作りましたか」と聞かれることがあります。未経験のうちは制作に時間がかかるのが普通なので、正直に答えていいのか迷う人も多いはずです。

私はWebデザイナーとして10年以上働き、採用に携わってきた5年のあいだに、Webデザイナー志望者の選考にも関わってきました。この記事で答えるのは、「面接で作品の制作時間を聞かれたとき、未経験の志望者はどう答えればいいか」という問いです。

※ここで書いているのは、私が事業会社で採用に関わっていた範囲での見方と、一般的な考え方です。選考の進め方や評価のしかたは会社によって違います。

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

タップできる目次

1. 結論：工程ごとの時間を、正直に分けて話す
2. 採用する側が、この質問で見ていること
3. 答え方の例
4. こんな場合はどうする？場面別の答え方
5. やりがちな答え方と、直し方
6. 面接の前に準備しておくこと
7. よくある質問
8. まとめ：時間の長さより、どこに使ったかを話す
- 8.1. 関連記事

結論：工程ごとの時間を、正直に分けて話す

📝 答え方の基本

① 合計の時間を正直に伝える：「全体で約〇時間（〇日）です」
② 工程ごとに分ける：構成・デザイン・コーディング・修正
③ 時間がかかった工程と、その理由を話す：「配色に一番時間を使いました」
④ 次に作るなら、どう短くするかを添える：「次はパーツを使い回して短くしたい」

採用する側がこの質問で知りたいのは、速さそのものより、自分の作業を振り返れるかどうかです。実務では、作業の見積もりを出したり、締め切りから逆算して進めたりする場面がよくあります。自分の作業時間を分けて話せる人は、その感覚を持ちやすいと考えられます。

採用する側が、この質問で見ていること

作業を工程に分けて考えられるか

実務では、工程ごとに予定を立てて進めることが多い

時間の使い方の振り返り

どこに時間がかかったかを分かっていれば、伸ばすところが見える

正直さ

あとで実務の速さとかけ離れていると、任せ方を見誤ってしまう

作品にかけた思い入れ

時間をかけた部分の話から、こだわりが伝わる

未経験の人に、経験者と同じ速さを求めることはまずありません。時間がかかっていても、その理由と、次にどうするかを話せれば、むしろ伸びしろとして受け取られます。また、時間の話から「この工程が好きなんだな」「ここは苦手そうだな」と、得意なことや向いている仕事が見えてくることもあります。

制作時間を聞く質問は、入社後に最初の仕事をどれくらいの量で頼むかを考える材料でもあります。少なめに言うより、正直に言ってもらえるほうが、お互いに無理のない始め方ができますよ。

📌 関連記事：面接にポートフォリオは何で持っていく？PC・タブレット・紙・オンラインの見せ方｜採用担当の目線 — 面接でのポートフォリオの見せ方

答え方の例

まずは、Webサイトとバナーの制作時間を聞かれたときの例です。

架空のカフェのサイト（5ページ）

「全体で40時間ほどです。構成とワイヤーフレームに8時間、デザインに20時間、コーディングに10時間、見直しに2時間くらいでした。一番時間がかかったのはトップページの写真の配置で、3案作って比べました」

バナー1枚

「1枚あたり2〜3時間です。最初の10枚は5時間ほどかかっていましたが、文字の大きさの決め方を自分の中で決めてからは、半分くらいの時間で作れるようになりました」

次は、正確な時間を覚えていないときと、スクールの課題で作ったときの例です。

正確な時間を覚えていない

「正確には測っていませんでしたが、平日の夜に2時間ずつ、2週間ほどかけて作りました。デザインを決めるまでに、その半分くらいを使ったと思います」

スクールの課題で作った

「課題の期間は3週間で、実際に手を動かしたのは30時間ほどです。講師のフィードバックを受けて2回作り直したので、その修正に10時間ほど使いました」

※答え方の例です。時間や作品は、ご自身の実際の内容に置き換えてください。

どの例も、合計だけでなく、どこに時間を使ったかを話しているのがポイントです。正確な数字が分からなくても、おおよその配分を話せれば十分です。

📌 関連記事：ポートフォリオの作品数は何点必要？未経験Webデザイナーの目安と選び方｜採用担当の目線 — ポートフォリオの作品数の目安

こんな場合はどうする？場面別の答え方

「時間がかかりすぎでは」と言われた

認めたうえで、時間がかかった理由と、速くするために今していることを話す

「実務だと半分の時間でお願いすることになる」と言われた

「どの工程を短くできるか考えながら進めたい」と答え、使い回せる部品づくりなどの工夫を話す

AIや素材を使った部分がある

使った部分と自分で作った部分を分けて話し、それぞれの時間を伝える

何度も作り直した作品

作り直した回数と理由を話す。作り直しから学んだことが伝われば、時間の長さは問題になりにくい

いくつかの作品を並行して作った

作品ごとの時間は分からなくても、全体の期間と、一つにかけたおおよその時間を伝える

時間について厳しいことを言われても、それは入社後の仕事の進め方を想像しているからです。慌てずに、速くするための工夫を話せれば十分です。

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

やりがちな答え方と、直し方

速く見せようとして、時間を短めに言う

正直な時間を伝え、そのかわりに工程の配分と工夫を話す

「覚えていません」で終わる

おおよその期間と、1日に使った時間から、だいたいの合計を伝える

合計の時間だけを言う

構成・デザイン・コーディングなど、工程ごとに分けて話す

時間がかかったことを謝る

時間をかけた理由と、そこから学んだことを話す

面接の前に準備しておくこと

作品ごとに時間を書き出す

合計と、工程ごとのおおよその時間をメモしておく

一番時間がかかった工程を決める

その理由と、次に作るならどうするかを一文にしておく

次の作品から時間を記録する

作業のはじめと終わりの時刻をメモするだけで、次の面接で話せることが増える

速くするための工夫を一つ挙げる

よく使うパーツを残しておくなど、すでに試している工夫を話せるようにする

作業の進め方や作品づくりを一人で整えるのが難しいと感じたら、就職・転職のサポートがあるスクールで、作品の見せ方や面接の練習まで相談するのも一つの方法です。

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

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