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

【サービス概要】
デザインカンプからのコーディングを行います。
ご希望に応じて、静的HTMLまたはWordPress（完全オリジナルテーマ）で対応可能です。
企業担当者様や制作会社様からのご依頼にも多数対応しており、忠実な再現と丁寧な仕上がりを心がけております。

【こんな方におすすめ】
自社サイトをリニューアル・更新したいが、社内にコーダーがいない
デザインはあるので、コーディングだけ外注したい
LPやシプルな企業サイトを短期間で公開したい
制作会社・ディレクター様の外注先としても対応可能

【選べる3つのパッケージ】
① 静的HTMLランディングページ（LP）コーディング
価格：25,000円〜
・LPデザインをHTML/CSSで忠実に再現
・レスポンシブ対応（スマホ対応込み）
・ホバーやスライドなどの基本アニメーション
・画像の軽量化対応
※WordPress管理なしのシンプルな構成

② 静的HTML企業サイト（トップ＋下層2P）
価格：34,000円〜
・トップページ（8,000pxまで）＋下層ページ2ページ
・HTML/CSSベースで構築（軽量・管理不要）
・スマホ対応／基本アニメーション込み
・ページ構成例：事業紹介／会社概要／お問い合わせ案内など

③ WordPress企業サイト（トップ＋下層2P）
価格：78,000円〜（初期費用含む）
・完全オリジナルテーマでWP構築
・トップページ＋下層2ページをWordPressで実装
・更新しやすい管理画面設計（ACF利用）
・カスタム投稿・テンプレート作成・パンくず対応など含む
・初期費用（環境整備・テーマ構築）：10,000円込み
・動作確認・プラグイン導入・運用に合わせた構造設計

【追加オプション料金】
● 下層ページ追加（8,000pxまで）
静的HTML：7,000円／1ページ
WordPress構築：14,000円／1ページ
※ページ長が8,000pxを超える場合、1,000pxごとに＋1,000円（静的）／＋2,000円（WP）

● アニメーション追加
ホバーアニメーション：無料
基本的なJS/JQueryアニメーション（fade／slideなどスクロール連動）：1箇所 3,000円〜
複雑な動き（GSAP等を用いたもの）：内容に応じて別途お見積もり

● 問い合わせフォーム
5,000円〜12,000円程度（要相談）

※デザインデータにスマホ用のデザインがない場合はよしなにコーディングいたします。
　（その場合は合計金額の30％が追加となります。）
※デザインとの相違による修正回数については無制限です。
（デザイン変更については、別途料金が発生する場合がございます。）

♦︎ご依頼から納品までの流れ♦︎
①ヒアリング・お見積り
②ご契約
③デザインデータのお預かり
④コーディング
⑤テスト環境にアップロード
（お客様にブラウザでご確認いただきます。）
⑥修正
⑦納品

♦︎こちらでのテスト環境♦︎
Mac、iPhone（Chrome/Safari）
Windows（Edge）

♦︎納期について♦︎
着手から３日〜3週間程度
※ページ数・仕様・ご希望納期により調整いたします。

♦︎納品について♦︎
zipファイル、サーバへのアップロードなど納品方法はご相談

ご満足頂けるように丁寧かつ柔軟に対応致します。
まずはお気軽にご相談下さいませ。

デザインをいただいてから、HTML、CSS、JavaScriptでコーディングいたします。
gitの運用も問題ございません。

対応可能な業務

🔸Webサイト修正・更新（HTML / CSS / WordPress）
🔸バナー・画像制作（Photoshop / Illustrator）
🔸ページ追加・文章差し替え
🔸お知らせ更新
🔸フォーム修正
🔸データ登録・更新作業
🔸簡単な改善提案

こんなお悩みありませんか？
✔ 更新が止まっている
✔ 制作会社に頼むほどでもない修正が多い
✔ すぐ対応してくれる人が欲しい
✔ 毎回見積を取るのが面倒

そのお悩み、すべて解決します。

料金プラン
月額33,000円〜
ご希望の作業量に応じて最適なプランをご提案いたします。

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

連絡方法
メッセージにて
・サイトURL
・ご希望の作業内容
・月の作業量イメージ
をお送りください。

【こんな方へおすすめします】

・自社のWebサイトを制作したい中小企業のオーナー様
・Webサイトのデザイン、イメージはあるけどコードをかけない方
・ブログやポートフォリオを作りたい個人の方
・wordpressの専門知識がなく、プロの手助けが必要な方

