HTML/CSS​コーディング代行の依頼・外注

【丁寧なコーディングで魅せる】デザイン通りに仕上げるWebページを制作します

このようなお悩みはありませんか？

・デザインと違う仕上がりにがっかりしたことがある
・スマホで崩れてしまうページに困っている
・小さな修正を頼みにくくて放置しているページがある

私のコーディングは「伝わる」「崩れない」「丁寧」をモットーに、
見る人にも使う人にもやさしいWebページを、ひとつひとつ丁寧に仕上げます。

HTML/CSS/JavaScriptを用いた、シンプルで整った、見た目も中身もきれいなコードを提供いたします。

サービス内容

・HTML/CSSコーディング（PC・スマホ対応／W3C準拠）
・LP（ランディングページ）の制作
・簡単なJS実装（アコーディオン・ハンバーガーなど）
・既存サイトの表示崩れの修正対応

※WordPressテーマの編集などは、現在勉強中です。
将来的には対応予定ですが、現時点ではHTML/CSSを中心とした内容に限らせていただきます。

発注の流れ

【お問い合わせ】
まずはお気軽にご相談ください。Webサイトの現状、課題、ご要望などをヒアリングします。

【企画提案・お見積もり】
ヒアリング内容をもとに、最適なコーディングプラン、お見積もりをご提案します。

【ご契約】
ご提案内容にご納得いただけましたら、正式にご契約となります。納期、スケジュールなどを改めて確認します。

【制作開始】
コーディング作業を開始します。進捗状況を随時ご報告し、お客様と密に連携を取りながら進めます。

【ご確認・修正】
完成したWebページをご確認いただき、修正点があれば柔軟に対応いたします。

【納品・アフターサポート】
最終確認後、データ一式を納品いたします。納品後のご質問や微調整もお気軽にご相談ください。

対応範囲・価格

HTML/CSSコーディング（1ページ）：¥8,000〜
丁寧な手作業で、正確かつ美しいコードをご提供します。

LPコーディング（1ページ・動きあり）：¥20,000〜
集客・CVRアップに貢献する、魅力的なページを制作します。

複数ページ対応（3〜5P程度）：¥25,000〜
複数ページのサイト全体を整った構成でコーディングいたします。

Webサイト保守・更新：¥10,000〜/月
既存サイトの更新・表示崩れの修正・軽微な調整などを継続的にサポートします。

表示崩れ・修正対応（既存ページ）：¥5,000〜
既存ページの調整やエラー修正など、部分的な対応も可能です。

※実際の価格は、デザインデータの有無・ページ構成・実装内容によって変動いたします。

納期

内容により異なります。お気軽にご相談ください。

丁寧で誠実な対応を心がけています。
「ちょっとだけ相談したい」「こんなことも頼めるかな？」という段階でもお気軽にご相談ください。

ご一緒に、思いをカタチにするお手伝いができれば嬉しいです。

ユーザーの心をつかむUI/UXデザインとWebコーディングで、御社のWebサイトを顧客に響く形に具現化します。

このようなお悩みはありませんか？

「Webサイトが古く、ユーザー体験が悪い」「既存サイトのレスポンシブ対応が必要」「新しいLPを効率よく制作したい」「簡単なアニメーションでサイトに動きをつけたい」「デザインは良いのに実装で躓いている」といったお悩みはありませんか？

発注の流れ

1. お問い合わせ・ご相談
   まずはランサーズのメッセージ機能にて、お悩みやご要望、サイトの目的などをお気軽にご相談ください。

2. ヒアリング・要件定義
   ご相談内容を元に、オンラインで詳細なヒアリングを行います。目的やターゲット、現状の課題、ご予算などを深く理解します。

3. 提案・お見積もり
   ヒアリング内容に基づき、最適なプランと具体的な作業内容、お見積もりをご提案いたします。

4. ご契約・仮払い
   ご提案にご納得いただけましたら、ランサーズの仮払いシステムを通じてご契約・仮払いをお願いいたします。

5. 制作開始
   デザインデータやテキスト素材などをご提供いただき、制作を開始いたします。進捗状況は随時ご報告します。

6. 確認・修正
   完成したWebサイトをテスト環境でご確認いただきます。修正点や調整のご要望があればお申し付けください。

7. 納品
   最終確認後、指定の形式で納品いたします。ご希望に応じてサーバーへのアップロードサポートも可能です。

対応範囲・価格

HTML/CSS/JSコーディング（1P）：30,000円〜
デザインデータ（Figma, XD, Photoshopなど）をご提供いただき、HTML/CSS/JavaScriptを用いてコーディングします。1ページ分の実装。

既存サイト修正・改修/レスポンシブ対応：50,000円〜
既存のWebサイトを分析し、ユーザー視点での改善点を提案。レスポンシブ対応やコンテンツの微調整、簡単なアニメーション追加を行います。

LPデザイン+コーディング：80,000円〜
LP（ランディングページ）のデザイン制作から、HTML/CSS/JavaScriptによるコーディング、簡単なアニメーション実装まで一貫して承ります。

納期

プラン内容によりますが、最短5日〜最長1ヶ月程度で納品いたします。

制作の流れ

1. 要件定義・設計
   クライアント様からの詳細なヒアリングとデザインデータの確認を基に、サイトの目的、ターゲットユーザー、必要な機能、全体構成などを明確にします。

2. コーディング作業
   Figma、Adobe XD、Photoshopなどで作成されたデザインカンプを元に、HTMLで骨格を、CSSで装飾を、JavaScriptで動きを実装していきます。

3. テスト・調整
   各ブラウザでの表示確認、レスポンシブ対応、軽微なアニメーション動作確認、リンクチェックなど、品質を確保するためのテストを行います。

4. 最終確認・修正
   テスト環境でクライアント様にご確認いただき、フィードバックを元に最終的な微調整を行い、ご納得いただける形に仕上げます。

サービス内容

ユーザー視点で「見やすさ・使いやすさ」を追求したWebサイトのコーディングを行います。HTML/CSS/JavaScriptを駆使し、デザイン意図を忠実に再現しながら、潜在顧客に響くWebサイトを構築します。既存サイトのレスポンシブ対応や改修、LP制作、簡単な動きのあるアニメーション実装もお任せください。IT・通信・インターネット業界の特性を理解した上で、最適なWebソリューションを提供いたします。

「あなたのWebサイト、本当にユーザーに響いていますか？」多くの企業様がWebサイトの集客や売上に課題を感じています。デザインは良いのに「使いにくい」「分かりにくい」という理由で顧客を逃していませんか？

私はHTML/CSS/JavaScriptを用いたコーディングとUI/UXデザインの経験を活かし、IT・通信・インターネット業界に特化したWebサイト制作を支援しています。「見やすさ・使いやすさ」を最重視し、御社のサービスや商品の魅力を最大限に引き出すWebサイトを具現化します。

既存サイトの改善から、新しいLP制作、レスポンシブ対応、簡単なアニメーション実装まで、一貫してサポート。ユーザーの行動を促し、ビジネス成果に繋がるWebサイトを一緒に作りませんか？まずはお気軽にご相談ください。

★　WEBサイトのコーディングなら、お任せください！　★

• スマホ（レスポンシブ）対応込
• デザインを忠実に再現＆正しいマークアップで構築
• ホバーアクションの指定もOK！（また、デザインに合わせて”よしなに”作成いたします！）

■　納　期　■

納品目安は　１ページ５営業日～　になります。
以降、１ページごとに＋１営業日　追加で日数がかかります。
==========
例）５ページのサイト
５営業日 + ４ページ×１営業日 ＝ ９営業日前後（約２週間程度）
==========
※サイトの構成によっては上記より早く構築可能な場合がございます。
==========

■　サ　ー　ビ　ス　■

・納品前の修正は３回まで無償！
　※大幅な修正は別途料金がかかる可能性がございます。
　※超過分に関しましては別途料金を見積り＆請求させていただきます。

・サーバーへのアップロード
　FTP情報をいただければ、アップロードまでさせていただきます。
　※サーバー契約・ドメイン取得に関しては、お客様でお願いいたします。

・アフターフォロー（納品後10営業日以内）
　納品後、こちらのミスでデザインと異なる箇所があれば無償にて対応いたします。
　また、できる範囲位でご質問にお答えさせていただきます！

■　注　意　事　項　■

• セキュリティ面での観点から、自作メールフォームは対応しておりません。WordPressのプラグインもしくはmailformProを使用させていただきます。
• Internet Explorerは、サポート終了に伴い対応しておりません。

本パッケージは以下のサービスです。
駆け出しのため費用は抑えております。
特に制作実績として公開させていただける方、
納期にご理解いただける方からのご依頼をお待ちしております。
ご提示した納期前に必ず納品いたします。

内容から判断がつかない場合は
お気軽にお問い合わせくださいませ！

◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
こんな方におすすめ
・コーダー不足で新たに外注先や委託先を探している方
・コーダーをお探しのWebデザイナー様
・急ぎの案件ではないため費用を安く抑えたい方

◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
ご提供内容
・HTML/CSS/JavaScriptによる静的サイトの構築（BEMを使ったCSS設計）
・静的サイトのWordPress化、WordPressオリジナルテーマ開発

◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
全体の流れ
１．ヒアリング　
　└　正式なご依頼前にまずご相談くださいませ！
２．ご契約　＆　仮払い
３．制作開始
４．確認　＆　修正　
　└　ご検収いただくまで誠心誠意ご対応させていただきます。
５．納品

==============================
サービス内容
==============================
■用意いただいたデザインをコーディングして納品します（zipファイルを予定しています）
HTML/CSS/JavaScript（jQuery）に対応しています。
オプションから購入いただければ、Googleフォームも設置いたします。
※デザインや依頼内容の希望によっては追加料金をいただく場合があるので、お見積りの際は、出来る限り詳細内容をお伝え下さい。

サービス内の料金は、1ページごとの料金です。
追加ページを希望の場合は、オプションから購入という形でご依頼ください。
内容も、既存ページの流用という形であれば、格安で追加できます。

■■サービス詳細
・HTML/CSS/JavaScript（jQuery）に対応
・レスポンシブ対応（PC / スマートフォン、タブレットは最低限の見栄えを確保）
・外部サービス連携対応（SNSやマップ、Google Forms、埋め込みのみ）
・素材は3点までこちらでフリー素材から用意できます
・納品後は1ヶ月間の無料不具合対応

==============================
こんな方におすすめ
==============================
・デザインは用意できたが、コーディングしてくれる人材がいない。
・経験と実績があるプロに高品質なコーディングをお願いしたい。

==============================
料金の目安
==============================
・トップページ（8000円〜20000円 / 1ページ）
・下層ページ（6000円〜10000円 / 1ページ）
・LP（8000円〜20000円 / 1ページ）
※デザインやアニメーション他の実装によって料金が変わります

==============================
サービスの流れ
==============================
はじめに【購入時のお願い】をご覧ください。
見積もり・相談内容を確認後、双方で合意ができればスタートです。
ヒアリングを行いつつ、テストと確認を繰り返しながら、作業を進めてまいります。

【現役大学生エンジニア】あなたのWebサイトの「困った」を丁寧に解決いたします！

このようなお悩みはありませんか？

Webサイトの表示が崩れていて困っていませんか？テキストや画像をサッと更新したいのに手が回らないことはありませんか？小さな修正だからと依頼をためらっていませんか？あなたのWebサイトの軽微な不具合や更新、私にお任せください。

発注の流れ

1. お問い合わせ・ご相談
   まずはランサーズのメッセージ機能から、WebサイトのURL、修正内容、ご予算、希望納期などをお気軽にご相談ください。

2. お見積り・プラン提案
   いただいた情報をもとに、修正範囲や難易度を確認し、最適なプランとお見積りを提案いたします。ご不明点があれば、ランサーズのビデオ通話機能で詳細をお話しすることも可能です。

3. 仮払い・作業開始
   提案内容にご納得いただけましたら、ランサーズ上で仮払いをお願いいたします。仮払い完了後、作業を開始いたします。

