Webデザイナーとは、どんな仕事？
Webデザイナーとは、Web サイトの見た目と使いやすさを設計する人のことです。誰に何を伝えるサイトかを聞き取り、頁の組み立て、色、文字、写真の置き方を決めて、形にできる設計図に落とします。パソコンとネットがあれば進められる作業が多く、家で働く道にもつながりやすい仕事です。
この記事では、Webデザイナーの仕事内容を順番に説明します。そのあとで、1日の流れの例、AI で作り方がどう変わったか、未経験からの技能の段取り、怪しい講座の見分け方まで見ていきます。
Webデザイナーの仕事内容は？
Webデザイナーの仕事は、絵を描くことより「伝わる形を決めること」が中心です。1つのサイトができるまでの流れを、5つの段に分けて表にしました。
| 段 | すること | 使う物の例 |
|---|
| 1. 聞き取り | 依頼した人 (クライアント) から、サイトの目的と見てほしい人を聞く | オンライン会議、聞き取りの表 |
| 2. 頁の組み立て | どの頁に何を置くかを、線と箱だけの下書き (ワイヤーフレーム) にする | 紙とペン、Figma |
| 3. 見た目のデザイン | 色、文字の大きさ、写真、ボタンの形を決める | Figma、写真や素材のサイト |
| 4. 形にする | デザインを HTML と CSS で組む。人によっては次の担当に渡す | コードを書く道具、AI |
| 5. 公開とその後 | 公開してから、見られ方を見て直す | ブラウザ、アクセスを見る道具 |
小さな会社やフリーランス (会社に属さず、1件ずつ仕事を受ける働き方) では、1人で1から5までを受け持つこともあります。大きな会社では、2と3だけを受け持ち、4は別の人が担う形もあります。どこまでを受け持つかは、職場と案件 (1件ずつの仕事) によって違います。
見た目と同じくらい大事な「使いやすさ」
Web デザインでは、きれいさと同じくらい、迷わず使えるかが問われます。ボタンが押せる物に見えるか、入力の欄で何を書けばよいか分かるか、といった点です。こうした画面の使いやすさを設計することを UI デザインと呼びます。
UIデザインとは｜初心者向けに例で分かる考え方と仕事
ボタン、入力の欄、エラーの出し方を例に見ます
Webデザイナーと、近い Web の仕事の違いは？
Web の仕事には、名前の似た仕事がいくつもあります。Webデザイナーと並べると、受け持つ範囲の違いが分かりやすくなります。
| 仕事 | 主に受け持つこと | Webデザイナーとの違い |
|---|
| Webデザイナー | 見た目と使いやすさの設計 | (この記事の仕事) |
| UI デザイナー | アプリや画面の操作の設計 | ボタンや入力の動きまで、より細かく受け持つ |
| コーダー | デザインを HTML と CSS で組む | 決まったデザインを正しく形にする側 |
| Web ライター | サイトに載せる文を書く | 見た目でなく文で伝える |
| Web ディレクター | 全体の進め方と予算と日程を決める | 自分で作るより、人と作業をまとめる |
これらをまとめて「Webクリエイター」と呼ぶこともあります。呼び名の違いと仕事の種類は、次の記事で並べています。
Webクリエイターとは｜Webデザイナーとの違いと仕事の種類
Web の作り手の呼び名と、受け持つ範囲の違い
Webデザイナーの働き方を、数で見ると？
Webデザイナーだけを数えた公的な統計は多くありません。ここでは、近い分類の公的な統計と、会社の公式の調査を並べます。
| 調べたこと | 数 | 出典 |
|---|
| デザイナーの1時間あたりの給与 (短時間で働く人、経験の年数すべて) | 1,755円 | 厚生労働省 令和7年調査 |
| 同じく、その職種の経験が1年未満の人 | 1,378円 | 厚生労働省 令和7年調査 |
| 同じく、その職種の経験が15年以上の人 | 2,004円 | 厚生労働省 令和7年調査 |
| 正社員のテレワーク実施率 (クリエイティブ職 / 全体) | 36.2% / 21.4% | パーソル総合研究所 2026年 |
| 雇われて働く人のうち、テレワークをしたことがある人 (情報通信業 / 全体) | 74.1% / 25.2% | 国土交通省 2026年 |
時給の数は、厚生労働省の令和7年賃金構造基本統計調査 (職種 第5表) の「デザイナー」の行です。短時間で働く人 (パートなど) の、男女計、従業員10人以上の会社の数で、Web に限らず紙や商品のデザイナーも入ります。経験の年数で時給に差が出ていて、経験1年未満と15年以上では、600円ほど違います。
パーソル総合研究所のテレワークに関する調査 (2026年)では、「クリエイティブ職 (デザイン・ディレクターなど)」の正社員のテレワーク実施率は36.2%でした。答えた人は147人と少ないので、目安として見てください。全体の21.4%より高い一方で、6割を超える人はテレワークをしていません。
国土交通省の令和7年度テレワーク人口実態調査では、雇われて働く人のうちテレワークをしたことがある人は25.2%でした。業種で見ると、情報通信業は74.1%と、ほかの業種より高くなっています。
Webデザイナーの1日は、どんな流れになる？
ここでは、例えば、家でフリーランスとして働く Webデザイナーが、お店のサイトを作っている日を考えてみます。実在の人の記録ではなく、よくある組み立て方を示した例です。
朝7:00〜9:00
- 起きて朝ごはん、家族の支度
- 洗濯と片づけ、メールに目を通す
仕事の時間9:00〜15:00
- 今日の作業を決め、依頼した人からの直しの希望を読む
- お店のトップ頁の配色を2案作る。AI に色の組み合わせを出させ、自分で選ぶ
- 写真を並べ、スマホの幅で読みやすいかを確かめる
- 昼ごはん、少し休む
- 依頼した人とオンラインで打ち合わせ (30分)
- 打ち合わせで決まった直しを入れ、確かめてもらう頁を送る
家族の時間15:00〜20:30
- 作業を区切る。買い物、夕ごはん、子どもの宿題
夜に少しだけ21:00〜21:30
- 30分だけ、明日の作業の準備と連絡の返事
家で働く Webデザイナーは、作る時間と、相手とやり取りする時間を分けて組むと進めやすくなります。打ち合わせの時刻と、納める日 (納品の日) は、先に相手と決めておく必要があります。
AI で、Webデザイナーの仕事は何が変わった？
画像を作る AI や、ChatGPT、Claude のような対話の AI が広がり、デザインの下ごしらえを AI に任せられる場面が出てきました。ここに書くのは、仕事の数を数えた統計ではなく、ゆめさくの見立てです。
| 作業 | AI でどう変わったか (ゆめさくの見立て) |
|---|
| 配色や頁の組み立ての案出し | AI に何案も出させ、人が選ぶ進め方ができる |
| 写真やイラストの素材 | 画像を作る AI で下絵を作れる。使ってよいかの確かめは人の役目 |
| HTML と CSS で組む作業 | AI に下書きのコードを書かせ、人が直して確かめられる |
| 依頼した人の話を聞き、何を作るか決める | AI に任せにくく、人に残る |
| できた物が目的に合うかの判断 | AI に任せにくく、人に残る |
案を出す作業が速くなった分、「どの案を、なぜ選ぶか」を言葉で説明できる人が頼られやすい、とゆめさくは見ています。AI に下書きを書かせても、スマホで崩れないか、文字が読めるかを確かめるのは人です。作る手が速くなったぶん、確かめる目の大切さが増した、と言えます。
未経験から、どんな段取りで技能を身につける？
かかる期間は、使える時間と学び方で人によって違います。ここでは、1日1時間ほど学ぶ人を例に、今日、1か月、3か月、半年でできることを並べます。
| 時期 | できること | 要る物 |
|---|
| 今日 | 好きなサイトを3つ選び、「なぜ見やすいか」を書き出す | パソコン、ブラウザ |
| 1か月 | Figma で1頁の見た目を作れる。HTML と CSS で簡単な頁を組める | Figma (無料で始められる)、教材 |
| 3か月 | 数頁のサイトを、スマホでも崩れない形で作って公開できる | 作った物を見せる場所、直しを言ってくれる人 |
| 半年 | 作品集 (ポートフォリオ) を作り、小さな仕事に応募できる | 作品3つほど、仕事を受ける場所 |
ポートフォリオは、自分が作った物をまとめた作品集のことです。仕事を頼む側は、経験の年数より「何を作れるか」を見ることが多いです。作った物には、誰に向けて、何を考えてその形にしたかを1行ずつ添えると伝わりやすくなります。
Webデザイナーになる講座で、気をつけることは？
「Webデザイナーで在宅で稼げる」とうたう講座や副業の誘いもあります。国民生活センターは2026年9月16日に、AI 講座や SNS 運用講座などのビジネス講座のトラブルに注意を呼びかけました。全国の消費生活センターなどに寄せられたビジネス講座の相談は、2020年度の1,169件から、2025年度は3,551件に増えています。
この発表には、副業の採用面接に応募したら65万円のビジネス講座の契約になっていた、という例が載っています。契約のあとで厳しい解約の条件を知った、という例もあります。次のような誘いには、その場で返事をしないことが大切です。
| 気をつける誘い | なぜ怪しいか |
|---|
| 「必ず稼げる」「すぐ元が取れる」と言う | 稼げる額を約束できる仕事はありません |
| 仕事の紹介のはずが、講座の契約の話になる | 応募した人に講座を売る例が載っています |
| Web 会議で、今日中の契約を急かす | 国民生活センターも、その場で決めず落ち着いて考えるよう勧めています |
| 月々の額だけを言い、総額を言わない | 長いクレジットの契約で高い講座を払う例が載っています |
| 解約の条件を、契約の前に説明しない | 契約の前に、解約と返金の条件を確かめるよう勧めています |
講座を選ぶときは、学ぶ中身を細かく見せてもらえるか、作った物を誰が見て直してくれるか、解約の条件が書面で分かるかを確かめます。迷ったら、消費者ホットライン「188」に電話すると、近くの消費生活センターにつながります。
ゆめさくエンジニアで学べること
ゆめさくエンジニアは、AI と一緒に Web のサービスを作れるようになるスクールです。見た目を決めるだけでなく、HTML や CSS で形にし、動く物として公開するところまで、未経験から順に学べます。目指すのは、AI と一緒に作れて、家でも働ける人になることです。
受講生の声は、受講生の声の頁にまとめています。家でできる Web の仕事を広く知りたい人は、次の記事も参考にしてください。
在宅でできるWeb制作の仕事｜1日の流れと未経験からの始め方
どんな依頼が来て、どう進めて、どう納めるか
家でできる仕事の図鑑｜未経験から始められる在宅の仕事10種と始め方
Web の仕事のほかに、家でできる仕事を10種並べています
よくある質問
Webデザイナーに、絵のうまさは要りますか？
絵が上手なことより、見る人が迷わない形を考えられることのほうが大切です。Web デザインで使うのは、主に色、文字、写真、余白の組み合わせです。イラストを描く仕事は、別の仕事として頼まれることが多いです。
未経験から、Webデザイナーになれますか？
未経験から学び始める人はいます。ただ、どれくらいの期間で仕事を受けられるかは、使える時間と学び方で大きく違います。まず作品を3つほど作り、人に見てもらって直すところから始めるのが近道です。
Webデザイナーは、家で働けますか？
家でできる作業は多い仕事です。パーソル総合研究所の2026年の調査では、クリエイティブ職の正社員のテレワーク実施率は36.2%でした。会社に雇われる場合は出社の決まりが会社ごとに違うので、求人の条件で確かめる必要があります。
コードは書けたほうがいいですか？
書けると、受けられる仕事の幅が広がります。デザインを自分で HTML と CSS で形にできれば、1人で頁を仕上げて納められるからです。AI に下書きを書かせる進め方もできますが、正しく動くかを確かめるには、コードを読む力が要ります。
Webデザイナーの時給は、どれくらいですか？
厚生労働省の令和7年賃金構造基本統計調査では、短時間で働くデザイナーの1時間あたりの給与は、経験の年数すべてで1,755円、経験1年未満で1,378円でした。Web 以外のデザイナーも入った数です。フリーランスで受ける場合は1件ずつの単価で決まるので、この数のとおりにはなりません。
ゆめさく