【金額について】

・提案、ご相談は無料で受けさせていただきます。お気軽にご相談いただけたらと思います。
・パッケージの料金を基本として、作業内容により多少の増減をいたしますことをご了承下さい。
・ヒアリング、提案と見積もりが完了し双方納得いただけた場合、着手金としてお見積りの2割程度お支払いいただきます。
・パッケージ外の提案も受けさせていただきます。
→既存サイトの修正:3000円〜
→wordpressサイトの保守、更新:5000円〜
→webサイトのデザイン修正、変更:10000円〜

【購入後の流れ】

ヒアリング: お客様のニーズや要望を詳しくお伺いします。ウェブサイトの目的、ターゲット層、必要な機能などをお聞きします。

提案と見積もり: ヒアリング内容に基づいて、最適なプランと具体的な提案書を作成し、見積もりとともにご提示します。

契約: 提案内容にご納得いただけましたら、契約を締結し、着手金をお支払いいただきます。

デザイン案の提示: サイトの全体的なデザイン案をご提示し、ご確認いただきます。必要に応じて修正を行います。

開発作業: 承認されたデザインに基づいて、サイトの開発を進めます。定期的に進捗報告を行い、フィードバックを反映します。

テストと調整: 完成したサイトの動作確認を行い、必要に応じて調整します。

納品とレクチャー: 完成したサイトを納品し、管理画面の操作方法などについてレクチャーを行います。
アフターサポート: 納品後1ヶ月間は、軽微な修正や操作方法のサポートを無償で提供します。

あなたの想いをカタチに！デザインカンプからフルスクラッチ、WordPressまで、心を込めてコーディングいたします。

発注の流れ

お問い合わせ
メッセージにて、ご希望のWebサイトのイメージや目的、予算、納期などをお気軽にご相談ください。参考となる資料などがあれば、共有していただけるとスムーズです。

お見積もり・ご契約
ヒアリング内容に基づき、お見積もりを提示します。ご納得いただけましたら、正式にご契約となります。

コーディング作業
ご契約後、コーディング作業を開始します。進捗状況を随時ご報告し、お客様と連携しながら進めていきます。

ご確認・修正
完成したWebサイトをご確認いただき、修正点があればご遠慮なくお申し付けください。迅速に対応いたします。

納品・アフターサポート
最終確認後、納品となります。納品後も、保守・運用に関するご相談を承ります。

対応範囲・価格

デザインカンプからのコーディング：3万円〜
デザインカンプを忠実に再現。細部までこだわった美しいコーディングをします。ピクセルパーフェクトな仕上がりをお約束します。

HTMLからのWordPress化：5万円〜
既存のHTMLをWordPress化。ブログ機能の追加やSEO対策、更新しやすいサイト構造を実現します。お客様自身で簡単に更新できるようになります。

アニメーションの追加：1万円〜
動きのあるWebサイトで、ユーザーの興味を惹きつけます。スクロールアニメーションなど、様々な表現が可能です。

細かな修正：5,000円〜
表示崩れや誤字脱字など、細かな修正も丁寧に対応します。迅速な対応で、お客様のビジネスをサポートします。

納期

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

制作の流れ

Webサイト設計
お客様から提供されたデザインカンプや資料を基に、Webサイトの構造を設計します。SEO対策も考慮した設計を行います。

コーディング
設計に基づき、HTML、CSS、JavaScriptなどのコードを記述します。FLOCSSやBEMなどの設計ルールを活用し、保守性・拡張性の高いコードを書きます。

テスト・修正
作成したWebサイトを様々なデバイスでテストし、表示崩れがないか、動作に問題がないかなどを確認します。必要に応じて修正を行います。

お客様確認
お客様にWebサイトをご確認いただき、フィードバックをいただきます。修正点があれば、迅速に対応します。

納品
最終確認後、Webサイトを納品します。必要に応じて、サーバーへのアップロードやWordPressのインストールなども代行します。

サービス内容

デザインカンプからのコーディング、HTMLからのWordPress化、アニメーション実装、LP/HP作成、WordPressサイト作成、SEO対策など、Webコーディングに関するお仕事を幅広く承ります。制作会社クオリティを、個人ならではの価格でご提供いたします。