4. 成果物確認・修正
   作業が完了しましたら、テスト環境などでご確認いただき、修正点があれば対応いたします。修正は基本1回まで無償です。

5. 納品・完了
   最終的なご確認をいただき、問題がなければ本番環境への反映作業（ご希望の場合）と納品を完了いたします。

対応範囲・価格

ピンポイント修正・更新：15,000円〜
HTML/CSSの軽微な表示崩れ、テキストや画像の差し替えなど、単一でシンプルな修正に対応いたします。

広範囲なWebサイト調整：30,000円〜
複数箇所の表示調整、フォームの項目追加、簡易的なJavaScriptの調整など、少し複雑な修正に対応いたします。

Webサイト全体最適化支援：50,000円〜
複数ページの修正、レスポンシブ対応の部分調整、既存機能の軽微な改修など、まとまった作業を承ります。

納期

お問い合わせから約1〜3週間（内容により変動）

制作の流れ

1. ヒアリング・現状把握
   ヒアリング内容に基づき、修正箇所の特定と影響範囲の確認を行います。

2. コード解析・計画
   既存コードを読み解き、変更が必要な部分を特定し、修正計画を立てます。

3. 修正・コーディング
   計画に基づき、HTML/CSS/JavaScriptコードを丁寧に修正・調整します。作業進捗はこまめに報告いたします。

4. テスト・検証
   修正後の表示や機能が問題なく動作するか、入念にテストを行います。

5. 最終確認・納品
   修正完了後、成果物を提出し、ご確認いただきます。必要に応じて修正対応を行います。

サービス内容

Webサイトの表示崩れ修正、文言・画像の差し替え、各種フォーム作成、設定・インストールなど、HTML/CSS/JavaScriptを中心とした軽微なWebサイトの修正・調整を承ります。最後まで責任を持ち、こまめな報告で安心してご依頼いただけるよう努めます。

「Webサイトのちょっとした修正、誰に頼めばいいんだろう？」とお悩みではありませんか？ 表示崩れやテキストの更新、画像差し替えなど、小さな修正でもWebサイトの印象は大きく変わります。大学生エンジニアである私が、あなたのWebサイトの「困った」に真摯に向き合い、迅速かつ丁寧に解決いたします。HTML/CSS/JavaScriptの既存コードを読み解き、最後まで責任を持って対応することで、あなたのサイトをより魅力的に、そして使いやすく改善します。まずは小さな修正から、お気軽にご相談ください。きっとご満足いただけます。

【対応内容】
・HTML/CSSによるコーディング
・レスポンシブ対応（スマホ・タブレット対応）
・JavaScriptを用いた簡単なアニメーション（フェードイン、スライダー等）
・お問い合わせフォームの設置（ご希望があれば）

【ご用意いただきたいもの】
・デザインカンプ（Figma、XD、Photoshop、画像など）
・使用する写真や文章などの素材
・サイトの目的やご希望のイメージ（必要に応じて）

【業務の流れ】

1. ご依頼内容のヒアリング
   　（ページ数・用途・ご要望などを確認します）
2. デザインデータと素材のご提供
3. コーディング作業開始
   　（レスポンシブ対応やアニメーションも含む）
4. 確認・修正
   　（軽微な修正は無制限で対応いたします）
5. 納品
   　（HTML/CSSファイル一式、またはサーバーへアップロード）

【修正対応について】
・軽微な修正（文字の打ち間違い、色の微調整など）は回数無制限で対応いたします。
・大幅なデザイン変更や追加作業は、別途料金をお願いする場合があります。

デザインを元にレスポンシブコーディングを行います。

・基本的に768px以上のタブレットはPCと同じ表示
・768px以上の分岐のメディアクエリはデザインを拝見してからいくつ必要かをご相談させてください。
・767px以下はスマホ対応
・A4サイズ2ページ位の縦長を1ページと想定しています。
・デザインは基本的にPC同様の画像を使用し、横長画像で文字が見えない場合はスマホ用に画像を作成します。
・SP版のデザインPSD等ご支給くださいませ。

※ご不明点はメッセージ等でお気軽にご相談くださいませ。

PC版Webサイトがある状態で、スマホ対応する場合の作業内容です。
20ページ以内

・767px以下はスマホ対応のレスポンシブコーディング
・768px以上（iPadなどのタブレット）はPC版と同じ表示
　※768px以上もレスポンシブコーディングの場合は、ご相談させてくださいませ。
・A4サイズ2ページ位の縦長を1ページと想定しています。
・デザインは基本的にPC同様の画像を使用し、横長画像で文字が見えない場合はスマホ用に画像を作成します。

※ご不明点はメッセージ等でお気軽にご相談くださいませ。

■概要
既に運用中のPC向けサイトのスマホ対応をいたします。
レスポンシブコーディングにて、PCとタブレットは同じ表示、767px以下（スマホ）はスマホ対応いたします。

■仕様
・htmlサイトでパララックス（動き）のないサイトでお願いいたします。
・1サイト10ページ以内でお願いいたします。それ以上の場合はご相談くださいませ。
・ワードプレスの場合は、別途ご相談くださいませ。

簡単な単純作業や雑用作業はお任せください

学生の勉強中の身であるため、複雑な作業よりは簡単で量の多い仕事はお任せください

数あるパッケージの中からご覧いただき、誠にありがとうございます。

Web制作会社退社後、個人事業としてデザイン・コーディング・Wordperss構築を
メインとして活動しております、西口真平(にしぐちしんぺい)と申します。

・制作過程のやりとりを不便なくできるコーダーを探している。
・プロとして最後まで責任をもって対応してくれるコーダーを探している。
・デザインからコーディングまで安心してお任せできるコーダーを探している。

そんな方々のお力になります！

▶︎作業内容

・HTMLタグを最適化したHTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・SEO対策（OGP設定、画像軽量化など）
・サーバーへのアップロード

▶︎制作の流れ

①ヒヤリング
　実装機能などの確認をいたします。
②契約
　お見積もり、納期をご提示させていただきます。
　ご納得いただけた場合、ご購入をお願いいたします。
③制作・確認
　制作実施後、制作物のご確認をお願いいたします。
　気になる点がある場合、可能な限り修正対応いたします。
④納品
　問題なければ、制作物をzipファイルにて納品させていただきます。
　※サーバーへのアップロードをご希望の場合、FTP情報をご教示下さい。

▶︎ご用意いただくもの

・デザインデータ（XD、Photoshop、Illustrator、Figmaなど）

今ある既存のWEBサイトの修正をいたします！

「住所や電話番号の変更がしたい・・・」
「コンテンツの追加や文章を変更したい・・・」
「サイトにバナーやウィジェットを設置したい・・・」等、
ちょっとしたサイトの修正がしたい方、
ご相談内容からお見積させていただきますので、まずはお気軽にご相談ください！

※ドメイン移管や、既存WordPressテーマの大幅なカスタマイズのご依頼はお断りさせていただいております。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■修正について（税抜）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
・テキストの修正：１箇所につき1,320円～
（例：電話番号、住所、リンク先の変更など　基本的にHTML・CSS・JSの修正を伴わない箇所のみ）
・HTMLやCSSの書き換えが伴う修正：１箇所につき7,920円～
・JSの書き換えが伴う修正：１箇所につき13,200円～
・CMSの追加：１箇所につき22,000円～

新しくホームページがほしい。

昔作ったけどじだいにあわなくなったなぁ

ご覧いただきありがとうございます。

「デザインは作成済み、コーディングだけを頼みたい」制作会社様・Webデザイナーの方、
「デザインやイメージは決まっているけれど誰にお願いしたらいいかわからない」とお悩みの方
ぜひお気軽にご相談ください^^

▼サービス内容
・頂いたデザインを元にHTML＆CSSコーディング(1ページ～複数ページ対応可能です。)
・レスポンシブ対応(スマホ・タブレット表示対応)
・JavaScript / jQuery(スライダー、ポップアップ、スクロールアニメーション等)
・お問い合わせフォーム作成
・WordPress化

▼料金に含まれるもの
・画像圧縮による速度最適化
・誤字脱字、表示くずれ等による修正(無制限)

▼料金例
・LPコーディング　¥10000～(レスポンシブ対応込み)
・お問い合わせフォーム実装　¥20000円(静的サイト)
　　　　　　　　　　　　　 ¥5000(WordPress)

▼制作の流れ
①ヒアリング・お見積り
※ページのボリューム、実装内容により料金が異なりますため、デザインデータの提示をお願い致します。
頂いたデザインを元に、お見積り・納品までの概算日数をお伝えします。

②1回目の提出
　内容により異なりますが最短約2～3日でご提出いたします。

③修正版の提出
修正回数に制限は御座いません！★

④納品
通常はzipファイルでの納品となります。
サーバーにアップの対応も可能ですので、そちらをご希望の場合はお見積りの際にご相談ください^^
ご確認頂きました後、納品のお手続きをさせて頂きます。
納品完了後は、ご評価をして頂けますと嬉しく思います^^

◆納期 　
1ページあたり2・3日程で、納品いたします。
※ページの長さ、アニメーション有無等で納期は前後いたします事あらかじめご了承ください。

すぐ納品します

総ページ数10,000ページ超！
シンプルなページのコーディングを、
最短3営業日（※）で代行いたします！
お客様の事情に合わせた柔軟な対応をさせていただきます。

■サービス内容
・HTML＋CSSを用いた静的なコーディング
・レスポンシブ対応
・簡単なJavascript

こんなお悩みありませんか？

「デザインはできているけどコーディングが間に合わない」
「コーディングしてみたら思ってたのと違った！」
「後から修正が入ってしまった！」
「ページを追加しているうちに結局割高に！」
ということがよくありますよね。

▼デザイナーだから融通が効く！
デザイナーが兼任するので、ちょっとしたデザインの修正にも対応可能です。
※大幅なデザイン変更の場合は別途費用が必要です。

デザインもご希望のお客様は、WEBサイト制作プランをご検討ください。
https://www.lancers.jp/menu/detail/1266171

▼おおまかな制作の流れ

1. お問い合わせ
   「まずは相談する」ボタンよりお気軽にご相談ください。
   デザインデータをお持ちのお客様は、デザインデータもお送りいただけるとスムーズです。

2. デザインデータの送付・コーディング開始
   確定したデザインデータをお送りください。

3. コーディングデータのご確認
   弊社テストサーバーにて、コーディングデータをご確認いただきます。
   修正必要な箇所がある場合はテストサーバー内にて修正を反映いたします。

4. 納品
   ご確認いただいたデータ一式をzipまたはサーバーにアップロードで納品となります。

■ご注意事項
・目安として5,000px程度のデザインの価格となります。
・デザイン内容によっては追加料金をお願いする可能性がございます。
・複雑なJavascriptを使用する場合は別途費用が発生します。
・原則ブレイクポイントは1つの価格となります。（PC/スマホ）
・レスポンシブ対応が必要な場合は、スマホのデザインもお送りください。
・案件時期によっては3営業日で納品できない可能性もございますので予めご了承ください。
・制作実績として作成したホームページの画像やURLを掲載させていただきます。掲載不可の場合はお気軽にお知らせください。

独学で培った確かな実装力と丁寧な対応で、お客様のイメージを正確に形にします

このようなお悩みはありませんか？

✓Webサイトを新しく作りたいが、どこに頼めば良いか分からない
✓既存のデザインを忠実に再現してサイトを構築してほしい
✓集客につながる魅力的なランディングページが欲しい
✓HTML/CSS/JSでのコーディング代行を探している
✓費用を抑えて高品質なWebサイトを実現したい

発注の流れ

お問い合わせ・ヒアリング
ランサーズのメッセージ機能を通じて、お客様のWebサイトやLP制作の目的、ターゲット、ご希望のデザインや機能について詳細にお伺いします。

企画・お見積り
ヒアリング内容に基づき、最適なプランと詳細なお見積りをご提案いたします。ご不明な点はお気軽にご質問ください。

仮払い・制作開始
提案内容にご納得いただけましたら、ランサーズのシステムで仮払い手続きをお願いいたします。確認後、制作を開始します。

