
LPコーディング完全ガイド——目的設定から外注費用まで丸わかり
2026年01月20日

Webデザイナーの求人を探していると、「在宅勤務可」「フルリモート」「全国から応募OK」といった募集を目にします。しかし、同じリモート案件でも、週に数回出社する正社員求人と、成果物単位で仕事を請け負うフリーランス案件では、働き方も求められるスキルも大きく異なります。
特に注意したいのが、「在宅で働けること」と「自分に合った案件であること」は別だという点です。勤務地の条件だけで応募すると、実際にはクライアントとの打ち合わせが多かったり、コーディングまで担当範囲に含まれていたりして、経験とのミスマッチが起こることがあります。
未経験から目指す場合も、未経験歓迎という表記だけで判断するのは避けたいところです。企業が求めている制作レベルを確認し、それをポートフォリオや自主制作でどこまで証明できるかを考える必要があります。
この記事では、Webデザイナーの在宅・リモート案件の種類、具体的な探し方、求人を見る際の判断基準、必要なスキル、未経験者が仕事を獲得するための準備まで、実際に案件を選ぶ視点から詳しく解説します。

在宅でできるWebデザインの仕事は、Webサイトを一から制作する案件だけではありません。制作物の種類や担当工程によって必要な経験が変わるため、まず自分が対応できる仕事と、今後目指したい仕事を分けて考えると探しやすくなります。
企業のコーポレートサイト、採用サイト、サービスサイトなどを制作する案件では、ページの見た目だけでなく、情報量の多い内容を整理する力も求められます。
ここで確認したいのが担当工程です。
同じWebサイト制作でも、すでに完成しているワイヤーフレームをもとにデザインカンプだけを制作する案件と、サイトマップやページ構成から考える案件では必要な経験が違います。
さらに、
など、求人によって業務範囲にはかなり差があります。
デザイン経験はあるもののコーディング経験が少ない人が、Webデザイナーという職種名だけを見て応募すると、実際には実装まで求められることもあります。応募前に仕事内容を読み、「自分が納品するものは何か」まで確認しておくとミスマッチを防げます。
LPや広告バナー、SNS用画像は、比較的リモートで進めやすい制作物です。
ただし、Webサイトのデザインとは評価されるポイントが少し異なります。
広告クリエイティブでは、限られたスペースの中で何を最初に見せるのか、ターゲットにどの文言を伝えるのか、クリックや申し込みにつながる情報になっているかまで考える必要があります。
たとえば同じ商品のバナーでも、認知を目的とした広告なら商品名やブランドイメージを強く見せます。一方、キャンペーンへの申込獲得が目的なら、特典や期限、CTAを優先する可能性があります。
フリーランスとして仕事を始める場合、いきなり複数ページのWebサイト制作を請け負うより、バナーやLPの一部など、現在のスキルで品質を担保できる案件から実績を作る方法もあります。
ただし、小規模案件だから簡単とは限りません。短納期や複数サイズへの展開、修正回数まで含めると作業量が増えるため、報酬だけでなく仕様も確認しましょう。
新規制作の経験が少ない人にとって、サイト更新や運用は実務経験を積む入口になる場合があります。
具体的には、既存ページのテキスト修正、バナー差し替え、商品登録、CMSへの記事登録、キャンペーンページの更新などです。
新規デザインの自由度は低いものの、既存サイトのルールを理解し、崩さずに更新する力が求められます。誤字やリンクミス、公開日時の間違いなども運用では問題になるため、正確さも評価される仕事です。
一方、「更新業務」と書かれていても、実際には画像作成やHTML修正まで含まれることがあります。
未経験者が応募する際には、CMSへの入力中心なのか、コード修正まで必要なのかを確認すると、自分の現在のスキルで対応可能か判断しやすくなります。
Webサイト制作経験を積んだ後には、WebサービスやアプリのUI・UX改善を担当する仕事もあります。
この領域では、完成画面の美しさだけではなく、ユーザーが迷わず操作できるか、目的の機能まで短い手順で進めるかといった設計が中心になります。
「ボタンを目立たせる」という改善でも、色を変更すればよいとは限りません。そもそもユーザーがその機能を必要だと理解していない場合、ボタンだけ変更しても利用率は上がらない可能性があります。
ユーザー行動、情報設計、画面遷移、改善仮説などを扱うため、一般的なWebデザインとは異なる専門性が必要です。UI・UX案件を目指すなら、完成作品だけではなく、なぜその画面設計にしたのか説明できるポートフォリオを準備しておきたいところです。
案件の探し方は、希望する働き方によって変わります。正社員として安定した勤務を希望する人と、副業やフリーランスとして仕事量を調整したい人では、見るべき募集先が同じではありません。
「どのサービスが一番良いか」ではなく、自分の経験と働き方に合う経路を選ぶことがポイントです。
企業への転職を希望するなら、求人サイトで在宅・リモート条件を指定して探す方法が基本です。
検索時にはWebデザイナーだけでなく、「Web制作」「UIデザイナー」「Webサイト運用」など関連職種も確認すると、候補を広げられます。
ただし、求人票の「リモートOK」だけを見て応募するのは避けましょう。
実際には、
「試用期間中は出社」
「週2日の出社が必要」
「業務に慣れた後から在宅勤務可」
といった条件が設定されている場合があります。
遠方企業の求人へ応募するなら、月に数回でも出社が必要なのかは大きな判断材料です。勤務地欄だけでなく、勤務形態や制度の利用条件まで確認してください。
副業やフリーランスの実績を作りたい場合、クラウドソーシングではバナー、LP、画像制作など幅広い募集を探せます。
ただし、応募時に気をつけたいのが価格競争です。
実績がないからと極端に低い価格で受注すると、修正や打ち合わせを含めた時間単価が大幅に下がることがあります。最初の実績作りでも、納品物の数、修正条件、納期を確認したうえで応募した方が安全です。
提案文も「Webデザインできます」で終わらせず、募集内容との接点を示しましょう。
EC商品のバナー案件ならEC向け自主制作を、BtoBのLP案件なら法人サービスを想定したLPを提示するなど、発注者が依頼後の仕上がりを想像できる材料を出す方が説得力があります。
実務経験があり、一定期間まとまった稼働を確保できる人なら、フリーランス向けエージェントも候補になります。
エージェントを利用するメリットの一つは、自分で案件を探し続ける負担を減らせることです。
一方、掲載されている案件には即戦力を求めるものもあり、実務経験、Figmaなどのツール経験、UI・UXの経験など具体的な条件が設定されている場合があります。
さらに「リモート案件=好きな時間に働ける」とは限りません。
企業チームへ参加する案件では、平日日中の稼働、定例ミーティングへの参加、チャットへの一定時間内の返信を求められることがあります。
報酬を見るだけでなく、勤務時間の拘束、契約期間、週何日の稼働が必要かまで確認しましょう。
求人サービスに掲載されていなくても、制作会社が外部パートナーを募集していることがあります。
制作会社へ直接問い合わせる場合に大切なのは、無差別にポートフォリオを送らないことです。
相手の制作実績を確認し、自分が対応できる領域と重なる会社を選びます。
BtoBサイトを多く制作している会社ならコーポレートサイトの実績を、広告系の会社ならLPやバナーの実績を前に出すと、自社案件との相性を判断してもらいやすくなります。
一度の依頼で品質や連絡対応を評価されれば、その後も継続して案件を相談されることがあります。フリーランスでは、新規顧客を増やすだけでなく、既存取引先から繰り返し依頼される状態を作ることも安定につながります。

