Web制作とWebデザインの違いとは？仕事内容・スキル・転職前に知っておきたいこと

2026年4月18日

「Webの仕事に興味があるけど、Web制作とWebデザイン、何が違うの？」と思ったことはありませんか？

どちらもWebサイトに関わる仕事ですが、担当する領域・必要なスキル・キャリアパスは大きく異なります。転職・副業・外注の検討前にしっかり押さえておきましょう。

Web制作とWebデザインの違いを一目で比較

Web制作とは、Webサイトを実際に動く状態にする一連の作業を指します。デザインをHTMLやCSSでコーディングし、JavaScriptで動きをつけ、サーバーに公開するまでの工程が含まれます。

「サイトを作る」という広い意味で使われることも多く、企画・設計・デザイン・コーディング・テスト・公開まで全工程を含む場合もあります。

Web制作に含まれる主な作業：

Web制作が使われるビジネスシーンの例

例1）外注依頼
「コーポレートサイトのWeb制作を御社に依頼したいと思っています。」

例2）転職活動
「前職ではWordPressを使ったWeb制作をメインに担当していました。」

例3）社内会議
「今回のリニューアルはWeb制作会社に丸投げせず、内製で進める方針です。」

Webデザインとは、Webサイトの見た目・レイアウト・色・フォントなどのビジュアルを設計・制作する仕事です。ユーザーが直感的に使えるUIや、ブランドイメージを伝えるビジュアルの構築が中心です。

デザイナーが作るのはデザインカンプ（見た目の設計図）がメインで、コーディングは別担当が行うケースも多いです。ただし、HTML/CSSも扱えるデザイナーは「コーダー兼デザイナー」として重宝されますよ。

Webデザインに含まれる主な作業：

Webデザインが使われるビジネスシーンの例

例1）採用・転職
「FigmaとPhotoshopを使ったWebデザインの実務経験が3年あります。」

例2）クライアントとの打ち合わせ
「Webデザインの方向性が決まり次第、コーダーにデザインカンプを渡します。」

例3）副業・フリーランス
「副業でECサイトのWebデザインを受注しています。」

注意1）「Web制作＝コーディング」ではない
Web制作はコーディングだけでなく、企画・設計・デザイン・公開まで含む広い概念です。求人票の業務内容をよく確認することが大切です。

注意2）「Webデザイナー」に求めるスキルは会社ごとに異なる
ある会社ではHTMLコーディングもWebデザイナーの業務に含み、別の会社ではデザインカンプ作成のみという場合もあります。求人要件を必ず確認しましょう。

注意3）外注時に「何を依頼するか」を明確にする
「サイトを作ってほしい」という依頼だと、デザインだけなのかコーディングまで含むのか曖昧になりがちです。発注時はスコープを明文化することをお勧めします。

Web制作はサイト全体を「動く状態にする」エンジニアリング寄りの仕事で、コーディングやサーバー管理が中心です。

Webデザインはサイトの「見た目・使いやすさ」を設計するデザイン寄りの仕事で、Figmaや配色の知識が必要です。

転職・副業・外注のどの場面でも、この違いを理解してから動くことで、ミスマッチを防ぐことができます。