最終確認・納品
完成したWebサイトまたはLPをご確認いただき、問題なければ最終的な納品を行います。ご要望に応じて調整いたします。

対応範囲・価格

企画・事前相談：要相談
お客様のWebサイトやLP制作の目的、ターゲット、ご希望のデザインや機能について、ランサーズのメッセージ機能を通じてじっくりとヒアリングさせていただきます。具体的な方向性を一緒に検討し、最適なプランをご提案いたします。

HTML/CSSコーディング代行：15,000円〜
FigmaやXDなどのデザインデータをお預かりし、HTMLとCSSを用いてWebサイトを正確に構築します。クロスブラウザ対応やSEOを考慮したセマンティックなコードを心がけ、品質の高い成果物をお届けします。

ランディングページ（LP）制作：35,000円〜
集客やコンバージョンを目的としたLPを、デザインからコーディングまで一貫して承ります。ご提供いただいたデザインデータをもとに、JavaScriptによる動きも加え、ユーザーの行動を促すページを制作いたします。

納期

ご依頼内容により異なりますが、ベーシックプランで約10日、プレミアムプランで約30日を目安としております。

制作の流れ

要件定義・構成検討
お客様からヒアリングした内容をもとに、サイトの目的やターゲットに合わせたコンテンツ構成や機能要件を明確にします。

デザインデータ分析・準備
ご提供いただいたデザインデータ（Figma、Adobe XDなど）を詳細に分析し、コーディングに必要な素材や情報を準備します。

コーディング作業
HTML、CSSを中心に、高品質かつ保守性の高いコードでWebサイトを忠実に実装します。必要に応じてJavaScriptも記述します。

動作・表示確認
制作したWebサイトが複数のブラウザ（Chrome, Firefoxなど）やデバイス（PC, スマートフォン）で正しく表示され、機能が正常に動作するかを厳密にテストします。

お客様レビュー・修正
制作物をご確認いただき、ご意見やフィードバックに基づいて調整を行います。軽微な修正は料金内で対応いたします。

最終納品
最終的なご確認が済みましたら、指定の方法（ファイル共有など）で完成した成果物を正式に納品いたします。

サービス内容

独学で培ったHTML、CSS、JavaScriptのスキルを活かし、お客様のイメージを形にするWebサイトのコーディングサービスを提供いたします。特にランディングページ制作や静的サイト構築を得意としており、ユーザー体験を意識した、読みやすく保守性の高いコードを心がけております。デザインデータからの忠実な再現はもちろん、簡単なアニメーションやフォーム連携など、目的に合わせた機能実装にも柔軟に対応いたします。

WebサイトやLP制作で、「思った通りのデザインにならない」「どこに頼めば良いか分からない」といったお悩みはありませんか？独学でHTML/CSS/JavaScriptの実装力を磨いてきた私が、お客様のイメージを正確に形にする丁寧なコーディングを心がけています。未経験からのスタートですが、常に最新技術を学び続け、お客様のビジネスに貢献できるよう全力で取り組みます。まずはお気軽にご相談ください。あなたのWebサイト制作の第一歩を、ぜひ私と一緒に踏み出しましょう！

手厚いサポートと丁寧なコーディングで、あなたのWebサイトを理想の形に！

このようなお悩みはありませんか？

Webサイトの修正、LP制作、既存サイトのレスポンシブ化

発注の流れ

お問い合わせ
メッセージにて、ご希望のWebサイトのイメージや必要な機能、納期などをお気軽にご相談ください。

ヒアリング・提案
Webサイトの目的やターゲット、デザインイメージなどをヒアリングし、具体的な提案をさせていただきます。

ご契約・お見積もり
提案内容にご納得いただけましたら、正式にご依頼ください。お見積もりをご提示いたします。

制作開始
デザインデータや必要な素材をご提供いただき、コーディング作業を開始いたします。進捗状況は随時ご報告いたします。

ご確認・修正
完成したWebサイトをご確認いただき、修正点があればご指摘ください。迅速に対応いたします。

納品・アフターサポート
最終確認後、納品となります。納品後も、軽微な修正は無償で対応いたします。

対応範囲・価格

HTML/CSSコーディング：3万円〜
Figmaなどのデザインデータをもとに、HTML/CSSで丁寧にコーディングいたします。

WordPressサイト制作・修正：5万円〜
WordPressのオリジナルテーマ、既存テーマをカスタマイズし、理想のWebサイトを制作します。

ランディングページ（LP）制作：8万円〜
集客効果の高いランディングページ（LP）を、デザインからコーディングまで一貫して制作します。

既存サイトの改修・レスポンシブ対応：2万円〜
既存Webサイトのレイアウト調整や、スマートフォン対応（レスポンシブ対応）を行います。

納期

内容により1週間〜

制作の流れ

企画・ヒアリング
お客様からWebサイトの目的やターゲット、デザインイメージなどを詳しくヒアリングします。

デザイン
ヒアリング内容に基づき、Webサイトのデザイン案を作成します。

コーディング
デザイン案を元に、HTML/CSS/JavaScriptなどを使用してWebサイトを構築します。

テスト・修正
作成したWebサイトをテスト環境で確認し、動作や表示に問題がないかチェックします。

お客様確認
お客様にWebサイトをご確認いただき、修正点があれば修正します。

納品
最終確認後、Webサイトを本番環境にアップロードし、納品完了となります。

サービス内容

HTML/CSSコーディング、WordPressサイト制作・修正、LP制作、既存サイトの改修・レスポンシブ対応を承ります。丁寧なコミュニケーションと正確な技術で、お客様のWebサイト制作をサポートいたします。

Webサイトのことでお困りではありませんか？
デザインはあるけどコーディングできる人がいない。
今のWebサイトをスマホ対応にしたい。
そんなお悩みを解決します！

私はHTML/CSSコーディング、WordPressサイト制作、LP制作、既存サイトの改修を承っております。
丁寧なコミュニケーションと正確な技術でお客様のWebサイト制作をサポートいたします。

「まだ経験の浅い部分もありますが、その分、報連相を大切にし、責任をもって最後まで対応いたします。」
まずはお気軽にご相談ください。

デザイン通りの高品質なWebサイトを、
保守性を重視した丁寧なコーディングで構築します

このようなお悩みはありませんか？

・デザインデータはあるけれど、思った通りに再現されるか不安
・将来的な修正や機能追加を考え、保守性の高いコードで構築したい
・PC／スマホ／タブレットすべてで表示崩れのないサイトにしたい
・WordPressサイトの軽微な改修や不具合対応を任せたい
・表示速度や基本的なSEOも意識してほしい

このようなお悩みがありましたら、ぜひお力にならせてください。

サービス内容

Figmaなどのデザインデータをもとに、
HTML／CSS（SCSS）／JavaScript（jQuery）を用いて
デザインを忠実に再現した高品質なWebコーディングを行います。

特に、将来的な修正・拡張を見据えた
保守性の高いコード設計（Sass＋BEM） と、
全デバイスで表示が崩れない丁寧なレスポンシブ対応を重視しています。

また、WordPressテーマの編集や軽微な不具合修正にも対応可能です。
hタグ構造、OGP設定、表示速度など、
基本的なSEOを意識した実装も行います。

対応範囲・価格目安

HTML／CSSコーディング（1ページ）：10,000円〜
デザインデータをもとに、HTML／CSS（SCSS）で1ページを忠実に再現。
レスポンシブ対応を含む静的コーディングです。

WordPressテーマ編集・改修：30,000円〜
既存テーマのPHP修正、ページ追加、表示崩れ修正、
軽微な不具合対応など部分的な改修を行います。

ランディングページ（LP）コーディング：50,000円〜
デザインデータからLPを1ページ構築。
UI実装や基本的なSEOを考慮し、集客に貢献するLPを制作します。

※内容により変動するため、詳細はご相談ください。

制作の流れ

お問い合わせ・ヒアリング
　ご要望やご予算、納期などを丁寧にヒアリングします。

お見積り・ご提案
　最適なプランと作業内容をご提案します。

ご契約・仮払い
　ランサーズ上で正式なお手続きをお願いいたします。

制作開始
　デザインデータ確認後、方針を共有し制作を開始します。

確認・調整
　必要に応じて進捗をご確認いただき、調整を行います。

最終確認・納品
　最終チェック後、データ納品となります。

大切にしていること

Webサイトはビジネスの顔であり、その品質は信頼に直結します。
デザインが良くても、コーディングの質が低ければ
修正しづらく、長く使えないサイトになってしまいます。

私は、「デザイン通りであること」 と
「将来も使いやすいこと」 の両立を大切に、
細部まで丁寧にコーディングを行っています。

「まだ仕様が固まっていない」
「まずは相談だけしたい」
という段階でも問題ありません。

どうぞお気軽にご相談ください。

HTML / CSS / JavaScript のコーディングを代行し、ご支給のデザインデータを明快なコードで正確に再現いたします。
デザインデータは、Figma / Adobe XD / Sketch / Adobe Illustrator でのご支給に対応します。

Webサイト制作会社様はもちろん、Web制作の経験が少ないデザイン事務所様など、デザインワークを Webメディアに広げたい企業様もお気軽にご相談ください。
グラフィックデザイナー様からのご依頼案件も実績が多数ありますので、デザインデータ制作に際してのご質問に、ガイドラインをお示ししてお答えできます。

貴社の Web制作プロジェクトをお手伝いできればうれしいです。
具体的な案件について、お気軽にご相談ください。お問い合わせをお待ちしております。

［対応業務］
・HTML / CSS / JavaScript コーディング
・WordPress でのCMS構築 / カスタマイズ
＊ その他 Webサイト関連業務については、別途ご相談ください。

［対応デザインファイル形式］
・Figma
・Adobe XD
・Sketch
・Adobe Illustrator
＊ Aiでの支給の場合は、PDFファイルを添付してください。

［対応コミュニケーション手段］
・Lancers メッセージ
・Slack
・ChatWork
＊ 継続的なパートナー関係の構築後、Eメールや携帯電話などでのコミュニケーションや、Zoom などでのオンラインミーティング、対面での打ち合わせ（名古屋市・近郊）も可能です。

［料金について］
基本料金の金額及び納期は目安です。
詳細な要件を確認後、正式な見積もりをご提案いたします。

Web業界実務20年超のクリエイターがHTMLコーディングを行います。

コーディングの手伝いを探している方や、パートナーをお探しの業者様等への
コーディング代行サービスを提供しております。

■ 基本サービス【4月・5月・6月迄の特価対応中】
▶デザインデータ 10,000px 15,000円
▶デザインデータ 20,000px 30,000円

■ サービスに含まれるもの
・HTML／CSS コーディング
・レスポンシブ対応込（ブレークポイント2、基本的なカラムダウン）
・簡易JavaScript込（タブ切り替え、アコーディオン開閉 等）
・簡易アニメーション込（スクロール時の上下左右スライドイン）

■ オプション（別途御見積）
・デザイン高さ＋2500pxにつき：4,000円
・Adpbe stock 画像使用5点以内：10,000円

■ 制作の流れ
① 「見積り・カスタマイズを相談する」よりご相談
② デザインデータ（ai/XD/Figma 等）お預かり
③ 御見積の提示
④ ご発注
⑤ コーディング作業
⑥ ご確認と修正・調整
⑦ 納品

■ 納品スケジュール
稼働状況により作業開始日および納品日は変動しますが、
完全フリーな稼働状況とした場合、以下が目安となります。
・デザインデータ換算で、最低でも6000px／1日ペースで制作
・トータル作業日数の＋1日を確認・調整期間

例えば24000pxのデザイン・コーディング案件の場合、
作業日に24000/6000で4日、確認・調整期間に+1日とし、
合計5日が最短納品日となります。
※確認一発OK等の場合は確認調整期間の圧縮は可能です。

■ 納品方法
・トークルームにてzipファイルによる納品

購入にあたってのお願い
まずは「見積り・カスタマイズの相談」にてお気軽にご相談ください。