私は、制作会社クオリティのコーディングを、個人ならではの価格でご提供しています。
デザインカンプからのコーディング、HTMLからのWordPress化、アニメーションの追加など、コーディングに関するお仕事はなんでもお任せください！

まずは、お気軽にご相談ください。あなたのWebサイトを、もっと魅力的にするお手伝いをさせていただきます。

WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容（A4で1P程度）を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。
また、ページ単価は5,000円からとなりますが、ページ数が多い場合はボリュームディスカウントにも対応いたします。

ご覧いただきありがとうございます！
ホームページやLPのデザインカンプをもとに、コーディングいたします。

お客様とのコミュニケーションはもちろん、品質やスピードを大切にコーディングをします。

■当サービスの内容
・HTML/CSSによる静的コーディング
・レスポンシブ対応（デザインが大幅に変わる場合は別途料金が発生します）
・内部SEO対策
・画像圧縮などのサイト表示速度の向上対策
・修正対応

■オプション（一例）
・WordPress化（3,000円〜）
・お問い合わせフォームなどの動的実装（10,000円〜）
その他にもご要望がございましたらご相談ください！

■当サービスの特徴
・バリデーションツールによるHTMLの構文チェック
・imgタグの属性(レイアウトシフト対策やload属性、alt属性)
・必要に応じてCSSのベンダープレフィックスの付与
・CSS設計を考慮した記述(指定がなければFLOCSSで記述いたします)
・自作のCSSフレームワークを活用した効率的な記述
・各種ブラウザの表示確認(Chrome, Safari, Firefox)

■お取引の流れ
お見積もり依頼 または お問い合わせ
↓
お見積り提出→ご購入
↓
デザインデータや指示書などのご提供
↓
コーディング開始
↓
初稿提出
↓
ご確認・修正
↓
ご納品

■納品方法
コーディングデータをzipファイルで送付
サーバーにアップロード(1,000円)

■デザインデータ形式
Illustrator / Photoshop / XD / Figma に対応しております。
使用する画像は事前に書き出しをお願いします。(こちら側で書き出す場合別途料金1,000円〜)

■納期
作業量により異なりますが3日〜10日ほどお時間をいただいております。
お急ぎの場合は事前にお問い合わせくださいますようお願いいたします。

ご不明点がありましたらお気軽にご連絡くださいませ。

小さな修正から大規模サイト構築まで、あなたのWebサイトを最適化します！コーディング、デザイン、SEO対策までトータルサポート。

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

Webサイトの修正に時間がかかる、デザインが古くさい、SEO対策ができていない、スマホ対応が不十分、WordPressの管理が難しい

発注の流れ

お問い合わせ
メッセージにてご依頼内容をお知らせください。具体的な修正箇所やご要望をお伝えいただけるとスムーズです。

ヒアリング
ご依頼内容を確認し、詳細なヒアリングを行います。必要に応じて、参考サイトやイメージをお伺いします。

お見積もり
ヒアリング内容に基づき、お見積もりと納期をご提示します。ご納得いただければ、制作を開始します。

制作
修正作業を行い、適宜進捗をご報告します。お客様からのフィードバックを元に、修正を重ねていきます。

納品
最終確認後、納品となります。納品後も、軽微な修正は対応いたしますのでご安心ください。

対応範囲・価格

Webページ制作：1万円〜
HTML/CSSによるWebページ制作（1ページ）

既存サイト修正：3,000円〜
既存サイトの修正（文言変更、色変更、余白調整など）

WordPressカスタマイズ：5,000円〜
WordPressのテーマカスタマイズ、プラグイン設定

スマホ対応：5,000円〜
レスポンシブデザイン対応

SEO対策：1万円〜
SEO対策（キーワード選定、内部対策）

納期

内容により異なりますが、通常1週間〜1ヶ月程度です。お急ぎの場合はご相談ください。

制作の流れ

ご依頼内容の確認
お客様からご依頼内容を詳しくお伺いします。WebサイトのURLや修正箇所など、具体的な情報をご提供ください。

修正箇所の洗い出し
ご提供いただいた情報をもとに、修正箇所の洗い出しや必要な作業を明確にします。不明な点があれば、お客様に確認を行います。

修正作業
修正作業を開始し、HTML/CSSやWordPressを編集します。お客様のご要望に沿って、丁寧に作業を進めます。

