ポートフォリオに制作過程は載せる？ワイヤーフレーム・ラフの見せ方｜採用担当の目線

ポートフォリオに、完成したデザインだけを並べている。ラフやワイヤーフレームも載せたほうがいいって聞くけど、本当？

途中の画面を見せると、かえって未熟に見えないか心配。どこまで見せればいいんだろう。

全部を見せる必要はありません。でも、「なぜこのデザインにしたか」が伝わる途中の1枚は、完成画面と同じくらい役に立ちます。

ポートフォリオの作り方を調べていると、「制作過程も載せよう」という話をよく見かけます。とはいえ、ラフやワイヤーフレームはあくまで途中のもの。完成していないものを見せていいのか、迷う人も多いと思います。

私はWebデザイナーとして10年以上働き、採用に携わってきた5年のあいだに、Webデザイナー志望者のポートフォリオも見てきました。この記事で答えるのは、「未経験のWebデザイナー志望者は、ポートフォリオに制作過程をどこまで載せればいいか」という問いです。

※ここで書いているのは、私が事業会社で採用に関わっていた範囲での見方と、一般的な考え方です。応募先によって見るところは違うので、募集要項に指定があればそれに合わせてください。

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

タップできる目次

結論：途中の全部ではなく「考えた跡」が分かる部分だけ載せる

📝 制作過程の載せ方（1作品あたり）

制作過程は、作品の「理由」を見せるための材料です。きれいに作った途中画面を並べることが目的ではないので、判断の分かれ目になった部分だけを選べば十分です。

私が面接で評価していたのは、作品のクオリティより、どう考えて作ったかという思考プロセスでした。完成度の高い作品があっても、「スクールの課題です」「どう工夫したかは特に…」で終わってしまうと、判断の材料が残りません。

反対に、参考にしたサイトを挙げて「ボタンの位置をこう工夫しました」と話せた人は、印象に残っています。制作過程をポートフォリオに少し載せておくと、この「どう考えたか」が、面接の前から伝わります。

面接では「この作品で工夫した点は？」とよく聞きます。ポートフォリオに途中の判断が書いてあると、そこから質問を始められるので、話がぐっと具体的になるんです。

📌 関連記事：Webデザイナーの面接でよく聞かれる質問と回答例｜採用担当が見ているところ — 作品について面接で聞かれることと答え方

途中画面には、必ず短い説明を添えてください。説明のない途中画面は、見る側には「未完成のもの」にしか見えません。「スマートフォンで営業時間がすぐ見えるよう、情報の順番を入れ替えた」のように、1枚につき1〜2行で十分です。

📌 関連記事：採用担当が見るポートフォリオのNG・OK｜未経験Webデザイナーが落ちる原因と直し方 — 採用担当が見るポートフォリオのNGとOK

順番	載せる内容の例
① 作品の概要	地域のパン屋さんを想定したWebサイト。忙しい朝でも、スマートフォンで営業時間と場所がすぐ分かることを目的にした
② 完成画面	トップページとスマートフォン表示
③ ワイヤーフレーム	「営業時間を一番上に置く」と決めた段階の画面と、その理由を1行
④ 比べた案	写真を大きく見せる案と、情報を先に見せる案。目的に合わせて後者を選んだ理由を1行
⑤ 振り返り	次に作るなら、写真の選び方をもっと工夫したい、など