●ご要望に合わせてお見積りをいたしますので、完成したデザインデータを事前にご用意ください。対応するデザインデータは Illustorator AI、XD、Figma のテキストデータや画像素材データがそのまま取り出せる状態であることを条件とします。

●購入後の状態が事前情報と異なる場合や想定していた仕様と異なり作業内容が変わる場合はご相談の上追加料金をお願いする場合があります。
●作業完了報告後のこちらの不備以外の修正や変更は回数や内容により追加料金を頂きます。
●サービス開始後５日間以上お返事頂けない場合納品完了とさせて頂く場合がございますので、連絡が取れない事情がある場合は事前にお知らせください。
●サービス開始後はキャンセルできません。
3,000 円

デザインや写真など素材は全部揃っている、コーディング作業だけをお願いしたい、といった制作会社やデザイナー向けパッケージです。

▼△▼こんな方にオススメ▼△▼
▽コーダーが不足している企業様
　日常的に、需要に対してコーディングできる人が足りていない状態です。
　人を雇うまでではないけど、コーディング作業を依頼したい企業様にオススメです。

▽コーディングが苦手なデザイナー様
　ウェブデザインはできるけど、コーディングができない／苦手なデザイナー様も多いと思います。
　デザインデータをもとに、コーディング作業のみお受けします。
　ディレクションやデザイン業務に集中したいデザイナー様にもオススメです。　

▽WordPressが苦手な方
　プラグインなどの管理方法がわからない、テーマをどのように管理したらいいかわからないなど、WordPressでウェブサイトを作成したい人にオススメです。

▽WordPressのバージョンアップにお困りの方
　すでにホームページは持っているが、古いバージョンのために管理が難しい状態となっている方にオススメです。

▽既存のWEBサイトを単発で修正したい方
　すでに稼働しているホームページを修正したい方にオススメです。

▼△▼パッケージ購入で期待できる効果▼△▼
▽困ったときだけ作業を依頼できる
　自社ですべてを賄おうとすると、雇用が必要となります。
　コーディングを外注にすることで、困ったときだけ作業を依頼することができます。

▽専門家に作業を依頼できる
　Webデザイナーの中にも、「デザインが得意な人」「コーディングが得意な人」など様々です。HTML/CSS/JavaScriptに限らず、PHPなどのプログラム言語に特化しているので、いろいろな問題にも対応することができます。

▽ 作業分担できる
　分担して作業した方が効率的です。コーディングを外注することにより、制作会社様やデザイナー様はディレクションやデザインに注力することができ、より効率的に制作物の制作を行うことができます。

▼△▼制作の流れ▼△▼
・ヒアリング、デザインや情報のご提供
・お見積り
・ご契約、仮払い
・着手開始
・納品（初稿）
・検収・修正
・プロジェクト完了

▼△▼サービス内容▼△▼
コーディング作業のみとなっています。
・静的コーディング
・LPコーディング
・WordPressオリジナルテーマ構築
・WordPress既存テーマの修正
・WordPressカスタマイズ
・バグや崩れなどの修正
・サイトの更新　　など

お見積もり、ご相談、ご質問、お悩み、なんでもお気軽にご連絡下さい。

▼△▼納期について▼△▼
１ページの情報量やページ数、アニメーション有無などによって変動します。
どのようなサイトにしたいか、参考にしたいサイトのURLなどの情報をご提供ください。
まずはお気軽にお問い合わせください。

【 先着3名様まで！通常価格より30％引きでお受けいたします！ 】

数あるサービスの中からこちらをご覧いただき、誠にありがとうございます！

◆ただいま【 無料相談 】を実施中です！

• 制作リソースが足りずに困っている。。
• 一緒に制作をしてくれるパートナーがほしい。。
• 最後までやりきってくれるか不安。。
• コミュニケーションが取れずに困っている。。

制作会社様、フリーランスのディレクター様、デザイナー様など、
このようなお悩みを抱える方々からのご依頼を承ってまいりました。

前の制作者と連絡がつかなくなってしまった案件をフォローしたり、
炎上してしまった案件の解決に参画させていただいたりと、
数多くのお困りごとに取り組み、解決してまいりました。

お困り事がございましたら、まずはお話をお聞かせください。
解決策を一緒に考えさせていただきます。

■提供可能なこと

• デザインを忠実に再現し、保守・運用がしやすいコーディング
• ユーザー目線に立った積極的なご提案
• クライアント様の運用を考えたWordpressの構築
• 管理シートを用いての案件管理・スケジュールや確認事項の共有

■制作内容の詳細

・静的コーディング（1ページ〜）
・各種アニメーションや機能の実装
・お問い合わせフォームの設置と実装（HTML、WordPressのどちらでも可）
・WordPress化
　
※WordPressの導入については、別途追加費用が発生いたします。
※アニメーションや機能の実装については、ボリュームによって別途追加費用が発生する場合がございます。

■ご予算について

記載の金額はあくまで目安です。
作成するページ数やご要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談下さい。

■購入の流れ

１．無料相談
　　ご依頼の内容についてお伺いいたします。
２．ご提案
　　内容を整理し、実装方法や具体的なお見積もり、納期についてご提案いたします。
　　ご準備いただくもの（デザインデータや素材など）についても確認させていただきます。
３．ご契約
　　内容を互いに確認したのちに、契約をさせていただきます。
４．作業開始
　　実際に作業を開始いたします。
　　定期的に進捗をご報告しつつ、ご不明点はその都度確認させていただきながら進めてまいります。
５．初稿提出〜修正対応
　　コーディング完了後ご確認をいただき、修正点があれば対応してまいります。
６．納品
　　最終チェックを完了したのち、データ納品となります。
　　納品後の管理・運用については、ご希望に合わせてレクチャーなどを行うことも可能です。

■私について

９年間高校の教師として勤めたのち、独学でWeb制作のスキルを習得いたしました。
現在は複数の制作会社様のWeb制作専門外部パートナーとして活動しており、

【 WordPressサイトやLP 】を、
【 デザインからコーディングまで一貫した体制 】で制作しております。

1500名以上の生徒や、保護者や地域の方々との関わりの中で培ってきた「信頼関係を構築するプロ」としての経験がございます。

• 丁寧なヒアリングと用件のすり合わせ
• 積極的なご提案
• 不安を与えないコミュニケーション
  これらをWeb事業にも活かし、ディレクター様やデザイナー様から高評価をいただいております。

ここまでお読みいただきましてありがとうございました！
ご不明な点がございましたら、いつでもお気軽にメッセージをいただければ幸いです。
ご連絡をお待ちしております！！

■こんな方におすすめ

コーディングを外注したいデザイナー様、制作会社様
コーディング、WordPress構築を外注できるパートナーが欲しい

■料金

トップページコーディング：20000円〜
LPコーディング：30000円〜（ボリュームに応じてお見積もり）
下層ページコーディング：1p 10000円〜

ーーーーーーーーーーーーーーーーーーーーーーーーーー

■基本サービス

・HTML/CSSを使ったコーディング
・CSS設計に基づいたコーディング
・jQueryを使ったアニメーションの実装
（ハンバーガーメニュー、アコーディオン、スムーススクロール、スライダー）
・レスポンシブ対応
・metaタグの設置
・画像圧縮による表示速度最適化
・完成後にチェック・テストを行い、品質を担保

ーーーーーーーーーーーーーーーーーーーーーーーーーー

■オプション

・その他jQueryを使ったアニメーションの実装：3000円〜/1点
・Word Pressの導入・構築（オリジナルテーマ）

■動作確認ブラウザ

・Mac
Chrome, Fire Fox, Safari, Microsoft Edge
・iPhone12
Chrome, Safari

■制作の流れ

①「見積もり・カスタマイズの相談に進む」より、ご依頼内容を詳しくお聞かせください。
納期や具体的なお見積りをさせていただきます。
↓
②ご契約
デザインデータ、写真やテキストなどの素材データをお送りください。
↓
③コーディング開始（進捗を都度報告いたします）
↓
④ご確認（テスト環境）
コーディング完了後、ご確認をいただき、修正箇所があれば対応いたします。
※大幅なデザイン変更は追加料金をいただく場合がございます。
↓
⑤納品
zipファイルにて送付・もしくはサーバーへのアップ

■当サービスの強み

1.画像圧縮、基本のアニメーション（ハンバーガーメニューなど）は基本料金内で対応いたしますので、費用を抑えることができます。

2.納品前に独自の品質チェックシートを用いて確認・テストを行います。パーフェクトピクセルも使用いたしますので、デザイン通りにコーディング。品質を担保します。
（チェックシートは納品時に共有いたします）

3.作業時間は平日最低8時間/日以上確保可能。報連相をこまめに行い、お急ぎ案件なども対応いたします。

ご不明点がございましたら、お気軽にご連絡ください。
迅速・丁寧に対応させていただきます。
よろしくお願いいたします。

長年の経験を活かし、お客様のご要望に合わせたWebサイトを制作いたします！スマートフォン／WordPressに対応！WordPressカスタマイズもお任せください。

このようなお悩みはありませんか？

デザインは得意だがコーディングが苦手。プログラムを組み合わせて動きがあるサイトを作りたい。そもそもコーディングできる人がいない。スマホ対応もしたいが、知識がない。

発注の流れ

お問い合わせ
メッセージにて、ご希望のデザイン、ページ数、納期などをお知らせください。参考となるWebサイトがあれば、URLをお知らせください。

デザイン確認
デザインデータ（Photoshop、XDなど）をお送りいただき、詳細な仕様について打ち合わせを行います。

お見積もり・契約
お見積もりをご確認いただき、ご納得いただけましたら契約となります。

コーディング
コーディング作業を開始します。進捗状況は随時ご報告いたします。

納品・検収
完成したWebサイトをご確認いただき、修正点があれば修正いたします。

対応範囲・価格

Webサイト コーディング：5万円〜
デザインデータに基づき、HTML/CSS/JavaScriptでコーディングを行います。スマホ対応も込み。

WordPressテーマ 制作：12万円〜
基本のコーディング、WordPress導入、サーバー設定に加え、WordPressのテーマをオリジナルで作成。既存プラグインで実装できない機能の作成など、自由なカスタマイズを実現。

スマホ対応：3万円〜
既存のWebサイトをスマホ対応に最適化。レスポンシブデザインで、どんなデバイスでも美しく表示。

納期

プランによって異なりますが、通常1週間〜1ヶ月程度で納品いたします。

制作の流れ

設計
お客様から提供されたデザインデータと要件を基に、Webサイトの全体構造を詳細に設計します。

コーディング
HTML、CSS、JavaScript技術を用いて、Webページを構築します。

レスポンシブ対応
多様なデバイス（PC、スマートフォン、タブレット）でWebサイトが適切に表示されるよう、レスポンシブデザインを実装します。

テスト
制作したWebサイトをテスト環境にアップロードし、動作確認、表示崩れ、リンク切れなどの問題を検証します。

修正・改善
お客様にテスト環境でWebサイトをご確認いただき、フィードバックを基に修正や改善を行います。

納品・公開
最終確認後、Webサイトを本番環境にアップロードし、公開します。必要に応じて、公開後の技術サポートやメンテナンスも提供します。

サービス内容

デザインデータからHTML、CSS、JavaScriptのコーディングを行います。スマホ対応もいたします。スマホ向けのデザインがない場合はPC向けのデザインを調整し、適応させます。

Webサイトのコーディングでお困りではありませんか？

「デザインは得意だけどコーディングが苦手…」「スマホ対応もしたいけど、知識がない…」「WordPressのデザインをカスタマイズしたい…」そんなお悩みを解決します！

経験豊富なWebデザイナーが、ご要望い合わせたWebサイトをコーディングいたします。病院、大学関連のWebサイト制作で培った経験を活かし、スマホに対応する機能的なコーディングをご提供します。

WordPressのカスタマイズもお任せください。まずはお気軽にご相談ください。

▼このような方へおすすめ
・模写コーディングを求めている方
・1からホームページを制作したい方
・ホームページをリニューアルしたい方
・ECサイトを作成しネットショップを始めたい方
・迅速に作業を進めて欲しい方