動作確認
修正後、動作確認を行い、問題がないか確認します。必要に応じて、お客様に確認をお願いすることもあります。

お客様確認・修正
お客様に修正箇所をご確認いただき、フィードバックをいただきます。修正が必要な場合は、再度修正作業を行います。

納品
最終的な納品物を提出します。納品後も、軽微な修正は対応いたしますので、お気軽にご相談ください。

サービス内容

HTML/CSS、WordPressの修正、Webサイト制作を丁寧に対応します。初学者ですが、誠意をもって対応いたしますので、お気軽にご相談ください。

Webサイトのことでお困りではありませんか？

「Webサイトのデザインが古くさい…」「スマホで見ると表示が崩れる…」「自分で修正したいけど、どこを直せばいいかわからない…」

そんなお悩みを、HTML/CSSとWordPressの知識を活かして解決します！

実績作りのため、相場より抑えた価格でWeb制作・修正作業を承っております。

「ちょっとした修正だけ頼みたい」
「まずは相談だけしてみたい」

もちろんOKです！

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

【丁寧なコーディングで魅せる】デザイン通りに仕上げる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は、サポート終了に伴い対応しておりません。

XD、Figma等のデザインデータからHTMLコーディングを行い、WordPressのオリジナルテーマを制作します。

内容

1. WordPressのインストール・設定
2. プラグインの選定・インストール・設定
3. オリジナルテーマファイルの制作
4. カスタム投稿・カスタムタクソノミーの設定
5. 可能な範囲での機能の実装・カスタマイズ

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

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

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

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

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

【現役大学生エンジニア】あなたの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ファイル一式、またはサーバーへアップロード）

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

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

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円～

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

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

SEO対策可能！高品質で早いレスポンシブコーディング

はじめまして！　南と申します。
Web制作のフリーランスとして活動しております。
数ある中からご覧いただきありがとうございます。

初めての方にも安心していただけるよう、お客様に寄り添います。
費用・納期のご相談も承りますので、お気軽にお問い合わせください。

＿＿＿＿＿

対応範囲・価格

❶シンプルデザインプラン　10,000円
下層ページ　5,000円/1p
※軽いアニメーションはこちらのプランでも対応可能です。

❷アニメーションありプラン　15,000円
下層ページ　8,000円/1p

❸こだわりデザインプラン　20,000円
下層ページ　10,000円/1p

⚫︎WordPress構築　20,000円

＿＿＿＿＿

発注の流れ

❶デザインデータ共有
デザインデータや指示書をご提示いただきます。
データ形式については、XDまたはFigmaが望ましいですが、Adobe Illustratorや Photoshop その他も対応可能です。
また、Googleフォント以外のフォントを使用している場合は、ウェブサイト上で使用可能なフォントファイル・または埋め込みコードをご提示ください。

❷お見積もり
デザインに基づき、最終お見積もりを提示します。
料金や納期にご納得いただければ、契約となります。

❸制作開始
コーディング作業を開始します。

➍修正対応
進捗状況を適宜ご報告し、必要に応じて何度でも修正を行います。
※コーディング着手後の大幅なデザイン変更は追加費用が発生する場合がございます。

❺納品・公開
最終的な納品物を納品し、必要に応じて公開作業をサポートします。

＿＿＿＿＿

納期

要相談（内容により異なりますが、迅速な対応を心がけています）

費用調整のご相談も承ります。
まずはお気軽にお問い合わせください！

デザインデータからHTML/CSS/Javascript（JQuery）コーディング+WordPressオリジナルテーマ導入を行います。

すでにあるデザインのコーディングを外注したい方におすすめです。
wordpressへの組み込みやお問い合わせフォームの実装も可能ですのでお気軽にご相談ください。
※スキルとご要望とのミスマッチを防ぐため、購入前に一度デザインをご提示していただくか、ご相談いただければと思います。

< 各プランに含まれる内容 >
・レスポンシブ対応（PCサイズ・スマホサイズでの表示変更など）
・3回まで無料修正

< ご依頼にあたり、ご準備いただくもの >
・デザインデータ（XD/Photoshop/Illustrator/Figmaなど）
　※XD推奨
・画像データ（JPG・PNGなど）
・テキストデータ

< 納品までの流れ >
1.ヒアリング・お見積もり（無料）

2. デザインデータ/画像データ/ テキストデータのご提供
3. コーディング
4. 初稿提出
5. 修正（3回まで)
6. 最終納品