在宅案件では、仕事の内容だけでなく「どのように仕事を進めるか」まで確認する必要があります。
出社頻度、稼働時間、修正条件などを見落とすと、採用・契約後に働き方の認識がずれることがあります。
「在宅勤務可」「リモートワーク歓迎」「フルリモート」は、同じ意味とは限りません。
特に正社員求人では、会社として在宅勤務制度はあっても、配属部署では週3日の出社が必要というケースも考えられます。
確認したいのは、
といった点です。
地方から首都圏企業の求人へ応募する場合、数か月に一度でも出社があるなら交通費や移動時間も考える必要があります。
働き始めてから条件を知るのではなく、求人情報で分からない部分は選考時に確認しましょう。
募集要項に多くのスキルが並んでいると、すべて満たしていなければ応募できないように感じることがあります。
しかし、企業側が必須条件と歓迎条件を分けているなら、扱いも分けて考えます。
たとえばWebデザイン経験とFigmaの使用経験が必須で、HTML・CSSやSEOが歓迎条件なら、HTMLに詳しくないことだけで応募を諦める必要はありません。
一方、実務経験3年以上が必須の案件に完全未経験で応募を繰り返す方法は効率的とはいえません。
興味のある案件を複数集め、必須条件として繰り返し登場するスキルを確認すると、自分に不足している能力が見えてきます。求人検索を仕事探しだけでなく、学習テーマを決める材料として使う方法です。
応募前には「何を作る仕事なのか」だけではなく、「どこから担当するのか」を確認します。
Webサイト制作という案件でも、クライアントへのヒアリングから担当する場合と、完成したワイヤーフレームをデザインする場合では負担も必要な経験も異なります。
特にフリーランスでは、デザイン費として提示されている金額に、原稿整理や写真選定、修正対応などが含まれていることがあります。
曖昧な場合は、契約前に納品範囲を明確にしておきましょう。
同じ10万円のWeb制作案件でも、5ページのデザインのみと、10ページ+スマホ版+コーディングまで含む案件では条件がまったく違います。
金額を見るときは、想定される作業時間まで考える必要があります。
修正についても「納得するまで対応」といった曖昧な条件では、制作完了の基準が分かりません。
案件開始前に、納品物、修正回数、納期、打ち合わせ回数、追加作業の料金、連絡時間帯を確認しておくと、後から作業範囲が広がるトラブルを防ぎやすくなります。
在宅勤務では制作スキルだけを持っていればよいわけではありません。
同じ場所にチームメンバーがいないからこそ、情報共有やスケジュール管理の精度が仕事の進めやすさを左右します。
配色、タイポグラフィ、レイアウト、余白などの基礎は、働く場所に関係なく必要です。
加えて、募集企業が使用しているツールで制作・共有できることも求められます。
ここで重要なのは、ツールの操作経験だけではありません。
Figmaを使ったことがあるという状態と、コンポーネントなどを利用しながら複数画面を制作し、他の担当者へ共有できる状態では実務上の意味が異なります。
求人に記載されたツールを見たら、名称だけを知っているかではなく、実際の案件でどの作業までできるかで自己評価しましょう。
デザインだけを担当するWebデザイナーでも、実装の基本を理解していると、コーダーとのやり取りがスムーズになります。
レスポンシブ時に要素がどう並ぶのか、文章量が増えたらどうなるのか、画像サイズが変わっても成立するのかまで想定しながら制作できるためです。
ただし、応募する求人がデザイン専業なら、無理にJavaScriptまで深く習得してから応募する必要はありません。
必要とされるスキルを確認し、自分の担当範囲に必要なレベルまで学ぶ方が効率的です。
在宅勤務では、相手が隣にいないため「分からなくなったら聞けばいい」という進め方がしにくくなります。
質問するときも、対象箇所、現在の状況、自分の案をまとめて伝えると、相手は判断しやすくなります。
逆に、分からない状態のまま制作を進めてから確認すると、大幅な作り直しになることがあります。
質問の回数を減らすことが優秀なのではありません。必要な確認を適切なタイミングで行い、相手が答えやすい形に整理できることがリモート業務では求められます。
フリーランスで複数案件を同時に担当するなら、納品日だけをカレンダーに登録しても十分ではありません。
初稿提出、クライアント確認、修正、最終納品まで日程を分けて考える必要があります。
特に危険なのが、複数案件の修正時期が重なるケースです。
自分の作業時間だけでなく、相手から修正が戻ってくる期間まで含めて余裕を確保しておくと、急な修正にも対応しやすくなります。