▼ご提供内容
・模写コーディング[HTML,CSS,Java]
・WEBデザイン制作の斡旋
・ECサイトの制作

▼ご購入後の流れ
・WEBデザイン、素材の受け取り(素材ありの方)
↓
・ページ制作後ご確認
↓
・修正箇所があれば修正
↓
・完了・納品
↓
※指定期間内であれば画像やテキスト修正を行いますのでご依頼下さい。

▼制作可能なジャンル
・HTML,CSS,Javaを使用したホームページ、ECサイトの制作
※違法なサイト以外には業種は基本的に問いません。

▼納期や料金プラン、オプション
・ご相談頂きましたら出来る限り対応させて頂きます。

ご希望のデザインを完全再現いたします！

頂いたデザインデータを忠実に再現し
想いをカタチにすることを心掛けています。

銀行での人事部での経験から、徹底したタイムスケジュール管理と柔軟な対応でお客様のご要望を組み込み、迅速・丁寧な作業をするのが得意です！

確かなスキルでデザイン通りに制作いたします。ご納得いただけるまで修正いたします。

・HTML/CSSコーディング
・基本的なSEO対策
・保守性の高いコーディング

上記はすべて基本料金に含まれています。

※ご依頼後にデザインに変更があり実装が変わる場合は、追加で費用をいただく場合がございますので予めご了承願います。(簡単な変更の場合はご不要です)

▼作業内容

・静的コーディング
・LPのコーディング
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどのアニメーションの実装
・JavaScriptの機能実装
・WordPress化:内容により別途でお見積り

★おすすめなお客様★

・お手持ちのデザインデータを再現したい！
・コーディングを外注したい！
・デザインはできるけどコーディングは苦手
・コーダー不足で外注先をお探しの制作会社様
・コーダーのパートナーをお探しのデザイナー様
・デザイン素材はあるがコーティングを任せたい方

■ご予算について

作成するページ数やご要件に応じて金額は変動いたします。ご予算に応じて調整可能ですので、お気軽にご相談下さい。

〜ご依頼の流れ〜

①「見積もり・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
↓
②納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします。
↓
③お見積もりなど問題なければ、発注をお願いいたします。
写真やテキストなど、サイトに使用する素材がある場合お送りください。
※画像の加工・作成のご依頼も承っています。必要な場合、別途ご相談ください。
※デザインが制作途中の場合はワイヤーや全体の構成図がわかるものをお送り頂ければ先行して作成致します。
↓
④最終的な納品日をお伝えし、サイト構築開始。
↓
⑤コーディング完了後、ご確認をいただき無料で修正対応いたします。
最終チェックが完了後、データ納品となります。

●納期について

デザインデータ受領翌日からの日数を頂いております。
ご希望納期がある場合はご相談ください。

●納品形式

ZIPにてファイル送付致します。
ご希望あればサーバーアップロードも行います

「誠心誠意」丁寧な対応を心掛け、お客様のご要望を組み込みながらデザインの完全再現ができるよう、丁寧に柔軟な対応を心掛けています。

ご不明点などございましたら、見積もり・カスタマイズの相談あるいはメッセージでお気軽にお問い合わせください。

ホームページ・LPのコーディングを代行いたします！

FigmaやXD、Illustratorなど各種デザインデータから、忠実かつ丁寧なHTML/CSSコーディングを行います。

⸻

🔧 対応内容
• HTML/CSSコーディング（静的ページ 1ページ）
• レスポンシブ対応（スマホ・タブレット最適化）
• Webフォント、画像最適化による表示速度の改善
• jQuery・CSSアニメーションの実装（オプション対応可）
• テストサーバーでの動作確認
• SEOを考慮した構造マークアップ

⸻

💡 こんな方におすすめです
• 「デザインに集中したいけど、コーディングに時間を取られてしまう」
• 「スムーズに意図を汲んでくれるコーダーを探している」
• 「信頼できる外注先を継続的にお願いしたい」

⸻

🚀 納期について
• 初稿は 最短5営業日 でご案内可能です。
• お急ぎ案件もスケジュール調整が可能な場合がございます。お気軽にご相談ください。

⸻

📦 納品形式
• ソースコード一式（zip形式）
• テストサーバーにアップロード
• ご指定のGitHubリポジトリ等への反映　など、柔軟に対応します

⸻

📝 ご依頼の流れ

1. ヒアリング＆お見積もり
   ご要件を確認後、お見積もりと納期をご提案します。
2. デザインデータのご提供
   （対応形式：Figma / XD / Photoshop / Illustratorなど）
3. コーディング作業（テスト含む）
4. 初稿のご確認＆修正対応
5. 最終確認・納品

⸻

📌 ご用意いただきたいもの
• デザインデータ一式
• 素材画像・文言（必要に応じて）
• サイトタイトル・説明文

⸻

丁寧・迅速・柔軟な対応を心がけております。
まずはメッセージから、お気軽にご相談ください！

ご覧いただきありがとうございます。

Webサイトの修正や更新をはじめ、

新規Webサイトのコーディングを１ページから承ります。

◼︎特徴
・ デザインを忠実に再現
・ メンテナンスを重視したシンプルなコーディング
・ SEOに配慮

◼︎プランの詳細
・HTML / CSS コーディング
・レスポンシブ対応
・内部SEO対策

・ハンバーガーメニュー、スライダーなどの基本的な動きの実装（javascript / jQuery）
・修正無制限（※仕様変更は別途費用がかかります）
※デザインデータはご支給ください。

◼︎ご予算・納期
　各プランの価格・納期は目安です。ご要望により変動いたします。
　まずはお問い合わせください。

◼︎制作の流れ
ヒアリング
　↓
納品日・金額のご提示

　↓
ご契約
　↓
デザインデータ・素材等の共有
　↓
作業開始
　↓
ご確認・修正
　↓
納品

◼︎制作者について
Web等の広報媒体制作実績をもとに、迅速・柔軟・丁寧な対応を心がけています。
納品後のアフターフォローもお気軽にご相談ください。

こんな方へおすすめ

・検索順位を上げたい。

・専任エンジニアが急用で仕事ができなくなった。

・人手が足りない。

・専任エンジニアが休暇に入ってしまった。

・バグやエラーが出てるけど修正する人材がいない。

持てる技術と知識を最大限に発揮し取り組ませて頂きます。

数あるサービスの中から、当ページをご覧いただきありがとうございます。
LP/HPコーディング代行や、ホームページの修正を行っています。

▼こんな方におすすめ！！
・デザインデータはあるけどコーディングを任せたい
・忙しいからコーディングの一部を手伝って欲しい
・PCのデザインだけしかないけどスマホにも対応して欲しい
・他で見積もりしたらアニメーションなどで思った以上に費用が嵩んでしまった
・以前のホームページを修正したい

このようなお悩みおお持ちの方、是非お手伝いさせてください！

▼サービス内容
・HTML / CSS を使用した静的コーディング
・JavaScript（jQuery）を用いた基本的なアニメーションの実装
　(ハンバーガーメニュー、スライダーなど)
・レスポンシブ対応（スマートフォン対応）
・サイト高速化のための画像圧縮
・修正回数無制限（大きなデザイン変更は別途相談）
・favicon設置（データをいただけた場合）
・最低限のSEO対策

▼制作の流れ
【ご相談】
　「見積もり・カスタマイズを相談する」よりお気軽にご連絡ください

【ヒアリング・データ受領】
　ご希望内容をお伺いし、デザインデータをお預かりします

【制作開始】
　ご確認いただいたスケジュールにて、作業を進めます

【中間確認・修正対応】
　コーディング完了後、内容をご確認いただき、修正対応を行います

【最終確認・納品】
　最終チェックを経て納品いたします

▼ご準備いただきたいもの
・デザインのご準備をお願いします

※PC、SP片方だけでも問題ありません
普段からよしなに対応しておりますのでご安心ください♪

▼納品方法
・zipファイル提出または、サーバー公開(無料)になります。

▼その他
・納期はご相談ですが、お急ぎの場合もお気軽にお問い合わせください。
・進行状況は随時、ご報告させていただきます。
この際に修正があった場合はご遠慮なく申し付けください。

ご購入に関わらずご質問だけでも大歓迎です！
是非一度お問合せ下さい^^

ご閲覧ありがとうございます！
デザイナー歴6年目です。
本業ではランディングページ作成をメインにマーケティング関連のデザインをやっております。

コーディングがわからない。
画像は作れるけどその先がわからない。
プログラミング？何それ？

そんな方はぜひ、ご相談ください！
お安く作業致します。（本職でもコーディングをやっております。）

◆作業内容
・HTML/CSSを用いた静的コーディング
・SEO用にメタキーワードの設置
・テスト用アップロード時に修正対応

◆オプション
・レスポンシブ対応
・お問い合わせ・メールフォームの設置
・jQueryやCSSを使ったアニメーション

デザインカンプからのコーディングをメインにさせていただきます。
そのほかの、JavaScriptによる動的コーディング、 WordPressサイトの構築・カスタマイズ
などもさせていただきます。

【デザイナー歴10年以上が対応！】
本パッケージでは HTML5、CSS、JavaScript を用いた静的ページのコーディング（レスポンシブ対応込み）を行います。
デザインを忠実に再現することを心がけ、迅速かつ丁寧に仕上げます。

＼　このようなお悩みありませんか？　／
・コーディングに割く時間がない
・外注先を探している
・コーディングが苦手なWebデザイナー様
・継続して任せられるパートナーを探している制作会社様　...など

→ ぜひご相談ください！
　柔軟に対応いたします！！
　

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈┈┈┈┈┈ サービス内容 ┈┈┈┈┈┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

・ HTMの静的ページのコーディング
・ レスポンシブ対応
・ スライダーやタブ切り替えなどのJavaScript実装
・ 既存サイトの修正、ページ追加
・ 部分的な改修（HTML/CSS/JavaScriptの調整など）

▼無料対応範囲
・ レスポンシブ対応
・ サイト高速化（画像圧縮／WebP変換）
・ SEO用metaタグ設置（データご提供時）
・ OGP、favicon設置（データご提供時）
・ サーバーへのアップロード（FTP情報・アップロード先のご共有をお願いします）
・ 納品までの不備修正

▼追加オプション
下記についても柔軟に対応いたしますので、お気軽にご相談ください。
・ Wordpress構築
・ ECサイト向けのコーディング（makeshop、RMS、ecforce）
・ 高度なアニメーション実装
・ 特急対応（要相談）
　
　

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈┈┈┈ 対応可能なデータ ┈┈┈┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

・ Adobe XD
・ Photoshop
・ Illustrator
・ Figma

※確認用として一枚に書き出したデータ（JPEG、PNG、PDF）をご送付いただけますとスムーズです。
※Illustratorの場合はリンク画像の添付 or 埋め込みをお願いいたします。
※特殊フォントを使用する場合はアウトライン化またはフォントをご送付ください。
　
　

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈┈┈┈┈ 納品までの流れ ┈┈┈┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

1.ヒアリング
　↓
2.お見積り・納品日確認
　↓
3.ご契約・デザインデータお預かり
　↓
4.コーディング作業
　↓
5.ご確認・修正
　※仕様変更・デザイン変更は別途費用となります。ご注意ください。
　↓
6.最終確認・納品（サーバーアップロードまたはファイル送付）
　
　

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈┈┈┈┈┈ 納品形式 ┈┈┈┈┈┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

・ ZIPファイル送付
または
・ サーバーアップロード
　※アップロードをご希望される場合、はFTP情報のご提供をお願いいたします。
　※本番環境しかない状態でのアップロードは、万が一問題が発生しても責任を負いかねます。テスト環境をご用意いただくことを推奨しております。

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈┈┈┈┈┈ 確認環境 ┈┈┈┈┈┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

・ PC：chrome／Firefox／Edge
・ SP：chrome／Safari／Firefox／Edge（実機iPhoneで確認）
　
　

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈┈┈┈ 稼働スケジュール ┈┈┈┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