< 納品方法 >
zipファイル

< 注意事項 >
・購入後のキャンセルはお断りさせていただいております。
・頂いたデザインデータのコーディング作業を開始してからの、大幅なデザイン修正は
　お受けできませんので、ご了承ください。

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

「デザインは作成済み、コーディングだけを頼みたい」制作会社様・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サイト制作をサポートいたします。

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

グーグルフォーム は利用料無料。
データの保存も勝手にしてくれるしグラフ化、項目別に集計が取れるとあって人気のツールですよね。

便利なのは間違いない。でも・・
あの見た目がなんとかならないか…？って思いませんか？

こだわりのあるあなたのための、サービスです。

ーサービス内容、順序ー

・グーグルフォームにて項目、選択肢など作ったものを頂きます。（わからなければ手書き写メ可能です）

・デザイン構想（相談して作りましょう）⇦ここが一番楽しい！

・実際にコーディング

テスト送信完了後、納品となります。

フォルダ形式で納品となります。(ZIPファイル）
アップロードはサーバー情報が必要になるため、ご自身でお願いしております。
わからないことは聞いていただければわかるまで説明しますので、ご安心ください。

実際に作ったものがあるので、「どんなのか見せて！」と一声いただければURLお伝えしますね。

メッセージ、些細な質問からお待ちしてます。
（ファーストメッセージから２４時間以内に返信しております！）

＊納期は応相談ですが、デザイン構想の相談にお時間いただいた場合は、納期も同時にお時間頂く形となりますのでご了承ください。

ー　私のこと　ー

学校生活を経て、大手エステ会社に就職。
エステティシャンとなり、その後独立。

美容ブログ運営歴5年。（現在放置中…）
３年以上、美容ブログPVランキング１位を継続。

自分で体験した嘘偽りない情報を伝えるブログスタイルが
多くの女性に支持され、
コンスタントに月間２０万PVを誇るパワーブロガー（でしたw）

”みんなで創る化粧品”というコンセプトのもと、
監修化粧品を作り上げ、初回生産分即完売。

組織に属さなくても個人で、 都会ではなく地方からでも、
在宅で仕事をする起業スタイルを確立。

ブログの発信よりもデザインに魅力を感じ、
周りからは勿体無いと言われながらも
発信を思い切ってやめ、デザイン業に移行。

現在、化粧品販売、スキンケアコンサルタントとして活動する傍ら、
メディア構築の知識とデザインセンスを活かし、
バナーデザイン、サイト構築、動画編集、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 などでのオンラインミーティング、対面での打ち合わせ（名古屋市・近郊）も可能です。

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

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

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

• コーディング,WordPress構築を外注できるパートナーが欲しい
• Lancersで募集かけると応募が多すぎて誰に頼めばいいのか分からない
• どれくらいのスキルがあるのか分からなくて外注できない

などのお悩みを抱えているWeb制作会社様・個人事業主様はいらっしゃいませんか？

Kyoto Web Designでは長期での契約を優先させていただいています。
もちろん単発でのご契約も可能です！

デザインを別で用意していただくことも、デザイナーをこちらで探すことも可能です。
テンプレートを修正する形でデザインなしも可能です。

▼こんな方へおすすめ
・デザインはあるが、wordpressに流し込むhtmlとcssが欲しい
・LPのコーディングをしてほしい

▼強み
・再現度の高いコーディング
・scssを使用した効率的なcss

▼納期
ボリュームにもよりますが、だいたい1ページ1日です。

▼料金目安
・ページ単価10000円～　です。

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時間/日以上確保可能。報連相をこまめに行い、お急ぎ案件なども対応いたします。

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

レスポンシブに対応しておりますので、
スマートフォンやタブレットでの表示が可能となっております。
ブレイクポイントをご提示いただき、
また、コーディングの難易によってご相談させていただければと思います。

基本的な金額は
<<一般的なデザインの場合>>
[レスポンシブに対応する場合]
・TOPページ 15,000
・下層ページ 12,000

[レスポンシブに対応のない場合は]
・TOPページ 12,000
・下層ページ 9,000

<<コンテンツなどの内容が少ない場合>>
[レスポンシブに対応する場合]
・TOPページ 12,000
・下層ページ 8,000

[レスポンシブに対応のない場合]
・TOPページ 10,000
・下層ページ 5,000

何処に依頼すれば良いかと迷われたら、是非一度ご相談下さい。
しっかりと対応していきます。

よろしくお願いします。

長年の経験を活かし、お客様のご要望に合わせた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を使ったアニメーション

この度は、数多くのランサーの中から弊社のページをご覧頂きありがとうございます。
HTML/CSSのコーディングを代行させて頂きます。

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

「 デザインはあるけどコーディングする時間がない」
「スピーディーにコーディングしてくれる人を探している」
などコーディングに関する様々なお悩みがあるかと思います。
どんなお悩みをお持ちの方でも、ぜひ一度、弊社にご相談ください！

■自己紹介

私達はTECHCARAVAN合同会社という千葉県にある制作会社です。エンジニア1人とデザイナー1人という少数精鋭で日々、様々な業種のお客様のクリエイティブのご相談に乗っております。

■私たちの強み

丁寧なヒアリング

実際にコーディングするエンジニア・デザイナーが直接ヒアリングいたします。間に営業が挟まらないので密でスピーディーなコミュニケーションが可能です。不安な事は何でも聞いてくださいね。

柔軟なサイト設計

「こんな機能を追加して欲しい」「SNSを連携したい」などお客様のご要望に柔軟にお応えいたします。まずは「こんなことできる？」とご相談ください。

知見を生かしたご提案

弊社はホームページ制作だけでなく小売の店舗も運営しています！集客や店舗運営の知見を活かしたホームページのご提案ができます。ホームページ以外の知見をホームページに活かせるのも弊社の強みです。

少数精鋭が叶える低予算

弊社はエンジニア1人、デザイナー1人の少数精鋭でホームページ制作をしています！少ない人数なので、予算を抑えた対応が可能です！

■ご契約後の流れ

①お客様から弊社にご連絡
ご希望のプランを選択して「まずは相談する（無料）」のボタンからご連絡くださいませ。

②弊社からご連絡
お問い合わせいただいた内容を確認し、弊社からご連絡いたします。
追加の質問や必要に応じてお打ち合わせ（リモート／対面）のご提案をいたします。
※対面でのお打ち合わせはよくある質問をご確認ください

③事前のヒアリング・お見積もりの提示
詳細な希望をヒアリングし、プラン以上の金額になる場合はお見積もり提示いたします。

④契約・仮払い
ご提案内容にご納得頂けましたら、この段階でご契約・仮払いとなります。

⑤お客様からの素材提供・追加のヒアリング
写真やテキストなどの素材をご提供いただきます。
必要に応じてお打ち合わせ（リモート／対面）のご提案をいたします。

⑥制作開始

⑦制作サイトの確認と修正
お客様に制作サイトをご確認いただき、修正が必要な箇所をご指示いただきます。
修正は3回まで無料対応いたします。

⑧納品
最終チェック作業を行ったあと納品。

下記記載の【注文時のお願い】【よくある質問】もぜひご覧ください！

デザインカンプからのコーディングをメインにさせていただきます。
そのほかの、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週間以上ご連絡がない場合、キャンセル扱いとなる場合があります。
　ご回答にお時間がかかりそうな場合はその旨をお伝えいただけますと幸いです。
　

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

2021年8月2日更新！
只今ランサーズ外でのご依頼が多く、新規受付を休止しております。
納期に余裕がある場合は時期によってご相談可能ですので、
希望される方はメッセージの方でお問い合わせいただけますと幸いです。

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

HTML＆CSSを使用してLP（ランディングページ）をコーディングいたします。
コーディングのみ依頼したい、もしくは当方で制作したデザインデータを元にHTML&CSSコーディングをされる方向けのサービスになります。

▼出品料金での対応内容
・LP1ページ分の画像コーディング（PC・スマホでレスポンシブ対応可）
・コーディングデータの納品・サーバーアップロード対応

※こちらのサービスにはデザイン制作は含まれておりません。詳細はこちらの出品ページを御覧ください。
https://www.lancers.jp/menu/detail/99925

▼事前のお見積りまでにご準備いただくもの
・コーディングのみ依頼を検討されている方
LPの長さと、ページリンク等仕様がわかる資料（箇条書き等で構いません）をご用意お願いします。
お問い合わせフォームや機能に関するコーディングが必要な方はご要望をできるだけ具体的にお知らせください。

・当方でデザイン制作の依頼をされた方
コーディング方法や希望、その他仕様についてご要望があればまとめてご共有下さい。

▼納品形式
・HTML、CSS、画像、その他データファイルをまとめてお送りします。
・サーバーアップロード対応（任意）

▼納期について
サービスのご購入から約3～4営業日でコーディングしたLPを共有いたします。
※サイトのボリューム、受注時期によっては上記日程でご案内できない可能性がありますので、希望納期のある方はメッセージにてご相談ください。

▼対応環境
・HTML&CSS
・Wordpress
・カラーミーショップ（※フリーページのみ）
・JIMDO（※JIMDO AIは除く）
・Wix（※テキストコーディングは一部制限あり）
・ペライチ（※画像コーディングのみ）
※上記以外の対応環境についてはお問い合わせいただいた際に仕様確認を行い、当方で問題なく対応できる場合のみご依頼を承ります。

▼オプション料金一覧
・Wixコーディング（テキストコーディング）：+30,000円～70,000円
・Wordpressコーディング（テキストコーディング）：+30,000円～100,000円（※制限あり）
・Wordpressコーディング（テーマ設定＆テキストコーディング）：+40,000～120,000円
・JIMDOコーディング（自作テンプレート・テキストコーディング）：+30,000円～70,000円
・1ページ追加：+20,000～50,000円（※内容次第）
・お問い合わせフォームの設置（Wix・JIMDO）：+5,000～10,000円
・お問い合わせフォームの設置（Wordpress）：+5,000～30,000円（※プラグイン次第）
・対応環境以外でのコーディング：+0,000～30,000円
・デザイン変更によるコーディング追加対応（1コンテンツあたり）：+1,000～10,000円

※テキストコーディングはページの長さやボリュームによって異なります。（詳細費用はデザインや長さに合わせてお見積りいたします。）

▼お問い合わせフォーム設置の対応環境
Wix
Wordpress
JIMDO

※JIMDO及びWixのお問い合わせフォームはデフォルトのデザインでのご提供のみとなります。
※Wordpressのお問い合わせフォームはプラグイン機能による導入及びCSSの編集までとなります。
※HTML＆CSSデータによるコーディングの場合、お問い合わせ内容の管理画面、自作フォームの作成などは承っておりません。（商用フリーで配布されているテンプレートフォーム等であれば一部組み込み可能です。）

▼その他機能関連の導入について
ショップ機能、シミュレーション機能、といったプログラミング要素のあるものについては基本的にご依頼をお受けしておりません。（内容次第では対応できるものもありますが、希望のある場合のみご相談ください。）

デザインはあるけど、コーダーがいない・・・
デザインだけでなくコーディングも依頼したい・・・
そんなご要望がありましたら
お気軽にお問い合せ下さい。

HPを制作いたします。
またLPも可能となります。

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

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

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

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

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

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

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

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

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

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

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

食べることが大好きなコーダー、田中と申します。
　

▶︎サービス内容　

・HTML・CSSコーディング
・jQuery/JavaScriptを用いたアニメーション実装
・WordPress構築
・お問い合わせフォーム実装

▶︎基本料金内

・jQuery/JavaScriptを用いたアニメーション実装
・レスポンシブ対応
・品質確認
・長期メンテナンスしやすいCSS設計（BEM記法）

▶︎制作の流れ

①ヒアリング
チャットやビデオ通話によるご相談・スケジュール確認させていただき、お見積もりいたします。
②契約
問題がなければご購入をお願いいたします。
③制作・確認
制作物のご確認をお願いいたします。
修正点ございましたら可能な限りご対応させていただきます。
④納品
問題なければ、制作物をzipファイルにて納品させていただきます。

ご用意いただくもの

・デザインデータのご用意(XD、Photoshop、Illustrator、Figma)
・FTP情報(レンタルサーバーへのアップロード納品ご希望の場合共有お願いいたします。)

▶︎注意事項

①作業開始後のデザイン変更は工数が発生するため、追加料金をいただく場合がございます。
②ブレイクポイントは基本的に768pxで設定します。＊ご要望あればご相談ください。
③品質確認(対応ブラウザ)
PC：Chrome、Safari、Edge、Firefox
スマホ：Chrome、Safari
実機確認：Mac、iPhone、Android

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

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

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

【ランサーズ活動開始記念 - 初回１０％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サイトの成果を最大化しませんか？

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