未経験歓迎の求人であっても、採用担当者は応募者が仕事を任せられる状態かを確認します。
実務経験がない場合、その判断材料になるのが自主制作やポートフォリオです。
未経験者が最初に優先したいのは、案件数を増やすことではなく、一人で制作物を完成させられる状態になることです。
ツールの操作方法だけでなく、情報の優先順位、余白、配色、文字サイズなどを考えながら、WebページやLP、バナーを実際に制作します。
教材の作例をそのまま再現するだけでは、自分で判断できるかを示しにくくなります。
架空案件でもよいので、ターゲットや目的を設定し、自分で構成から考えて作る経験を増やしましょう。
未経験者のポートフォリオで避けたいのが、完成画像だけを並べることです。
自主制作ならなおさら、「なぜこのデザインになったのか」を説明する必要があります。
目的、ターゲット、想定した課題、制作で工夫した部分、使用したツールなどを記載します。
架空案件を実績のように見せるのではなく、自主制作であることを明示したうえで、実務を想定してどのように考えたかを見せましょう。
企業側にとっては、案件経験がない事実を隠されるより、現在どこまで一人で考えて制作できるか分かる方が判断しやすくなります。
未経験から探す場合、「Webデザイナー・未経験歓迎」に条件を固定すると、かえって選択肢が狭くなることがあります。
Webサイト運用、ECサイトの商品登録と画像制作、Web制作アシスタントなど、デザインに近い職種から実務経験を積むルートもあります。
ここでは職種名より、半年後や1年後にどのような経験が残るかを見ることが大切です。
希望するWebデザイン業務に関われるのか、制作ツールを業務で使えるのか、先輩デザイナーからフィードバックを受けられるのか。こうした条件がそろっていれば、最初からフルリモートのデザイナー職だけを狙うより、結果的にキャリアを作りやすい場合があります。
フリーランスの場合、最初の案件を取ることより、その後も依頼が続く状態を作る方が安定には重要です。
デザインの出来だけではなく、「リモートでも安心して仕事を任せられるか」が継続発注の判断材料になります。
予定通り進んでいても、相手に状況が伝わっていなければ不安を与えることがあります。
特に数週間かかる制作なら、初稿提出日や現在の進捗を適宜共有しておくと、クライアントもスケジュールを把握できます。
問題が発生したときも、納品日前日に突然伝えるのではなく、遅れる可能性が分かった時点で相談した方が調整しやすくなります。
リモート案件では制作画面が相手から見えない分、進行を可視化することも仕事の一部です。
「問い合わせボタンをもっと目立たせてほしい」と依頼されたとき、サイズや色を変えるだけなら作業者としては対応できます。
しかし、問い合わせが少ない原因がボタンではなく、料金が分からないことやサービス説明が不足していることなら、ボタンだけ変更しても改善しない可能性があります。
すべての案件で企画へ口を出す必要はありませんが、依頼の目的を確認し、必要であれば別の選択肢も説明できると、単純な制作以上の価値を提供できます。
ただし、根拠なく自分の好みを押し付けるのは提案ではありません。目的と理由をセットで伝えることが前提です。
案件を獲得できるようになった後は、現在の実力がポートフォリオへ反映されているか確認します。
コーディングまで担当できるようになったのに、ポートフォリオがバナー作品だけなら、そのスキルは伝わりません。
新しい実績を追加するだけでなく、現在の実力と差が大きい古い作品を外す判断も必要です。
実案件を掲載するときは、公開可能な範囲を確認してください。企業名、制作画面、成果数値などを許可なく公開することは避けます。
在宅Webデザイナーへ依頼する企業側にも、確認しておきたい条件があります。
リモートだから費用を抑えられそうという理由だけで選ぶのではなく、自社が必要としている支援範囲と依頼先の対応範囲を合わせることが大切です。
ポートフォリオを見るとき、デザインの好みだけで判断すると、成果物はきれいでも目的に合わないケースがあります。
問い合わせ獲得なのか、採用なのか、ブランドイメージの刷新なのか。目的によって必要なWebサイトは異なります。
過去作品を見る際には、完成デザインに加えて、どのような目的や課題をもとに制作したのか、本人がどこまで担当したのかを確認すると、実際に依頼できる範囲を判断しやすくなります。
一度だけLPを制作して終わる案件なら、デザイン単体をフリーランスへ依頼する方法が合うことがあります。
一方、公開後にページ追加、SEO、広告運用、アクセス分析まで必要なら、デザイン以外を誰が担当するのか決めておかなければなりません。
個人へ依頼するか制作会社へ依頼するかは、優劣ではなく必要な支援範囲で判断します。
デザインだけを切り出したいなら専門性の高い個人へ依頼する方法があります。企画から制作、公開後の運用までまとめたい場合は、複数領域へ対応できる制作会社が適するケースがあります。
自社で何を担当でき、何を外部へ任せたいのかを整理してから依頼先を比較すると、費用だけに左右されにくくなります。
Webデザイナーの在宅・リモート案件を探すときに、最初から「フルリモート」の条件だけで絞る必要はありません。
まず、自分が正社員として働きたいのか、副業から始めたいのか、フリーランスとして継続案件を増やしたいのかを決めます。そのうえで、求人サイト、クラウドソーシング、エージェント、制作会社への直接提案など、目的に合う方法を選びましょう。
案件を見つけたら、在宅勤務の可否だけでなく、担当範囲、必須スキル、出社条件、稼働時間、修正回数、納期まで確認します。特にフリーランスでは、報酬額だけでなく実際の作業量を見なければ、条件の良し悪しを判断できません。
未経験者であれば、応募数を増やす前に、Webデザインの基礎を使って一人で制作物を完成させ、それをポートフォリオで説明できる状態を作ることが先です。理想の求人へすぐ届かない場合は、Web運用や制作アシスタントなど、次の仕事につながる経験を積める職種も候補になります。
在宅で仕事を続けるうえでは、デザイン力に加えて「何をいつまでに作るかを管理できる」「必要な確認をオンラインで正確に行える」「依頼の目的を理解して提案できる」といった能力も欠かせません。
案件の数だけを追うより、希望する仕事の募集条件を複数確認し、自分に足りないスキルを把握することから始めてみてください。現在の経験と求人側の条件との差が分かれば、次に制作する作品や学習する内容も具体的になります。