・ 稼働日：月～金 9:00～17:30
・ お休み：土日祝・お盆など
※お急ぎ案件は土日祝対応も可能です。ご相談ください。
　
　

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈ ご依頼前に必ずお読みください ┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

・ デザインデータは事前にご準備ください
・ Webフォント使用時はライセンスをご用意ください
・ サーバーへのアップロードをご希望される場合はFTP情報をご提供ください
・ コーディングルールがある場合は事前にお知らせください
・ 着手後の大幅なデザイン変更は追加費用が発生します
・ 進行後のキャンセルは進捗に応じてキャンセル料が発生します
・ 1週間以上ご連絡がない場合、キャンセル扱いとなる場合があります。
　ご回答にお時間がかかりそうな場合はその旨をお伝えいただけますと幸いです。
　

ご満足いただけるよう、迅速・丁寧・柔軟な対応を心がけています。
ご不明点やご相談はお気軽にお問い合わせください。

既存サイトの修正や機能の拡張、不具合対応などを致します。

レスポンシブ対応、静的サイトから動的サイトにしてほしいなど幅広い対応が可能です。
まずはご相談ください。
※平日は会社員として働いているため、納期を長めに確保しております。
※納期には予備日を含んでいるため、基本的には納品まで記載の日数はかからないです。

主にHTML/CSSコーディング承ります。
テンプレートを利用したサイト作成も安価で行っております。

▼予算は抑えたいが、ある程度の完成の高いサイトを作成したい個人事業主、小規模企業におすすめです。
▼HTML/CSSコーディング, WordPress導入, サイト管理,
▼ご購入の流れ打ち合わせ
ヒアリング
ミーティング（オンライン）にて希望するデザインや機能などについて詳細に話し合います。
　　　　　↓
提案、見積の作成
提案書や見積もりを作成します。(概要、スケジュール、費用、使用する技術等)
　　　　　↓
見積もりの提示
内容や予算について見積を提出いたします。必要に応じて調整を行います。
　　　　　↓
契約の締結
合意が得られたら、契約書を作成し、双方の署名を得て正式に作業を開始します。
　　　　　↓
制作フェーズ
制作中、進捗確認をさせていただきます。
　　　　　↓
納品
ご確認いただき、問題なければ、納品させていただきます。

料金や目安となります。ご相談くださいませ。

現役のWEBデザイナーが対応します！
「デザイン作業だけに集中したい」「コーダーが不足している」などお困りごとがありましたら
是非お気軽にご相談下さい。

＜サービス内容＞
◎１ページ（レスポンシブ対応します）
◎PSDファイル、AIファイル、Figma、AdobeXDなどにてデザインデータの提供をお願いいたします。
（デザインからこちらで請け負う場合はお見積りとなります。）
◎納品方法はファイル納品、サーバへのアップロードどちらにも対応します
◎納品後の修正は３回以上はお見積りとさせて頂きます。（こちらのミス等はカウントしません）

＜制作の流れ＞
①ご依頼内容についてヒアリング
②お見積り
③ご契約
④お客様よりデザインデータのご提供
⑤コーディング
⑥お客様にてご確認・修正作業
⑦納品

＜私について＞
インハウスのWEBデザイナーとして10年間WEBデザイン＆コーディングを行ってきました。
LPやトップページ制作の他、ウェブ解析、SEO対策、ライティングの経験もあるため幅広くご相談に乗ります。
★スピード感　★メンテナンスのしやすさ　★ページの表示速度
を意識してコーディングを行います！

＜実績＞
実績に関しては、個別にお問合せ頂けましたらお伝えいたしますのでお気軽にお声がけください。

LPサイトのパッケージ商品です。
コーディングのみの商品となります。デザインは支給していただきます。
（デザイン混みの商品もあるので、デザインから必要な場合はそちらをご覧くださいませ。）
スマホ対応も含め3日で納品可能です。

デザインのあるページのHTML、CSS、Javascriptコーディングを行います。
デザインのない場合も別途対応しますが、追加の費用をいただきます。また、デザインはそれほど専門的な技術を持っていないため奇抜なデザインなどは難しいです。

【安心丁寧対応！コーディング業務を外注しませんか？】

パッケージ出品をご覧くださりありがとうございます！
Webデザイナー・コーダーの菅井と申します。

ーこんなお困りごとありませんか？ー

• ・コーディングを外注したいデザイナー様、制作会社様
• ・コーディング、WordPress構築を外注できるパートナーが欲しい

私にコーディング業務をお任せください！
しっかりと要件を伺って真摯に対応させていただきます！

ーサービスの内容ー

・静的コーディング
　→ LPやホームページなどの静的コーディングが可能です。
　　レスポンシブ対応も可能となっています。

・WordPressのオリジナルテーマ開発
　→ WordPressの導入、構築が可能です。カスタム投稿やカスタムフィールド等のカスタマイズも対応していますのでお気軽にご相談ください。

その他にも
・JavaScript/jQueryを使用したアニメーション
（スライダー、スクロール、アコーディオン、ハンバーガーメニューなど）
・metaタグの設置
・画像圧縮による表示速度最適化
も対応しております。

-これまでの制作実績-

・学習塾様のLP制作
・経営サポート事業様のHP制作
・コーポレートサイトHP制作

-ご予算について-

記載の金額はあくまで目安となります。
ページ数や要件に応じて金額は変動いたします。
ご予算に応じて調整可能ですので、お気軽にご相談くださいませ！

-制作の流れ-

①「見積もり・カスタマイズの相談に進む」より、ご依頼内容を詳しくお聞かせください。
納期や具体的なお見積りをさせていただきます。
↓
②ご契約
デザインデータ、写真やテキストなどの素材データをお送りください。
↓
③コーディング開始（進捗を都度報告いたします）
↓
④ご確認（テスト環境）
コーディング完了後、ご確認をいただき、修正箇所があれば対応いたします。
修正回数は特に設けておりません（デザイン等の大幅修正は除く）。
↓
⑤納品
zipファイルにて送付・もしくはサーバーへのアップ

-最後に-

最後までご覧いただきありがとうございました！
ご相談やお見積りは無料で行っておりますので、
少しでも気になりましたらお気軽にご相談ください！

提供する業務内容

デザインデータ（Figma、PSD、XDなど）をもとに、HTML/CSSによる高品質なコーディングを行います。見た目の再現性はもちろん、SEO・アクセシビリティ・保守性を意識したマークアップを重視しています。

主な提供業務は以下のとおりです：

◆ HTML/CSSコーディング

• 静的ページのマークアップ（W3C準拠）
• レスポンシブ対応（スマートフォン・タブレット最適化）
• SCSSやBEM記法でのコーディング対応可能
• CSSアニメーションの実装（簡易な動き）

◆ WordPress組み込み

• 静的HTMLからWordPressテーマへの変換
• テンプレート階層を考慮した柔軟な構成
• カスタム投稿タイプ、カスタムフィールド対応
• Contact Form 7等を用いたフォーム設置

◆ SEO・パフォーマンス対策

• title / meta description / alt属性など基本SEO対応
• OGP / Twitterカードの設定
• 画像の軽量化、WebP対応

◆ 納品形式・その他対応

• zip納品、またはGitHub等での共有可能
• 納品後の軽微な修正対応（プランに応じて回数制限あり）
• デザインとのずれチェック・バグ修正も丁寧に対応

対応可能なデザインツール：

• Figma
• Adobe XD
• Photoshop（PSD）

ご注意・お願い事項

• JavaScriptを用いた複雑な動的処理（カルーセルやフィルター機能等）は別途ご相談ください。
• 原則としてデザインはご支給ください（ワイヤーやデザインが不完全な場合もご相談ください）。
• 原稿・画像などの素材は事前にご提供をお願いいたします。

ご要望・目的に合わせて柔軟に対応可能です。コーディングだけでなく、より成果につながるサイトを一緒につくっていきましょう。

必要に応じて、この文章を「よりカジュアル」「もっとビジネス向け」に調整可能です。ご希望があればお知らせください！

パソコン/スマホ兼用のページを作成をさせて頂きます
デザインデータはご用意ください。
ページ内スクロール等の軽アニメーションは含めます。
大きなアニメーション等が伴うもの、javascript(jQuery)/PHP等が伴う場合は別途ご相談ください（要お見積り）。
基本平日夕方～夜間、土日祝日中の対応になります。

【ランサーズ活動開始記念 - 初回１０％OFF！！ - 】

▼こんな方、ぜひご相談ください！

・コーダー不足で外注先を探している方
・コーディングが苦手、対応できないWebデザイナー様
・他の業務に集中したい方
など

----------受注後の流れ----------------------------------------
➀お打ち合わせ・ヒアリング
②ご契約（仮払い）
③デザイン（ワイヤーフレーム～デザインカンプ）
④コーディング
⑤テストアップ
⑥公開
---------------------------------------------------------------------
　

▼主な対応可能業務

●スマホタブレット表示対応
●保守性の高いCSS設計
●内部SEOを意識した構造化マークアップ
●Wordpress
∟お問い合わせフォーム（contact form 7）
∟ブログ通常投稿（archive,date,category,single,sidebar）
∟カスタム投稿
∟カスタムフィールド
∟カスタムタクソノミー
●metaタグの設定
∟タイトル、ディスクリプション（サイトの説明書き）の作成
●読み込みスピード高速化
∟画像webp化・圧縮
∟CSS・Javascriptの圧縮
--------下記要望があれば対応可能--------------------------*
●OGP画像作成
∟リンク添付時に表示される画像
●ファビコン作成
∟ホームページのタブの小さいアイコン
　

▼追加料金なしのアニメーション

●スライダーまたはカルーセル（1つまで）
●アコーディオン
●トップへ戻るボタン
●ハンバーガーメニュー
　

▼デザインデータについて

Figma、XD、AI、PSD、エクセルでも対応可能です。
※理想はFigma、XDですと大変助かります。
　

▼納品方法

お客様の要望に合わせさせていただきます。
・Wordpressプラグイン　All-in-one WP Migration
・ファイル（ギガファイル便）
・FTPツール
・その他
　

▼動作確認

・Chrome、Edge、Firefox、Safari
・Windows10以降、iOS、Android

※すべて最新版に限ります。
※IE11は対応不可です。

• https:

• https://"

• http://www.google.com”/

• http://www.google.com”"foo"/

• http://www.google.com/

• https://www.google.com/

• ftp://www.google.com/

• lancers@google.com

• javascript:alert('foo')

javascript:alert('foo')

