Webデザイナーのスキルシートの書き方｜面談で評価される実績の見せ方

Webデザイナーのスキルシートは、案件ごとに「媒体・目的・相手」を先に書き、担った工程と自分が判断した点、公開後の結果をそろえて書くのが基本です。Webデザイナーの経歴は「企業サイトのデザインを担当」のような一行になりやすく、これでは指示どおりに形にした人と、目的から考えて方針を決めた人の区別がつきません。

案件で問われるスキルはWebデザイナーのスキルの記事で整理しています。この記事では、それをスキルシートの上でどう見せるかに絞って説明します。全体の構成はスキルシートの基本をご覧ください。

一行目に「媒体・目的・相手」を書く

同じLPでも、新しいサービスの申し込みを集めるものと、既存の顧客に追加の商品を案内するものとでは、作り方がまったく違います。案件概要は、次の順で書くと読み手が全体をつかめます。

1. 媒体：企業サイト、採用サイト、LP、バナー、サービスサイトなど
2. 目的：問い合わせを増やす、応募を集める、ブランドの印象を新しくするなど
3. 相手：誰に見てもらうページか（例：導入を検討している企業の担当者、20〜30代の求職者）

業界や会社名は伏せてかまいません。「製造業の企業サイト」「教育サービスのLP」程度に書けば、読み手は難しさを想像できます。

担った工程に印をつける

Webデザインの案件は、工程に分けると担当範囲が伝わります。案件ごとに、次の工程のどこを担ったかを明記します。

担っていない工程は書かなくてかまいません。「構成は受け取ったものを使用」のように、受け取った工程をあえて書いておくと、どこからが自分の判断なのかがはっきりします。

「判断したこと」の欄を独立させる

Webデザイナーのシートで最も差がつくのが、判断の書き方です。プロジェクト欄に「判断したこと」を1〜2行追加することをおすすめします。

• 何を優先したか：申し込みの前に不安を解消する情報を先に出した、など
• 何を選ばなかったか：写真を大きく見せる案もあったが、比べやすさを優先して表の形にした、など
• 誰とどう決めたか：依頼者と2案を比べ、目的に照らして1案に絞った、など

配色やフォントの名前を並べるより、こうした判断を書くほうが、目的から考えて作れる人であることが伝わります。

結果は「何を比べたか」で書く

公開後の結果は、数字を書けなくても伝えられます。守秘義務の範囲で、次のような書き方を選びます。

• 数字を書ける場合：比べた期間と指標をあわせて書く
• 数字を書けない場合：「申し込みまでの離脱が多い箇所を見直し、改善の前後で比べた」のように、進め方の形で書く
• 結果を見ていない場合：無理に書かず、「公開まで担当」と書く

改善の前後で何を比べたかが書かれていれば、数値を見ながら直せる人だと読み手に伝わります。

使用ツールは「どう使ったか」まで書く

デザインツールや画像編集ツールの名前だけを並べても、ほかの候補者との違いは出ません。案件ごとの使用ツール欄には名前を書き、スキルの欄で使い方の深さを補います。

• 部品の使い回しや、色・文字の決まりをツールの機能で管理したか
• 複数人で同じデータを編集し、コメントで確認を進めたか
• 実装の担当者に、ツールから寸法や書き出しの指示を渡したか

ツールの版や新しい機能は入れ替わりが速いため、使った時期を添えておくと、読み手が経験の新しさを判断しやすくなります。

ポートフォリオと対応させる

Webデザイナーは、スキルシートとあわせて作品を見せるよう求められることが多い職種です。両方を出すときは、次の点をそろえると読み手が迷いません。

• スキルシートの案件に番号を振り、ポートフォリオの作品にも同じ番号を付ける
• 作品の横に、媒体・目的・自分の担当工程を短く書く
• 複数人で作った作品は、自分の担当部分がどこかを明記する

ポートフォリオの位置づけや整え方はポートフォリオやGitHubは必要かで解説しています。

見せられない作品の書き方

受託の作品や社内向けの作品は、見せられないことが多くあります。見せられないからといってスキルシートから外す必要はありません。

• 作品の画像は載せず、媒体・目的・担った工程・判断したことを文章で書く
• 業界、会社名、公開時期など、特定につながる情報はぼかす
• 「作品は守秘義務のため非公開」と書き添え、面談で口頭で説明できるようにする

公開してよいかの判断は、取引先との約束によって違います。権利の考え方は著作者人格権の不行使条項の記事、スキルシート全般の線引きはスキルシートに書いてよいこと・いけないことをご覧ください。

プロジェクト欄の記入例

以下は書き方を示すための架空の例で、実在の案件や実績ではありません。

期間：20XX年X月〜20XX年X月（3か月）
案件概要：教育サービスのLPリニューアル（目的：無料体験の申し込みを増やす。相手：子どもの習い事を探す保護者）
規模・立場：ディレクター1名、デザイナー2名、実装1名（自分はデザインの主担当）
担当工程：聞き取り、構成への代わりの提案、デザイン（スマートフォン・パソコン）、実装への受け渡し、改善
使用ツール：デザインツール、画像編集ツール、アクセス解析ツール
判断したこと：料金への不安で離れる人が多いと聞き、料金と体験の流れの説明をページの前半に移した。写真を大きく見せる案と比べ、読みやすさを優先した
結果：公開後、申し込みまでの離脱が多い箇所を見直し、改善の前後で比べた（数値は守秘義務のため非公開）
ポートフォリオ：No.3（公開の許可を得た範囲のみ）

期間：20XX年X月〜現在（週3日）
案件概要：事業会社の自社サービスのバナー運用（目的：広告からの流入を増やす。相手：サービスを知らない20〜30代）
規模・立場：社内のマーケティング担当者と2名体制（自分はデザインの担当）
担当工程：デザイン、決まりの整備、改善
判断したこと：訴求ごとに文字と写真の配置の型を決め、作る速さとそろった印象を両立させた
結果：反応を比べて、成果の出た型を次の制作に生かす流れをつくった

運用の仕事と短い案件の並べ方

バナーの量産や小さな改修が続いた場合、一件ずつ書くと散らかった印象になります。

• 同じ取引先の運用：期間でまとめ、担った工程と判断の型を書く
• 短い単発の案件が続いた場合：「LP制作（4件）」のようにまとめ、最も工程の多かった1件を詳しく書く
• 個人で作った作品：実務の欄とは分け、何を確かめるために作ったかを書く

よくある質問

ポートフォリオがあれば、スキルシートは簡単でよいですか？

ポートフォリオは見た目を伝えるもので、目的や判断の過程までは伝わりにくいものです。スキルシートには、担った工程と判断したことを書き、作品と番号で対応させると、両方の役割が生きます。

実装もした案件は、どう書けばよいですか？

担当工程に「実装」を加え、どの範囲を組んだかを書きます。デザインと実装の両方を担ったことで、どんな手戻りを防げたかを一言添えると、一人で完結できる強みが伝わります。

他のデザイナーと一緒に作った作品は、どう書けばよいですか？

チームの人数と自分の担当部分を明記します。「トップページと共通部品は自分、下層ページは別のデザイナー」のように分けて書くと、面談で説明するときにも食い違いが起きません。