[link](http://www.google.com/)


[jslink](javascript:document.location='http://www.google.com/')

[foo]: /url "title"

<A HREF="javascript:document.location='http://www.google.com/'">XSS</A

<a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>

• <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>
• <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>

* <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>

* 123 <a href="https://www.lancers.jp/">alert('foo')</a>
* 123 <script>alert('foo')</script>

• 123 <a href="https://www.lancers.jp/">alert('foo')</a>

• 123 <script>alert('foo')</script>

• <a href="https://www.lancers.jp/">alert('foo')</a>

• <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>

123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <a href="https://www.lancers.jp/">alert('foo')</a>

<a href="https://www.lancers.jp/">alert('foo')</a>

<a href="https://www.lancers.jp/">
alert('foo')
</a>

123<a href="https://www.lancers.jp/">alert('foo')</a>

123<a href="https://www.lancers.jp/">alert('foo')
</a>

<script>
alert('foo')
</script>

123<script>alert('foo')</script>

123<script>alert('foo')
</script>

共感を呼ぶLPで、Webサイトの成果を最大化しませんか？

このようなお悩みはありませんか？

LPのコンバージョン率が低い、デザインが古く感じる、スマホ対応ができていない、SEO対策が不十分

発注の流れ

お問い合わせ
メッセージにて、LPの目的、ターゲット、希望イメージなどをお聞かせください。

ヒアリング
LPの構成案、デザイン案（お持ちの場合）、参考サイトなどをご提供ください。

企画提案・お見積り
要件に基づき、最適なコーディングプランとお見積もりをご提案します。

制作開始
ご契約後、コーディング作業を開始します。進捗状況は随時ご報告します。

納品・修正
完成したLPをご確認いただき、修正点があればご指摘ください。迅速に対応いたします。

対応範囲・価格

基本コーディング：3万円〜
シンプルな構成のLPを、迅速にコーディングします。既存デザインの修正や、簡単なコンテンツ追加も対応可能です。

標準コーディング＋WordPress：8万円〜
デザインに合わせた最適なコーディングと、WordPress導入、レスポンシブ対応、SEO対策を行います。アクセス解析設置も可能です。

プレミアムフルサポート：15万円〜
デザインの提案からコーディング、WordPress導入、SEO対策、さらに効果測定に基づいた改善提案まで、LPに関する全てをサポートします。

納期

最短1週間

制作の流れ

企画立案
お客様からいただいた情報をもとに、LPの目的やターゲットを明確にします。

コーディング
LPの構成案、デザイン案（お持ちの場合）に基づいて、コーディングを行います。

追加作業
WordPress導入、レスポンシブ対応、SEO対策など、必要な作業を行います。

テスト・修正
完成したLPをテスト環境でご確認いただき、修正点があれば修正します。

納品・公開
最終確認後、LPを納品します。必要に応じて、公開サポートも行います。

サービス内容

LP（ランディングページ）のコーディングを専門に行います。共感を呼ぶストーリー性、効果的な導線設計、丁寧なコーディングで、LPのコンバージョン率向上を支援します。WordPress導入、レスポンシブ対応、SEO対策もお任せください。

Web制作を学び始めて2年、LPコーダーとして活動中の私が、御社のLPを「共感」で変えます！
「うちのLP、なんか反応がイマイチ…」そんなお悩み、ありませんか？
ユーザーの心を掴むストーリー設計と丁寧なコーディングで、御社のLPを生まれ変わらせ、コンバージョン率アップに貢献します。
WordPressでの制作経験も豊富なので、SEO対策もお任せください。
まずは、お気軽にご相談ください。御社のLPが抱える課題を一緒に解決しましょう！

初めまして♪ちいうさと申します。
この度は、数多くの中からご覧いただきありがとうございます。

〜こんなことお困りではないですか？〜
◉ コーディングの知識がなく、更新や修正ができずに困っている
◉ 修正や相談にすぐ対応してもらえず、不安になったことがある
◉ デザインデータはあるけれど、正しくコーディングできる人がいない
◉ スマホやタブレットでの見え方が崩れてしまう
◉ 表示速度が遅く、原因がわからない
◉ HTML/CSSの構造が複雑で、他社に依頼しても断られた
◉ SEOを意識したマークアップができていない
◉ 細かなアニメーションや動きを追加したいけど方法がわからない
◉ 他社に依頼したが、デザイン通りに仕上がらなかった
◉ コーディングだけを頼める人が見つからない
◉ 古いサイトをリニューアルしたいけれど、どこから手をつければいいかわからない

＼まずはお気軽にご相談ください！／

▼お手伝いできること
◉コーディング
・ホームページ・LP
・レスポンシブ対応（PC版・スマホ版のどちらかのみでもOK）
・アニメーション（GSAPやjQueryを使用した動きの実装なども可能）
・既存Webサイトの改修など

他にも。。。
◉デザイン
・バナー・ヘッダー・サムネイル制作

・LP（ランディングページ）のデザイン
◉WordPress構築
・WordPressサイト構築：50,000円〜（テーマでの構築）
・WordPressサイト構築：100,000円〜（オリジナルテーマでの構築）
　※詳細：トップページ＋5ページ

▼対応可能な内容
・ホームページ・LP（ランディングページ）などのシングルページ制作

ページ数やコーディングの複雑さなどを踏まえて価格をお見積もりいたします。
お気軽にご相談の際に、デザインデータをご共有いただきますようお願いいたします。
デザインデータはFigmaを推奨しております。

▼納品までの流れ
1.お見積もり＆ご相談/ご購入
2.作業開始
3.ご確認・修正
4.最終確認


5.納品（サーバーアップロードまたはzipファイルの送付）

▼納期
要相談（ページ数やコンテンツにより変動）
※ご相談は無料ですので、お問合せください。

▼購入にあたっての6つのお願い
1.ご購入前に必ず「見積もり・カスタマイズ相談」からご連絡をお願いいたします。
2.制作内容・用途・参考サイト等はできるだけ詳しくお知らせください。
3.ご返信・ご確認は、原則3日以内にお願いいたします。ご連絡が長期間ない場合は、やむを得ずトークルームをクローズさせていただくことがございますので、あらかじめご了承ください。
4.完成後の大幅な仕様変更は追加料金が発生する場合があります。
5.実績として制作物をポートフォリオ等に掲載させていただくことがあります。NGの場合は事前にお知らせくださいませ。
6.納品後の軽微な修正（文言や色の変更など）は、1週間以内であれば無償対応いたします。

▼事前にご用意いただくもの
1.デザインデータ【必須】完成データ
2.デザインに使用した画像やロゴ
　※バナー・写真・アイコンなど、書き出しが必要な素材一式
3.フォント情報・使用してよいWebフォント指定
　※商用利用可能なフォントか、Google Fonts など代替指定があると安心です
4.納品形式の希望方法

まずはお気軽にご相談ください♪

HTML・CSSコーディングを承ります。
SEOとスピードを重視でコーディン致します。

▼お値段
　TOPページ(レスポンシブ対応)　¥18000円
　下層ページ(レスポンシブ対応)　¥12000円

▼注意
　ランサーズ手数料とページ料金は別です。

デザインに忠実な高品質コーディングで、あなたのWebサイトを形にします

このようなお悩みはありませんか？

Webサイトのデザインはあるけど、正確にコードに落とし込む人を探している。古いWebサイトの一部だけを修正したいが、どこに頼めば良いか分からない。納期が迫っているが、信頼できるコーダーが見つからない。レスポンシブ対応でスマホ表示を最適化したい。

発注の流れ

1. ご相談・お問い合わせ
   まずはランサーズのメッセージ機能から、Webサイトの現状や希望される修正・制作内容、ご予算、納期についてお気軽にご相談ください。

2. ヒアリング・要件定義
   ご相談内容に基づき、ヒアリングシートへのご記入や、必要に応じてランサーズのビデオ通話機能で詳細を伺います。デザインデータのご提供をお願いする場合があります。

3. お見積もり・ご契約
   ヒアリング内容を基に、お見積もりと作業計画をご提案します。内容にご納得いただけましたら、ランサーズの仮払いにてご契約となります。

4. 制作開始・進捗報告
   契約成立後、コーディング作業を開始します。途中経過や進捗はランサーズのメッセージ機能で適宜ご報告いたします。

5. 確認・修正
   完成したコーディングデータをテストサーバーでご確認いただき、修正点があれば対応します。デザイン通りか、機能は適切かなどをご確認ください。

6. 納品・完了
   最終確認後、指定の方法（FTP情報、ファイル転送など）でデータをご納品いたします。お取引完了後も何かご不明点があればお問い合わせください。

対応範囲・価格

Webサイトの軽微な修正：10,000円〜
既存Webサイトのテキスト修正、画像差し替え、リンク調整など、軽微なHTML/CSS修正を行います。迅速に対応し、Webサイトを最新の状態に保ちます。

ランディングページ（LP）コーディング：30,000円〜
デザインデータ（Figma, XD, Photoshopなど）に基づき、集客に強いランディングページ（LP）をHTML/CSSで忠実にコーディングします。モバイル対応も標準で含みます。

複数ページ・複雑なセクションコーディング：60,000円〜
複数のデザインデータに基づき、新規ページや既存サイト内の複数セクションのHTML/CSSコーディングを行います。複雑なレスポンシブ対応やアニメーションもご相談ください。

納期

ご依頼内容により変動しますが、簡単な修正であれば3日、LP全体で10日〜14日程度が目安です。ご相談時に詳しくお伝えいたします。

制作の流れ

要件確認・計画立案
いただいたデザインデータや要件に基づき、作業範囲と実装方法を具体的に計画します。

HTML/CSSコーディング
HTMLでコンテンツ構造を構築し、CSSでデザインを正確に再現するコーディング作業を進めます。

テスト・デバッグ
完成したコードを様々なブラウザやデバイスで表示テストし、不具合がないか確認します。

修正対応
お客様からのフィードバックに基づき、コードの調整やデザインの微修正を行います。

最終納品
最終確認後、高品質なコードデータをお客様に安全にご納品いたします。

サービス内容

お客様から提供いただいたデザインデータ（Figma, XD, Photoshopなど）を元に、HTML/CSSを用いてWebサイトを正確かつ丁寧にコーディングいたします。レスポンシブデザインに対応し、あらゆるデバイスで美しく表示されるように調整します。既存サイトの簡単な修正や更新作業も承ります。納期厳守とこまめな連絡を徹底し、安心してお任せいただけるサービスを提供します。

Webサイトの「顔」とも言えるデザインを、あなたの期待通りにコードで再現できていますか？「デザインはできたけれど、実装がどうも…」「細かな調整が苦手で、イメージと違う仕上がりになってしまう」そんなお悩みをお持ちではありませんか？私はHTML/CSSコーディングの専門家として、お客様のデザインをピクセル単位で忠実に再現し、細部にまでこだわった丁寧なWebサイトを構築します。納期厳守とこまめな連絡で、あなたのWebサイト制作を最後までしっかりサポート。ぜひ、あなたの理想を形にするお手伝いをさせてください。まずはメッセージで、お気軽にご相談ください！

▼パッケージ内容

・HTML静的ページのコーディング
・WordPressサイトのコーディング
・JavaScriptを使用した表現
　・スクロールに合わせたアニメーション
　・スライドギャラリー
　・ハンバーガーメニュー
　・アコーディオンやタブ等

▼コーディング料金

・TOPページ：15,000円〜 / 1ページ
・下層ページ：10,000円〜/ 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
・WordPress TOPページ：30,000円〜 / 1ページ
・WordPress 下層ページ：10,000円〜 / 1ページ

※カスタマイズ内容によっては別途料金をいただく場合があります。
※料金は全てレスポンシブ込みです。

▼納品までの流れ

①ヒアリング（内容の詳細をお聞かせください）
②納品日と金額をお伝え。
③ご契約（デザインや素材等コーディングに必要なデータをお送りください）
④コーディング開始
⑤ご確認
⑥納品（サーバーへのアップ・もしくはファイルの送付）
※対応ブラウザは「Chrome・safari・Firefox 」としています。
ご不明点があればお気軽にご連絡ください。

迅速・丁寧に対応致します。
お急ぎの場合は土日祝日の対応も可能なのでご相談ください。

宜しくお願いいたします。

おもちのホームページがGoogleしごと検索に対応できるようコードサイト内にコートを追加いたします。

作業としては、
求人募集ページのhtmlをいただき必要なコードを追加する作業となります。

スムーズにファイルの受け渡しが可能であれ即日でも納品は可能と考えております。

ご検討よろしくお願いいたします。

自己紹介

現在はランサーズ外からのご依頼がほとんどですが、複数の制作会社様から継続してご依頼いただいているWEBコーダーです。

【制作歴】

• HTML/CSSコーディング ー 10年
• Javascript ー 10年
• Wordpressー 7年
• Shopify ー 5年

【継続中クライアント様】

• Web開発/制作会社様A（5年）
• Web開発/制作会社様B（5年）
• Web制作会社様C（2年）
  など

対応内容

• 静的コーディング（1ページ〜複数ページまで対応できます）
• Wordpressオリジナルテーマの構築
• Wordpress既存テーマの改修
• Shopifyオリジナルテーマの構築
• Shopify既存テーマの改修

制作の流れ

1. コーディング内容の詳細の打ち合わせ。
   ※齟齬がないように細かくお伺いしますので、ご容赦ください。
   ↓
2. 見積もりとスケジュールの提出
   ↓
3. デザインデータの受領
   ↓
4. コーディング
   ↓
5. テストアップページのご確認
   ※テキスト修正/画像の差し替えは無料対応。
   ※デザイン変更/仕様変更による修正は別途費用がかかる場合があります。
   ↓
6. 納品（サーバーへのアップ・もしくはファイルの送付）

ご不明点があればお気軽にご連絡ください。

当方、ランサーズでの実績がまだございません。
この度、実績作りの為に格安にてホームページのコーディング作業を代行させていただきます。

とはいえ、もちろんコーディングはデザインに忠実に行います。
どうぞご安心ください。

実績を積めましたら通常価格に戻そうと思いますので、どうぞこの機会にご利用くださいませ。

さて、このサービスは【ホームページ・LPのコーディング代行サービス】です。

◆サービス内容

・HTML / CSSでの静的コーディング
・PC/スマートフォンのレスポンシブ対応
・JavaScript(jQuery)でのアニメーション実装
・お問い合わせフォームの実装
・WordPress構築(オリジナルテーマ)

◆料金表

・トップページ(10.000px程度まで)　：　10,000円

『有料オプション』
　・下記の有料オプション表をご覧ください。

『無料オプション』
　・レスポンシブ対応(PCかSPどちらか片方のデザインがあれば、よしなに対応いたします)
　・ホバーアニメーション(１種類で共通)
　・ハンバーガーメニュー
　・フェードイン(１種類で共通)
　・スライダー(シンプルなもの)
　・基本のSEO対策
　・ファビコン設定
　・OGP設定

※無料オプションの範囲を超える場合、有料にてオプション追加が可能です。

◆納品までの流れ

①ご相談・お見積もり
②デザインデータお預かり
③制作開始
④ご確認・修正対応
⑤データ納品

◆デザインについて

デザインデータ、画像素材、テキストなどのご用意をお願いいたします。
Figma、Adobe XD、Photoshop、Illustratorに対応しております。

◆納品方法

・ZIP形式
・サーバーへのアップロード

◆納期

稼働状況によりますが、1ページにつき３日程度を予定しております。
（シンプルなホームページやLPの場合)

◆注意事項

・サーバー契約、ドメイン取得はお客様ご自身でお願いいたします。
・コーディングの規則については、こちら側のルールに基づいて作業させていただきます。
・下層ページが同じレイアウトだったり、コンテンツ量が少ないなどの場合は、ご依頼内容や、ご予算に合わせて料金等柔軟に対応させて頂きます。
・修正は無制限ですが、大幅なデザイン変更はお断りさせていただく場合がございます。
・お客様都合によるキャンセルは受け付けておりません。
・連絡に対し１週間お返事がない場合は、その時点で納品完了・料金を頂戴しますのでご了承ください。
・作成したサイトは実績として掲載させて頂く場合がございます。掲載不可の場合は事前にご連絡下さい。

◆最後に

まずはお気軽にご相談ください。
もちろんご納得いただけなければ、お話の途中でキャンセルしていただいて大丈夫です。
それ以外にもご不明な点などございましたら、お気軽にご連絡ください。

最後までお読みいただきありがとうございました。

あなたのビジネスを加速させる、Webサイトの小さな修正からLP作成まで、手軽に高品質なサービスをご提供します！

このようなお悩みはありませんか？

Webサイトの修正が滞っている、LP作成に手が回らない、コストを抑えつつWebの改善を進めたい

発注の流れ

お問い合わせ
メッセージにて、修正内容や希望のデザイン、納期などをお知らせください。参考となるWebサイトや資料があれば、共有をお願いします。

お見積もり
詳細なヒアリング後、お見積もりと納期をご提示します。修正内容やページ数によって料金が変動するため、事前にしっかりと確認します。

ご契約・制作開始
ご納得いただけましたら、仮払いをお願いします。仮払い確認後、作業を開始します。

納品・修正
修正完了後、お客様に確認していただきます。修正点があれば、お気軽にお申し付けください。納得いただけるまで修正対応いたします。

対応範囲・価格

HTML/CSS 修正：5,000円〜
既存のHTML/CSSの修正を迅速に対応します。テキストの修正、画像の差し替え、簡単なレイアウト調整など、Webサイトの更新作業を代行します。

LP 修正：10,000円〜
既存LPの修正や更新を承ります。デザインの微調整、コンテンツの変更、フォームの修正など、効果的なLP改善をサポートします。

LP 新規作成：30,000円〜
低コストでLPの新規作成を承ります。テンプレートを使用し、お客様の要望に合わせたデザインとコンテンツで、集客・売上アップに貢献します。

納期

最短3日

制作の流れ

要件定義・準備
お客様からいただいた情報をもとに、修正箇所の洗い出しやLPのデザイン案作成を行います。お客様のイメージを具体化していきます。

制作
修正作業やLPのデザイン・コーディングを行います。お客様の要望に沿って、丁寧に作業を進めます。

確認
修正したHTML/CSSやLPをお客様に確認していただきます。動作確認やデザインの確認など、細部までチェックをお願いします。

修正・納品
修正点があれば、修正対応を行います。お客様が納得するまで、何度でも修正いたします。

サービス内容

HTML/CSSの修正、LPの修正・作成を低価格で承ります。Webサイトのちょっとした修正から、集客に繋がるLP作成まで、幅広くサポートいたします。お気軽にご相談ください！

Webサイトの修正、LP作成でお困りではありませんか？
「HTML/CSSの修正を頼みたいけど、どこに頼めばいいかわからない…」
「LPを作りたいけど、時間がないし、費用も抑えたい…」
そんなお悩みを解決します！

私は、HTML/CSSの修正やLP作成を低価格で提供しています。

お客様のWebサイトやLPを、より魅力的で効果的なものにするために、全力でサポートさせていただきます。

まずはお気軽にご相談ください。
お客様のWebサイトやLPに関するお悩みを、一緒に解決しましょう！

依頼の流れ

　　1. ご相談・ヒアリング

2. デザインデータ（PDF / 画像 / Figma など）の受領
3. コーディング作業
4. テスト・修正対応
5. 納品

納品形式
• HTML / CSS ファイル一式
• 必要に応じて画像最適化
• ZIPにまとめて納品可能

サービス内容

「デザインはあるけどコーディングができない…」
そんな方に向けて、LPコーディング代行サービスをご提供します！
• HTML / CSS コーディング
• レスポンシブ対応
（スマホ・タブレット最適化）
• PDF / 画像データからの
コーディングもOK
• 細かい余白・デザインの
再現性にこだわります

丁寧 × スピード対応 が得意です。
まずはお気軽にご相談ください！

Web初心者さんでも安心！
Webサイト制作・修正・カスタマイズを承ります。

✅ 対応内容
• 既存サイトのテキストや画像の修正・カスタマイズ
• HTML/CSSを使ったスマホ対応（レスポンシブ調整）
• 新規ページ作成（トップページ・LPなど）
• 複数ページ制作や簡単な機能追加（フォーム・Googleマップ埋め込みなど）

💡 ポイント
• デザインやレイアウトの調整も対応
• 初心者の方でもわかりやすく、安心して依頼可能
• 納品後の簡単な修正や相談も柔軟に対応

HTML/CSSコーディング代行

ランディングページのHTML/CSSコーディングを代行します

大学で培った知識と５年の経験で、あなたのWebサイトを魅力的に改善します！

このようなお悩みはありませんか？

Webサイトの見た目を改善したい、HTML/CSSの知識がない、コーディングに時間がかかる、予算を抑えたい。

発注の流れ

お問い合わせ
メッセージにて、ご希望のWebサイトイメージ、修正箇所、参考URLなどをお知らせください。具体的なイメージがない場合でも、お気軽にご相談ください。

プラン提案・お見積り
お伺いした内容を基に、最適なプランとお見積もりをご提案します。納期や修正回数などもご提示します。

ご契約・お支払い
ご提案内容にご納得いただけましたら、ご契約となります。着手金として半額をお支払いいただきます。

制作開始
丁寧にコーディング作業を進めます。途中経過もご確認いただきながら、ご希望に沿ったWebサイトに仕上げていきます。

納品・検収
完成したWebサイトをご確認いただき、修正点があれば対応いたします。

お支払い・納品完了
残りの半額をお支払いいただき、納品完了となります。納品後も、軽微な修正であれば対応いたしますので、お気軽にご連絡ください。

対応範囲・価格

小規模修正：１万円～
HTML/CSSコーディング：簡単な修正や変更をスピーディーに対応します。

Webページ作成：3万円～
既存WebサイトのページをHTML/CSSで新規作成します。

Webサイトフルリニューアル：１０万円～
Webサイト全体のデザインを考慮し、HTML/CSSでフルリニューアルします。要件定義から対応します。

納期

最短１４日

制作の流れ

要件定義
お客様からご依頼内容やイメージをヒアリングし、Webサイトの目的やターゲット層などを明確にします。

デザイン
Webサイトのデザイン案を作成し、お客様にご確認いただきます。修正があれば、何度でも対応いたします。

コーディング
デザイン案を基に、HTML/CSSでコーディングを行います。SEO対策も考慮し、検索エンジンに強いWebサイトを目指します。

テスト
作成したWebサイトをテスト環境で確認し、動作や表示に問題がないかを確認します。

納品
お客様に最終確認をしていただき、問題がなければ納品となります。

サービス内容

HTML/CSSのコーディング代行をいたします。Webサイトの修正、Webページ作成、Webサイトリニューアルなど、幅広く対応いたします。丁寧なコーディングを心がけており、お客様のご希望に沿ったWebサイトを制作いたします。

Webサイトの見た目をちょっと変えたい…でも、自分でやるのは大変。そんなお悩み、ありませんか？

✅ HTML/CSSの知識がない
✅ コーディングに時間がかかる
✅ 予算を抑えたい

そんなあなたのために、HTML/CSSのプロが、あなたのWebサイトを丁寧にコーディングします！

難しいことはお任せください。まずは、あなたのWebサイトの悩みをお聞かせください。

「こんなことできる？」「費用はどれくらい？」どんな些細なことでも構いません。お気軽にご相談くださいね。

①静的サイト・LP（ランディングページ）の実装＆カスタマイズ
ご提供いただいたデザインから、HTML+CSS(Sass)+JavaScript(jQuery)を使ってコーディングいたします。

②「WordPress」を使った動的サイトの実装＆カスタマイズ
ご提供いただいたデザインから、オリジナルのWordPressテーマを作成いたします。
WordPress自体の構築や、プラグインなどの各種設定も対応可能です。
PHP+CSS(Sass)+JavaScript(jQuery)でコーディングいたします。

③「Shopify」を使ったショッピングサイトの実装＆カスタマイズ
ご提供いただいたデザインから、オリジナルのShopifyテーマを作成いたします。
Shopify自体の構築や、アプリ、商品登録などの各種設定も対応可能です。
Liquid+CSS(Sass)+JavaScriptでコーディングいたします。

デザインデータ(XD)からHTML/CSSコーディングとWordPress構築で、集客力とブランド力を高めます！

このようなお悩みはありませんか？

更新の煩雑さ、スマホ対応の遅れ

発注の流れ

ヒアリング
お客様の課題やご要望を丁寧にヒアリングします。理想のウェブサイト像を共有しましょう。

プラン提案・お見積もり
ヒアリング内容に基づき、最適なプランとお見積もりをご提案します。納得いただけるまでご説明します。

制作開始
ご契約後、迅速に制作を開始します。進捗状況は随時ご報告し、お客様と密に連携します。

納品・公開
完成したウェブサイトをご確認いただき、修正点があれば対応します。ご納得いただけたら納品完了です。

対応範囲・価格

HTML/CSSコーディング：1万円〜
HTML/CSSコーディング：既存デザインを忠実に再現し、スマホ対応も実現します。

WordPressサイト構築：1.5万円〜
WordPressサイト構築：オリジナルテーマで、他社と差別化されたサイトを構築します。

WordPressサイト改修：1万円〜
WordPressサイト改修：デザインの修正、機能追加、幅広く対応します。

各種フォーム作成：0.5万円〜
各種フォーム作成：お問い合わせフォーム、資料請求フォームなど、用途に合わせて作成します。