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

ページをご覧いただきましてありがとうございます。

これまで制作会社様より受託をし、コーディングを行ってきました。
制作会社様との多数実績がございますので、安心してお任せいただければと思います。

コーディングを外注したい方、
デザインはできるけどコーディングはできない方、
せひご相談ください！

【作業内容】
HTML・CSSコーディング
js実装

【制作の流れ】
①ヒアリング・お見積り
②お客様からデザインデータのご提供
③コーディング
④テストアップ確認・修正
⑤最終調整・納品

HP、LPの修正、コーディング、WordPressオリジナルテーマ化は
お任せください！

【デザイナー様、企業のWeb担当者の方へ】
例えば・・・

ほんの少しの修正が必要だけど、手が空いていない
コーディングが苦手で任せたい
PCサイト画面はできたけど、スマホ用画面のコーディングは・・・
などなど・・・

お任せください！！

デザインだけに集中できるので、デザインの品質も向上します！

こんなお困りごとを解決できます。
ご相談だけでも結構ですので、ぜひお気軽にご連絡ください。

その他にも、
お問い合わせフォームをつけたい
文書を変えたい
HPをネットに公開したい
デザインはあるけど、コーディングができない、など
相談は無料です！

価格（全て税込の対応での掲載になります）
⚫︎修正、更新のご依頼：要相談　3,000円〜
（※内容によっては対応不可の場合もございます。）
システムの都合上10,000円と表記されております。

⚫︎ランディングページのコーディング：10,000円～
※長さによって変動いたします。

⚫︎ホームページのコーディング：10,000円～（ WordPressも対応`）

上記はあくまで目安になります。
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、出させていただきます。

制作の流れ
ヒアリング・お見積もり（まずはご相談ください！）
ご契約（仮払いで契約となります）
クライアント様よりデザインデータご提供いただきます。
コーディング
ご確認・修正（回数無制限）
納品（zipファイルでの納品またはご指定サーバーにアップロードいたします。）
購入する際の注意点
＊ご依頼していただく場合は上記金額にシステム手数料（5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936

納期
【修正、更新】
最短で即日納品

【LPコーディング】
４日〜

【HPコーディング】
4日〜

＊依頼内容によって変動いたしますのでご了承ください。

ポートフォリオも掲載しておりますが、実際に動くサイトをご確認希望の場合は、
下記の【ご依頼、ご相談】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。

ご検討のほど、よろしくお願いいたします。

【ご依頼、ご相談】
https://www.lancers.jp/profile/nabejun0326

はじめまして。
大学生のタケウチと申します。

飲食店の魅力を引き出すシンプルで使いやすいWebサイトを、丁寧にコーディングいたします。学生ならではのフレッシュな視点を活かし、リーズナブルな価格でご提供します。

こんな方へおすすめ
・飲食店のホームページを初めて作りたい方
・予算を抑えつつ、スマホ対応のサイトが欲しい方
・メニューや店舗情報をわかりやすく掲載したい方
・SNS連携やGoogleマップ埋め込みも検討中の方
・丁寧に対応してくれる若いクリエイターに依頼したい方

ご提供内容
・HTML/CSSによるWebサイトコーディング（トップページ＋複数ページ対応可能）
・レスポンシブデザインでスマホ・PCどちらにも対応
・画像やテキストのレイアウト調整
・SNS連携・Googleマップ埋め込み対応（オプション）
・お問い合わせフォーム設置（オプション）

ご購入後の流れ
1.ご依頼内容のヒアリング
2.ページ構成やデザインのご相談・確認
3.コーディング作業の開始
4.仮納品・ご確認・修正対応（無料修正回数内）
5.最終納品・納品後のサポート

製作可能なジャンル
・飲食店（カフェ、レストラン、居酒屋、バーなど）
・小規模ビジネスのホームページ
・学生団体やサークルの紹介ページ（ご相談ください）
・個人クリエイターのポートフォリオサイト（ご相談ください）

プラン料金のご案内
【ベーシックプラン】5,000円
※システム上10,000円と記載されております。
〜まずはお試し！〜
・トップページ＋1ページ（例：メニュー or アクセスページ）
・スマホ対応（レスポンシブ）
・軽い修正3回まで対応
・学生価格でWebページが欲しい方におすすめ！

【スタンダードプラン】7,000円
※システム上10,000円と記載されております。
〜しっかり伝えたい方に〜
・トップページ＋最大3ページまで作成
・メニュー表の表組み・シンプルなカスタマイズ
・修正5回まで無料対応
・SNSリンク・Googleマップ埋め込み対応（希望制）

【プレミアムプラン】13,000円
〜本格的にWeb集客したい方に！〜
・トップページ＋必要なだけページ作成（最大10ページ目安）
・お問い合わせフォーム設置
・メニューのカスタムデザイン対応
・SEOタグ基本設定
・修正無料、しっかりサポート

納期
・ベーシックプラン：5日以内
・スタンダードプラン：7日以内
・プレミアムプラン：10日以内

若さと学びの力を活かし、コストを抑えつつ質の高いWebコーディングをお届けします！

この度は当サービスにご関心をお寄せいただき、誠にありがとうございます。
当方では、セキュリティ対策を万全に施した安心・高品質な各種フォーム制作を承っております。

■対応可能なフォーム例
・お問い合わせフォーム
・会員登録フォーム
・アンケートフォーム
・資料請求フォーム
・見積りフォーム
・注文フォーム
・その他カスタマイズフォーム

■なぜセキュリティが重要なのか？
フォームはお客様の大切な個人情報を預かる場所です。
例えば、アドレス・お名前・住所など、万が一流出すれば
・信頼の失墜
・損害賠償リスク
といった大きな問題に発展しかねません。
「情報漏洩を防ぐこと」は、お客様との信頼関係を守る最初の一歩です。

■情報漏洩以外のリスクにも要注意！
フォームには情報漏洩以外にも、
・サイバー攻撃
・不正アクセス
・マルウェア感染
・データ改ざん・消失
といったリスクが潜んでいます。

だからこそ、SSL/TLSによる暗号化通信 + フォーム自体のセキュリティ対策が欠かせないのです。

■当方の強み
当方では、最新のセキュリティ要件を満たしたフォームを設計・構築。
安心・安全で使いやすいフォームをご提供します。
※表示価格は最低価格となっております。

■開発の流れ
1)ヒアリング（業務内容・目的・必要な機能を丁寧に伺います）
2)プラン提案・お見積り・スケジュール提示
4)システム開発・動作レビュー・修正対応
5)テスト環境での検証
6)本番納品・リリース完了！

■安心のアフターサポート
保守対応や機能改善のご提案も可能です（オプション）

※価格は基本料金です。ご要件に応じて金額・納期は変動いたします。まずはお気軽にご相談ください！

ご希望に合わせたシステム開発で、業務の効率化・サービスの品質向上をしっかりサポートいたします！

★★クオリティ・スピード重視のWeb制作、お任せください！（即日対応可）
コーディングを専門に行っておりまして、
コーディング歴は８年となり、大手企業（バンダイ様、ネスレ様、プジョー様）など400サイト以上の実績がございます。

★★こちらのパッケージ商品は下記のような方にお勧めしています。
・とにかく急いでコーディングしてほしい！
・素人や副業ではないプロのクオリティでコーディングしてほしい！
・すぐに連絡を取りたい！
・土日祝深夜問わず対応してほしい！

★★ご依頼の流れ
１．ヒアリング
　　コーディングの内容やスケジュールなどを確認させていただきます。
２．ご契約
　　上記ヒアリングにて工数を確認し、プランやオプションをご購入いただきます。
３．コーディングテストアップ
　　コーディングデータをご確認いただき、必要であれば修正等を行います。
４．納品
　　指定サーバへのアップロードまたはデータ送付を行います。

★★最後に
失敗が許されないお急ぎの時にはぜひご相談ください！
途中で連絡が途絶える、納期に間に合わない、そのような心配は一切ございません！
依頼してよかった！そう思っていただける自信があります。ぜひご検討ください。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

▼こんな方におすすめ
「デザインができたので、自身のサイトを構築したい」
「納期までにコーディングを急いでやってほしい」

▼サービス内容

• HTML, CSS, JSのコーディング
• サイトのWordPress化
• アニメーションの実装

▼ご用意いただくもの

• 各種デザインデータ
• テキストデータ

ご覧いただきありがとうございます。
ホームページのコーディングをしております、ともゆきと申します。
デザインカンプからコーディングし、デザインを再現いたします。
　デザインカンプを持っていてコーディングしてもらいたい！
　コーダーを探しているデザイナーさん
などお気軽にお声がけください

【作業内容】
・HTMLにて静的サイトのコーディング
・WordPressにて動的サイトのコーディング
・レスポンシブ対応
・ハンバーガーメニューやアコーディオンなど簡単なアニメーションの実装

【制作の流れ】
・ヒアリング/お見積り（お気軽にご相談ください）
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品

【納品前チェック】
・表示崩れ確認（320px～2560px）
・各ブラウザでの表示確認（Chrome、FireFox、Safari）
・ピクセルパーフェクトの確認
・問い合わせフォームの動作確認
・HTML及びCSS構文チェック（W3C）
・意図しない横スクロールは発生しないか
・誤字脱字がないか（テキスト比較ツール）
・JavaScriptの挙動確認・コンソールエラーの確認

最後に、私のポートフォリオに制作実績として掲載して良いという方はお値下げさせていただきます。
是非お気軽にご相談ください。

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

HTMLメールはメルマガ配信ツールなどで、
簡単に作成することができますが、

CSSやVIEWPORT設定まで対応していないツールもあり、
端末やメールクライアントによって、文字化けや表示崩れを起こすケースが多いです。

PCだとOutlookやWindowsメール、
モバイルではAndroidなど対応していないCSSがほとんどです。

これではせっかく時間をかけてメールを作成しても、
メール内リンクからの回帰は望めません。

本サービスの３つの特徴

①メール到達率を改善
可能な限りファイルサイズを抑えることで
各社サーバーの原稿容量制限と画像容量制限をクリアし、
より多くのリードリストにメール配信を可能にします。

②開封率を改善
プリヘッダーテキストを使用し、
メール一覧画面に表示される冒頭文を
訴求効果の高いキャッチコピーに変更します。

③回帰率を改善
幅広い環境で快適に閲覧可能なメールから、
正常に表示されるCTAボタンにより、
リンククリック率を改善します。

▼制作の流れ
1.ご購入

2.当方より打ち合わせ日程のすり合わせ

3.簡単なワイヤーフレームを提出いたします。

4.問題が無ければ画像とロゴデータのURLをご教示ください。

5.納品　※納品ファイルはHTMLファイルのソースコード形式となります。

💻【コーディング代行】
デザインを忠実に再現！スピーディーかつ高品質なコーディングを代行します。
デザインカンプ（Figma / XD / PSD など）をもとに、丁寧でメンテナンスしやすいHTML / CSS / JavaScriptコーディングを行います。
レスポンシブ対応やSEO対策、アニメーション実装もお任せください！

▽対応可能な内容

• HTML / Sass / CSS / JavaScript（jQuery含む）コーディング
• レスポンシブ対応（スマホ・タブレット）
• WordPress組み込み（静的→動的化）
• アニメーション（スライダー、フェードインなど）実装
• ページスピードやSEOを意識した構造でのマークアップ
• Gulpなどのタスクランナーによる効率的な開発対応も可能

▽こんな方におすすめ

• デザインはあるけどコーディングに時間が割けない
• 納期に間に合わせたいので部分的に外注したい
• コードのクオリティにもこだわりたい
• デザイン通りに実装してほしい

▽ご依頼の流れ
① 無料相談
② デザインデータのご提供（Figma / XD / PSDなど）
③ お見積もり・スケジュール提示
④ コーディング開始
⑤ ご確認後、納品（ZIP or サーバーアップ）

修正回数や希望納期などに応じて、内容をカスタムできます。
まずは、ご連絡ください。

【デザイナー歴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 / jQuery を使用したコーディングを行います。
各種デバイスへのレスポンシブ対応・アニメーションなど、ご希望に応じて柔軟に対応いたします。

◼︎サービス内容
・HTML / CSSコーディング（静的ページ）
・レスポンシブ対応（スマホ・タブレットなど各種デバイス）
・jQueryによるアニメーション（フェードインやスライダーなど）
・Gulpを使用した自動化（ご希望に応じて）

◼︎提供プランについて
記載しております提供プランについては、あくまで目安となります。
ご依頼内容などお気軽にご相談ください。

◼︎ご購入の流れ

1. メッセージにてご依頼・ご相談ください（デザインや内容共有をお願いします）
2. プラン確定＆お見積
3. 作業開始（ご希望に応じて進歩報告を行います）
4. 作業終了後、お客様にご確認いただき必要に応じて修正を行います。
5. 納品

「まずは相談だけ」でも大歓迎です◎
お客様のご要望に応じて柔軟に対応いたしますので、お気軽にご相談ください！

WEBサイトの修正、コーディング代行いたします！

web業界約15年以上となりますので安心してご依頼ください！
レスポンスも早く、すぐにご対応可能です！

▼こんな方におすすめ
・デザインの準備が終わってるのにコーディングの時間がない
・コーディングできるスタッフがいない
・わかる人に任せたい
他
・レスポンシブ対応に変えたい
・お問い合わせフォームをつけたい
・スマホ表示だと崩れる
・画像差し替えや文章の差し替えをしたい

■価格
※金額はすべて税込みとなります。

・修正、更新のご依頼：要相談
内容により対応不可の場合もございます。

・LPのコーディング：48,000円～
5000px以上ある場合は要相談

・ホームページのコーディング（5ページ以内）：110,000円
6ページ以上ある場合は1ページあたり10,000円追加となります。

上記はあくまでも目安となりますのでご相談ください。

■制作の流れ
①まずはご相談ください！
②ご契約（仮払いでの契約となります）
③お客様よりデザインデータのご提供
④コーディング・テスト
⑤ご確認・修正（3回まで）
⑥納品（ご指定の方法で納品いたします。）

＊ご依頼していただく場合は上記金額にシステム手数料（5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936

■納期

・修正・更新
午前中までにご依頼いただければ当日納品

・LP制作
4日～

・ホームページ制作
14日～

内容により変動いたしますのでご了承ください。

1. カスタムデザイン
   ・お客様のブランドイメージに合わせたオリジナルデザインを提供。
   ・ユーザーエクスペリエンスを重視し、視覚的に魅力的なレイアウトを実現。

2. レスポンシブ対応
   ・スマートフォンやタブレットなど、すべてのデバイスで快適に閲覧可能なレスポンシブデザイン。
   ・検索エンジン最適化（SEO）にも配慮した設計。

3. WordPress統合
   ・WordPressを使用した簡単なコンテンツ管理を実現。
   ・お客様が自分でコンテンツを更新できるよう、使いやすいインターフェースを提供。

4. 機能追加
   ・必要に応じて、プラグインの導入やカスタム機能の追加をサポート。
   ・お問い合わせフォームやギャラリー、ブログ機能など、目的に応じた機能を実装。

5. SEO対策
   ・検索エンジンでの上位表示を目指すための基本的なSEO設定を実施。
   ・キーワード選定やメタタグの設定を行い、集客効果を向上。

6. サポートとメンテナンス
   ・サイト公開後のサポートやメンテナンスサービスを提供。
   ・定期的なバックアップや更新作業を行い、安全な運営をサポート。

7. 納品後のトレーニング
   ・お客様が自身でサイトを管理できるよう、操作方法のトレーニングを実施。
   ・より良い運営のためのヒントやコツを提供。

▼こんな方へオススメ
デザインデータを持っているけれど、HTML/CSSのコーディングに時間がかかる方
外注で信頼できるコーダーが必要な方
コーディングから本番アップまで一貫してお任せしたい方

▼ご提供内容
HTMLとCSSを基にしたコーディングを行います。デザインデータ（現時点ではFigmaのみ）に対応可能です。JavaScriptやjQueryを使った動的な要素の追加も承ります。

▼ご購入後の流れ

1. オンラインでのヒアリング（Zoom、Google Meetから選択可能）
2. コーディング作業
3. テスト環境の準備
4. 最大3回までの修正対応
5. 納品（データ一式の送付または本番サーバーへのアップロード）

▼制作可能なジャンル
公序良俗に反しない限り、ほぼすべてのジャンルに対応可能です。アダルトコンテンツは除外しています。

▼料金プランやオプション
基本サービスには、HTML/CSSコーディング、レスポンシブ対応、テスト環境の提供、指定サーバーへのアップロード、納品後1週間の修正対応が含まれます。

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

デザインはあるけどコーディングができなくて困っている方へ
デザインさえ用意してもらえればクオリティの高いコーディングをいたします。

【基本サービス内容】
・HTML / CSS コーディング
・レスポンシブ対応

【オプションでのサービス内容】
・下層ページのコーディング：10,000円〜

【注意事項】
・レンタルサーバーの用意とドメイン取得はお客様自身でお願いします
・デザインデータはFigmaかXDであれば共有URLでお願いします
・1ページのコンテンツ量が多い場合は追加料金する場合があります
・コーディング方法はVSCodeで実装していきます

まずは相談かメッセージでお気軽にお問い合わせください。

当パッケージをご覧いただきありがとうございます。
こちらはデザインデータをもとに、高品質なHTML／CSSコーディングを代行するサービスです。
PC・スマホ・タブレット対応のレスポンシブコーディングに標準対応しております。

◆こんな方におすすめ

・制作案件が重なり、外注先コーダーを探している制作会社様
・コーディングを任せて、デザインに専念したいデザイナー様
・短納期かつ品質を重視される方

◆基本料金に含まれるもの
①HTML／CSSコーディング（W3C準拠）
②レスポンシブ対応（PC／スマホ／タブレット）
③テスト確認用サーバーのご提供
④納品後1週間以内の軽微な修正（テキスト・画像差し替えなど）
⑤無期限保証
⑥制作・開発の期間には、弊社のサーバーを無料利用

◆追加費用が発生するもの
・JavaScriptアニメーション：3,000円〜
・Wordpressに組み込む：1ページ：2,500円

◆納期
最短3日〜で納品可能です。
※ページ数や内容により変動します。

◆対応可能なデザインデータ
・Figma
・Adobe XD
・Photoshop
・Illustrator

◆納品までの流れ
ヒアリング・お見積もり
↓
デザインデータ受領
↓
コーディング作業
↓
テストアップ（確認・修正）
↓
納品（ZIPファイル送付またはサーバーアップロード）

◆お見積もり参考例
・ランディングページ（PCデザイン長さ10,000px）**
コーディング：30,000円（長さ超過5,000pxごとに＋3,500円）
スライダー実装：3,000円
ページトップボタン：無料
参考価格：33,000円

レスポンシブコーディング×10ページ（トップページ＋下層９ページ）
・トップページ（長さ7,500px）：25,000円（長さ超過5,000pxごとに＋3,500円）
・下層ページ（長さ4,000px）: 1ページ＝10,000円　×9：90,000円（長さ超過4,000pxごとに＋2,000円）
・お問い合わせフォーム設定（8つの項目）：9,500円
・スライダー・1個：3,000円
・ドロワーメニュー：3,000円
・スクロールページトップボタン：無料
・アコーディオン：無料

参考価格：130,000円

デザインからWEBサイトにおこします。
HTML・CSS・JavaScript・jQueryを使ってコーディングします。
修正のご希望は、柔軟に対応させていただきます。

HTML・CSS・JavaScriptでのコーディングでお困りではありませんか？

シンプルなコードで表現速度を重視し、スマートフォン・タブレットにも最適化。
意図を正確に反映したコーディングと、保守性・拡張性を意識した実装を提供します。

■ こんな方へおすすめ

• デザインデータから、正確で保守性の高いコーディングを依頼したい方
• JSギミックを含むLPやWebサイトを構築したい方
• 運用や更新を見据えて、整理されたソースコードを希望される方

■ ご提供内容

• HTML＋CSSによる構築
• JavaScriptによるギミック実装（タブ・アコーディオン・スライダー・モーダル等）
• 可読性・再利用性を意識したコーディング（BEM命名対応可）
• デザインデータの意図を丁寧に再現
• レスポンシブ・SEO・アクセシビリティ標準対応
• 瑕疵対応（当方のミスによる不具合・動作不良）無制限
• テストアップ後の軽微な修正（文字修正・色変更・余白調整など）対応（3回まで）
• 納品データ：HTML／CSS／画像／JSファイル

■ ご購入後の流れ

1. デザインデータの確認（PSD／XD／Figmaなど）
2. 内容・仕様確認のうえ、お見積り最終確定
3. コーディング作業開始
4. テストアップ／修正対応（3回）
5. 納品（zip／Git／テスト環境反映など）

• コーディング作業開始後の大幅なデザインや仕様の変更は、工数にも影響があるため一度作業を停止し、別途お見積りや納期について再検討する場合があります。
• 納品後の、当方瑕疵以外の修正は有料となります（1か所2,000円～）。

■ 料金について

• ポートフォリオ掲載許可をいただける場合は、制作費を15％割引いたします。
• デザインデータや仕様により、基本料金やオプション料金は納期・金額が前後する場合があります。
• 基本的なJSセットの内容はアコーディオン・タブ切り替え・スライダー・モーダルの4点です。
• ご質問、ご相談のみでも大歓迎です。お気軽にお問い合わせください。

13年の経験を活かし、HTML/CSS/JavaScriptの改修を迅速かつ正確に対応！Webサイトのお困り事を解決します

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

• 既存サイトの軽微な修正を頼みたい
• JavaScriptの動作エラーを直したい
• レスポンシブやアクセシビリティ対応を強化したい
• サイト運用を前提とした保守性の高い修正を依頼したい

■ 発注の流れ

1. 修正・改修内容のヒアリング（対象URL・デザイン・変更指示など）
2. 作業範囲とスケジュールの確認、最終お見積もり
3. 正式発注・仮払い確認後に作業開始
4. テストアップ／修正対応（納期に間に合う範囲で何度でも対応）
5. 納品（zip／Git／テスト環境反映など）

※ 納期に間に合わないほどの大幅な修正や仕様変更が発生する場合は、納期延長＋追加料金にて対応可能です。

■ 対応内容例

• テキスト・色・余白などの軽微修正
• HTML/CSS構造の改修、スタイル最適化
• 既存JavaScriptのエラー改修、機能追加
• 既存サイトのアクセシビリティ調整
• レスポンシブ対応やデザイン崩れ修正
• ソースコードの可読性・保守性向上（命名・コメント整備など）

■ 料金について

• ポートフォリオ掲載許可をいただける場合、制作費を15％割引
• 修正内容や難易度により、基本料金やオプション料金は納期・金額が前後する場合があります

■ ご相談について

• ご質問・相談のみでも大歓迎です。お気軽にお問い合わせください

ご覧頂きありがとうございます。
Webコーダーのまきせと申します。
本サービスは基本的に静的サイトのコーディングを行います。
WordPress構築も対応いたしますのでお気軽にご相談ください。

■本サービスはこんな方におすすめです

・コーダー不足で外注先を探している方
・WordPressが苦手
・WordPressが自分でできない
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方など

■サービス内容

・デザインカンプからHTML/CSS/JSでの静的コーディング
・レスポンシブ対応
・JavaScript(jQuery)を用いたアニメーション実装（ハンバーガーメニュー、スライダー等）
・お問い合わせフォームの実装
・WordPress構築
その他既存サイトの文言、軽微なデザインの修正、アニメーションの追加等
何でもご相談くだださい。

■納品までの流れ

1,ヒアリング、デザインや情報のご提供
2,お見積り
3,ご契約
4,着手開始
5,最終確認・修正
6,納品
7,プロジェクト完了
※報連相を徹底していますので細かく進捗状況はご報告させていただきます。
※納品前の修正は無制限でご納得いただくまで行います。

ここまでご覧いただきありがとうございます。
以下に私について記載させていただきましたのでぜひ、ご一読ください。

■経歴

オンラインスクール【デイトラ】にてWeb制作を学習し現在は卒業してWebコーダーとして活動しています。
2024.11 株式会社デイトラが実施する実務即応型の検定 コーディング実務検定に合格。

■スキル・可能業務

・HTML/CSSコーディング
・JavaScript（jQuery）を使用したアニメーション制作
・WordPress化（完全オリジナルテーマの制作／PHP対応）
・デザインカンプを忠実に再現

■制作実績

・LP×5本(ドロワー、スライダーとう基本アニメーション付き、レスポンシブ対応、)
・静的コーディングからWordPress構築
(トップページ＋下層7ページ)(投稿系ページ、カスタム投稿１タイプずつ)(コンタクトフォーム設置プラグイン使用)

■仕事への姿勢

・迅速なレスポンスと報連相（報告・連絡・相談）を徹底し、円滑な業務進行に貢献いたします。
・報告・連絡・相談の徹底
・柔軟かつ誠実な対応
・ご要望を最大限実現する努力
お客様にとって価値ある成果を提供できるよう努めます。

よろしくお願いいたします。

\ コーディング経験80件以上！ /デザインカンプから高品質なWebサイトを制作。WordPressテーマ対応もお任せください。

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

• Webサイトのデザインはあるが、コーディングしてくれる人がいない
• レスポンシブ対応でスマホでも見やすいWebサイトを作りたい
• 予算内で高品質なWebサイトを実現したい
• 納期を守ってくれるコーダーを探している

私は「丁寧なコーディング」と「高いレスポンシブ対応力」を強みとしており、現在は2社と業務委託契約をいただき、長期的な案件に携わっております。これまでにホームページ・ランディングページ制作や修正案件など80件以上を手掛けてまいりました。

発注の流れ

①お問い合わせ
メッセージにて、納期・予算などをお知らせください。

②デザイン確認・ヒアリング
デザインカンプを共有いただき、詳細な仕様について打ち合わせを行います。

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

④制作開始
コーディング作業を開始いたします。簡単な文章変更、画像差し替えはいつでもお声掛けください。

⑤納品・検収
完成したWebサイトをご確認いただき、修正点があれば修正いたします。
zipファイル納品のほか、サーバーアップの対応も可能です。その際はご使用のサーバー情報などのご共有をお願いいたします。

対応範囲・価格

◇HTML/CSSコーディング：50,000円
LPコーディング (1ページ)。基本的なWebページのコーディングを行います。レスポンシブ対応込み。

◇WordPressテーマ対応：50,000円～
WordPressオリジナルテーマ対応。デザインカンプからWordPressテーマを作成します。

◇１ページ追加：10,000円～
WordPressオリジナルテーマの1ページ追加の対応。PC、スマホ、タブレットなど、様々なデバイスに対応したWebサイトを制作します。

---- 以下アニメーションは無料で実装しております ----
・ハンバーガーメニュー
・アコーディオンメニュー
・スライダー
・ モーダルウィンドウ
・スムーススクロール
・タブ切り替え
・簡単なスクロールアニメーション

※複雑な実装は別途お見積りとなります。

納期

7日～20日 (内容により変動いたします)

丁寧なコミュニケーションと迅速な対応で、Webサイト制作をサポートいたします。まずは、お気軽にご相談ください！

ホームページやLPのコーディング代行サービスです。
これまで、制作会社様と連携し、月に20本以上のペースで
コーディングの対応経験もあり、質の高い制作を提供いたします。

◇ こんなお悩みをお持ちではありませんか？
・デザインに集中したいけど、コーディングに時間を取られてしまう…
・デザインの意図が伝わらず、スムーズに対応してくれるコーダーがいない…

◇ そのお悩み、解決いたします！
Webデザイナーとして活動しているため、デザインの意図を汲み取ったコーディングを提供いたします。

■対応内容
・静的コーディング1ページ
・レスポンシブ対応
・画像圧縮による表示速度の最適化
・簡易的なアニメーション対応
・テストサーバーでの確認環境提供

＜オプション＞
・jQueryとCSSアニメーションの組み込み
・下層ページのコーディング
・お問い合わせフォームの実装

■納期
最短5営業日で初稿ご案内いたします。(納品ではありません。)
急な案件も調整可能な場合がありますのでご相談ください。

■制作の流れ
１．ヒアリング＆お見積り
まずはメッセージにてご要件をお聞かせください。ご希望に沿った最適なお見積もりをご提案いたします。

２．デザインデータのご提供
お見積もりにご納得いただけましたら、トークルームでデザインデータをお送りください。スケジュールの詳細を共有いたします。

３．コーディング（テスト含む）

４．初稿提出→ご確認・修正
テストサーバー上で初稿をご確認いただき、修正が必要な場合は対応いたします。

５．最終確認・納品
修正が完了したら、最終確認を行い納品いたします。ご希望の納品形式で提供いたします。

■納品形式
お客様のご希望の方法で納品可能です。
例：ソースコード一式をzipファイルでお渡し、サーバーへのアップロードなど

■ご準備いただくもの
・デザインデータ（Adobe Photoshop、Illustrator、XD、Figmaなど）
・デザインデータから書き出せない画像、動画、文章などがある場合は、事前に準備をお願いします。
・サイトのタイトルと説明文

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

当サービスをご覧いただきありがとうございます。
当サービスではいただいたデザインデータから、HTML.CSS.JavaScriptを用いてLPのコーディングを代行致します。

【料金】
先着10名様　15,000円〜 お受け付け致します。
通常料金　20,000円〜
画像コーディングや短いLP 7,000円〜
WordPress化　10,000円
※修正無制限、レスポンシブ対応無料

【制作の流れ】
見積もり・カスタマイズの相談からお見積もり頂きます。
↓
デザインデータの共有をお願い致します。
↓
コーディングさせて頂きます。
↓
修正内容があれば修正致します。
↓
納品

【納品方法】
zipファイル
サーバーへのアップロード
WordPress実装
※FTP情報の共有、WordPress化の場合はWordPress情報のご共有をお願い致します。

▼こんな方へオススメ
・デザインはあるけど、コーディングを任せたい方
・スマホ対応のLPを1ページで仕上げたい方
・外注が初めてで、丁寧にやりとりしてほしい方
・予算内でシンプルにLPを公開したい方

▼ご提供内容
・HTML＋CSSによるコーディング（1ページLP）
・レスポンシブ対応（スマホ・タブレット）
・軽微なJavaScript（メニュー、アコーディオン等）
・alt属性や構造を意識したマークアップ対応
・ファイル納品（HTML/CSS/JS/画像）

▼ご購入後の流れ
① ヒアリング（デザイン・構成・希望納期など）
② 作業開始（進捗は随時ご報告）
③ 初回納品 → ご確認・修正対応（2回まで）
④ 最終納品・クローズ

▼制作可能なジャンル
・キャンペーン用LP
・サービス紹介ページ
・セミナー/イベント告知ページ
・士業・店舗向けシンプルLP
・ポートフォリオ風LPなど

▼料金プランやオプション
・ライト：¥10,000（3セクションまで）
・ベーシック：¥15,000（5〜6セクション）
・プレミアム：¥20,000〜（7セクション以上＋動き）
・セクション追加：＋¥2,000〜

▼納期
・ライト：7日以内
・ベーシック：10日以内
・プレミアム：14以内（応相談）
※副業対応のため、事前にスケジュール確認をお願いします。

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

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

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

▶︎作業内容
・HTML / CSSコーディング
・JavaScript / jQueryを用いたアニメーション実装
・レスポンシブ対応
・品質確認（マルチブラウザ対応、W3C、ピクセルパーフェクトなど）
・サーバーへのアップロード

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

▶︎ご用意いただくもの
・デザインデータ（XD、Photoshop、Illustrator、Figmaなど）

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

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

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

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

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

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

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

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

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

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

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

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

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

本サービスをご覧いただきありがとうございます。
Web制作歴6年以上の現役エンジニア2名体制で、コーディング代行を承っております。

デザイン色の強い制作会社様と長年契約させていただいており、デザインの再現性・レスポンシブ対応の制度・アニメーション制作に特に得意としております。

• コーディングのリソースが足りていない
• デザインを忠実に再現できるコーダーがいない
• 高度なアニメーションを実装してほしい
• 経験豊富なコーダーに対応してほしい

こういった方にお勧めのサービスです！

◆作業内容

・レスポンシブコーディング
　┗ ブレイクポイント3つ + フレキシブルレイアウト
　┗ Sass（SCSS）対応可能

・お問合せフォーム実装
　┗ WordPressプラグインを使用（Contact Form 7, MW WP Form）

・WordPress化
　┗ オリジナルテーマ制作
　┗ カスタム投稿タイプ・カスタムフィールド等も対応可能

・CSS / JSアニメーション制作
　┗ スムーススクロール、スライダー、ハンバーガーメニュー等シンプルなものは無料で対応
　┗ ローディングアニメーション、GSAPを使用したスクロール連動アニメーション等の対応も可能

これら以外にもご要望がありましたら、お気軽にご相談ください。

◆制作の流れ

①ヒアリング
デザイン、ページ数、希望納期、作業範囲等をお聞かせください。
　↓
②お見積もり
お見積もりと正式な納期を提示させていただきます。
内容に同意いただけた場合、ご購入をお願いいたします。
　↓
③コーディング対応
コーディング対応を開始します。
作業進捗は常に報告いたします。
　↓
④テストアップ / 修正対応
コーディングが完了次第、初稿のテストアップをします。
お客様側でご確認いただき、修正してほしい点がありましたら対応いたします。
　↓
⑤納品
対応完了後にご確認いただき、何も問題なければ、サーバーにアップロード・もしくはZIPファイルにて納品いたします。

私たちの強み

・5年以上の経験年数有り
コードハイブのコーダーは、2名ともWeb制作歴が5年以上あります。
特にデザインにこだわりがある制作会社様と長期契約をさせていただいていることもあり、デザインの再現性・デザイナー様のイメージ通りのアニメーションを制作することを得意としています。

・土日祝日問わず対応可能
土日祝日も対応が可能なので、急ぎの場合は相談いただけましたら金曜日に依頼→月曜日に納品といったことも可能です。メッセージも24時間受け付けており、作業時間内であれば1~2時間以内に必ず返信いたします。

・デザイナー様へ
デザイナー様がこだわりを持って制作されたデザインを、忠実に再現いたします。レスポンシブ対応の手法は、フレキシブルレイアウトを採用しております。ブレイクポイントでのメジャーな画面幅の最適化に加え、ブレイクポイント間も画面幅によって要素の横幅を伸縮させることで、どんな画面幅でも表示崩れがなく綺麗に表示することが可能です。また、アニメーションにもこだわりがあるデザイナー様も大歓迎です。ホバーやスクロールアニメーション等、デザインに合ったアニメーションを提案・実装させていただきます。

・制作会社様へ
Webサイト制作歴5年以上のコーダーが、高品質・保守性の高いコーディングを提供します。SEOを意識したセマンティックコーディングに加え、サイトスピード・アクセシビリティを考慮したコーディングが可能です。さらに、GSAPやWebGLを使用した複雑なアニメーションも制作可能です。WordPressでのサイト制作では、オリジナルテーマ制作だけでなく、カスタム投稿タイプやカスタムフィールドを扱うことができます。

料金に関して

プランに表示している金額は概算ですので、ヒアリング時に詳しく内容をお聞きした後、正式な金額を提示させていただきます。

私たちの実績について

主に制作会社様からの案件対応をしているので、非公開となっております。
もし実績を確認したい場合は、ヒアリング時にビデオ通話にて紹介させていただきます。

この度は本サービスをご覧いただきありがとうございます。
サイト製作を主に行っているカツオと申します。

本サービスは静的サイトのコーディングを行います。

【基本サービス内容】（すべてのプラン共通）
・デザインデータからのコーディング
・各種必要なタグの埋め込み
・画像圧縮による表示スピードの改善
・テスト環境（サーバ）へのアップロードテスト

【プランの種類】
・ベーシック・・・TOPページのみコーディング（納品前のデザイン変更に伴う修正３回まで）
・スタンダード・・TOPページのみコーディング+レスポンシブ対応（納品前のデザイン変更に伴う修正３回まで）
・プレミアム・・・TOPページのみコーディング+レスポンシブ対応（納品前のデザイン変更に伴う修正回数無制限）

【オプションサービス】
・下層ページコーディング
・お問い合わせフォーム実装
・JavaScript、jQery、CSS等を用いたアニメーション
・縦幅超過分の課金
・実績として公開不可

【使用可能（経験）ツール・言語・フレームワーク】
・ツール
　Figma、ChatGPT、Canva、GIMP
・言語、フレームワーク
　html、css、Sass、JavaScript、php

【納品方法】
zipファイル

【表示確認】
納品前には下記ブラウザ全て（バージョンは最新）での表示確認も行い、どの環境でも問題なく閲覧できるWebサイトを制作します。
・WindowsPCでのChrome, Edge, Firefox
・MacPCでのSafari
・iPhoneでのSafari
※基本の動作確認対象は 375px ～ 1920px です。
　その他の画面幅での対応が必要な場合は、別途お見積もりいたします。

当パッケージページをご覧いただきありがとうございます。

お客様にご送付いただいたデザインカンプを基に
Webサイトの静的コーディングを代行するパッケージとなっております。

コーポレートサイト、LP、ECサイト（静的部分のみ）など
html/css+javascriptを使用したサイト構築が対応可能です。

採用サイトや高級レストランのコーディングを担当することが多く
デザインの雰囲気に合わせたアニメーションの実装が得意としております。
別途お見積もりとはなりますが、

・スクラブアニメーション
・モーションパス
・パーティクルアニメーション
・スクロールエフェクト

など各種アニメーションの実装も可能でございます。
*「アニメーション実装のみ」のご相談は現在は対応しておりません。
予めご了承ください。

料金に含まれるもの

＊スタンダードプランの場合

1.PCのデザインカンプ7000pxまでの静的コーディング　＊1
2.レスポンシブ化
3.基本的なjavascript 4点まで
4.構造化マークアップ（ご希望の場合のみ）
5.W3Cでのバリデーションチェック

[基本的なjavascriptとは・・・]

スライダー、カルーセル、ハンバーガーメニュー、アコーディオン、タブ
簡易的なスクロールエフェクト

追加料金が必要となるサービス例

・Wordpressの実装
・お問い合わせフォームの実装
・作業開始後にデザインや仕様の変更が発生した場合
・クライアント希望のコーディングルールの設定
・アニメーション
・インスタグラム連携（インスタグラムグラフAPI）

お断りさせていただいてる作業例

・50ページを超えるご依頼

制作期間

目安となっております。
ご依頼いただける時期にもよりますのでお気軽にご相談ください。

納品形式

ランサーズ上でのzip納品

ご相談時に必要なもの

デザインカンプをご用意いただきお気軽にメッセージをご送付ください。
ご相談時はラフでも問題ございません。

対応可能なターゲットブラウザ

win:edge最新,chrome最新,firefox最新
mac:safari最新,chrome最新

iPhone:iOS最新のsafari
Andoroid:最新varのchrome

＼ 実績と信頼で選ばれています！ ／
ディレクター・デザイナー様からの構築代行を中心に、
ランサーズ外でも外注パートナーとして継続的にご依頼をいただいています！
「意図を汲み取る丁寧な構築」と「保守性を考慮した設計」を意識しております。

ポートフォリオはこちら▶︎
https://www.canva.com/design/DAGcOiiMyBg/xASjbRwEvEm3DhGliduvWQ/view
（コピー＆ペーストでご覧いただけます）

本サービスでは、Figmaで作成されたデザインカンプをもとに、WordPressの有料テーマ（SWELL／Snow Monkey）を活用したローコード構築を行います。
フルスクラッチよりもコストを抑えつつ、デザイン再現性と保守性のバランスを大切にしています。

【こんなお悩みありませんか？】
・構築まで手が回らず、外注先を探している
・スマホデザインがないが、レスポンシブ対応したい
・品質は担保しつつ、コストは抑えたい

そのお悩み、解決いたします！

【このサービスの特長】
・PCカンプのみでOK
　SP・TBカンプがなくても、意図を読み取って最適な構成で仕上げます。
・ブロックエディター × CSSカスタマイズ
　テーマ本来の構造を活かしつつ、必要に応じてCSSで調整。保守性と再現性を両立します。
　アップデート時の影響を最小限に抑える適切なクラス指定を行って構築します。
・SEO・セキュリティも対応
　meta／alt／reCAPTCHA／画像圧縮など、内部対策も標準対応。
・納品前チェックリスト付き
　独自の品質チェックで抜け漏れなく確認。安心してお任せいただけます。

【サービス内容】
・WordPress構築（SWELL／Snow Monkey）
・レスポンシブ対応
・SNS／外部予約サイトなどへの連携／お問い合わせフォーム
・スライダー／フェード表示などのアニメーション
・画像圧縮／軽量化／ファビコン設定
・内部SEO／セキュリティ対策

※テーマの性質上、ピクセルパーフェクト指定は承っておりません。

【ご予算について】
ページ数や仕様に応じて柔軟にご提案いたします。
表示金額は目安です。

【購入から納品までの流れ】
①「まずは相談をする」から、メッセージをお送りください。
②納期を確認させていただき、追加で購入が必要なオプションがある場合はご案内いたします。
③お見積り書をお送りいたします。内容にご納得いただけましたら、ご購入ください。
④WordPress情報や、Figmaのデザインデータをご共有ください。
⑤ご共有いただいたデータを元に、local環境で構築いたします。
⑥構築後、テスト環境にてご確認いただき、修正点があれば対応いたします。
⑦全て完成いたしましたら、納品となります。必要時、お客様の本番環境にアップロードいたします。

まずは「相談だけ」でも大歓迎です。
構築パートナーをお探しの方は、どうぞお気軽にご連絡ください。

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

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

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

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

◆サービス内容

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

◆料金表

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

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

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

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

◆納品までの流れ

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

◆デザインについて

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

◆納品方法

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

◆納期

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

◆注意事項

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

◆最後に

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

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

【作業内容】
・React, TypeScript, Next.jsを用いた静的コーディング（1ページから大量ページまで対応可能です。修正のみも対応可能）
・レスポンシブ対応
・JavaScriptの動的実装（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど基本的にご希望どおり実装します）

【制作の流れ】

・ヒアリング/お見積り（お気軽にご相談ください）
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品
・納品方法はGitHubコミット、zip納品、FTP送信などが可能です。その他の場合もご相談ください。

【納期】
実装内容により異なりますが、基本的には１〜２週間以内に納品させていただきます。
ご希望の納期がございます場合はご相談くださいませ。

定めた納期は必ず守ります。
デザインに忠実なコーディングに努めております。
ご相談・お見積もりのみでも大丈夫ですので、まずはお気軽にご相談くださいませ。

運用されるサイト・アプリの原因不明なエラーやバグの調査・修正・改善を行います。

些細なエラーやバグの対応であれば￥2,000(税別・手数料別)

1件のみの対応でも可能。

もちろんNDA(秘密保持契約書)を結んでの作業を徹底します。

▼こんな方へオススメ

・コーダーの外注先をお探しのデザイナー様・制作会社様

▼サービス内容

・HTML・CSSを使用したWebサイトコーディング。
・JavaScriptを使用した動きのあるサイトも制作可能です。
・レスポンシブデザインへの対応可能です。（料金に含みます）

▼ご用意いただくもの

・デザインカンプ（ファイル形式…XD・Photoshopなど）
・原稿（テキストデータなどのコピペ可能なデータ）
・画像

▼料金プラン

・一部の修正や更新作業など、軽微なサイト作成⋯10,000円
・Webサイトコーディングの基本プラン（３ページ以内）⋯25,000円
・Webサイトコーディングのプレミアムプラン（４ページ以上）1０ページ以上の場合は別途ご相談ください。⋯50,000円

▼納品

・制作物をzipファイルにて納品させていただきます。
　※サーバーへのアップロードは、FTP情報をご教示いただければ対応可能です。

貴社でご準備のあるデザイン案をコーディングします。
どこよりも早く納品。

■基本サービス
・HTML/CSSコーディング
・レスポンシブ対応
・テスト環境用意
・指定のサーバーへのアップロード
・納品後１週間の修正対応

■オプションサービス
・Wordpress化：30,000円
・お問い合わせフォーム：20,000円
・スライダー：15,000円
・フェードイン：10,000円
・アコーディオン：5,000円

＼絶賛受付中！／
当パッケージをご覧いただきありがとうございます。

中谷寛希と申します。
フリーランスになってから実績が少ないため、HP、LPコーディングの実績を作るために低価格で提供させていただきます。

▽当パッケージの特徴

• ベーシックプランでは既存のHP、LPに対して修正や改良をさせていただきます。どんなに小さなご要望でもお伺いします。
• 一番人気はスタンダードプランです。
• 綿密な打ち合わせをすることで、満足してもらえるLP、HPが制作できます。

▽こんな方におすすめ

• デザインはあるけどコーディングに時間を割けない制作会社様や中小企業様・個人様
• LPやサイトのお仕事を受けたけどコーディングが苦手というデザイナー様
• コーディングが苦手で誰かに任せたい方

お客様がHP、LPを発注する目的を果たせるよう全力でHP、LPを制作させていただきます。
機械的にHP、LPを作るわけではないので、HP、LP作成や運用についてご相談があれば、お気軽にご相談くだされば幸いです。

▽【価格】

• 修正、改良のご依頼：3,000円～
  （※内容によっては対応不可の場合もございます。）
  システムの都合上10,000円と表記されております。
• LPコーディング：30,000円～
  （内容により変動します。）
• HPコーディング：70,000円～
  （内容により変動します。）

上記はあくまで目安となります。
まずは綿密な打ち合わせにより目的を明確にして、ご要望に寄り添えるように尽力させていただきます。

▽ご利用の流れ
①まずは無料相談
②掲載内容の指定：ヒアリングシートのご記入をお願いします。
③制作開始
④完成：ファイルでのご納品

ご相談はもちろん無料です！
まずは「無料相談ボタン」からお気軽にご連絡ください！

■サービス内容

・LPのコーディング
・WordPressを用いた簡単に更新できるサイトのコーディング
（WordPressオリジナルテーマも可能）

■当サービスの特徴

・低予算かつ短納期で納品
→デザイン以降のコーディング部分に全力を注いでいるため、低予算でスピーディーに対応します。

・高品質な実装を行います
→コーディング後には（chrome、safari、firefox、edge）の各ブラウザにて表示崩れがないか等の品質チェックを行います。

・WordPressのコーディングも可能
→オリジナルテーマでの制作も可能ですので、お客様こだわりのデザインのサイトもWordPressで実装することができます。

・複雑なアニメーションも実装可能
→CSSアニメーション（GSAPライブラリ）を使い、スクロール時やサイト表示時にふわりと表示されるなどの魅力的なアニメーションを実装することができます。

・表示スピードを少しでも早く（脱jQuery）
→サイトに動きを表現するときにjQueryは使用せず、JavaScriptで書くことによってサイトの表示スピードを少しでも早くすることができます。

■全プラン無料の標準サービス

・レスポンシブ対応（スマホ対応）
・基本的なSEO対策
・クロスブラウザ対応（chrome、safari、firefox、edge）
・各種SNSへのリンク
・GoogleマップやYouTubeの埋め込み対応

（以下、Wordpressを使用した場合）
・ブログ機能
・ブログ以外の投稿機能（カスタム投稿）
・簡単に更新できるテンプレート設置（カスタムフィールド）
・基本的なセキュリティ対策

■こんな方におすすめ

・コーダー不足で外注先を探しているディレクターさま
・コーダーのパートナーを探しているデザイナーさま
・手早く丁寧にコーディングをしてくれる人をお探しの方

■私の強み

・コーディング歴5年目の経験がある
・デザイン会社と提携させていただいている
・WordPressの構築も可能
・複雑なCSSアニメーションも可能

私は現在、デザイン会社様より継続的に案件をいただいており、コーポレートサイトから個人事業主さまのブログサイトなど、幅広くWEB関連のコーディング案件を請け負っております。このような現場で培った経験を活かし、デザインに忠実に、なおかつ保守性の高い丁寧なコードを実装いたします。

■制作の流れ

1. ヒアリング
   （※ZOOMでのオンラインミーティングも可能です）
2. お見積もり金額を提示
3. デザインデータを共有、コーディング開始
4. 完成品の確認・修正
5. 最終確認、データ納品
6. 完了報告からお支払いまでのお手続き

■具体的な納品物

・本番環境に公開（お客様の方でご用意いただいているサイトに公開いたします）
・ファイル納品（テーマファイルをZip形式に圧縮してお渡しいたします）

■過去の実績

・岐阜県で新規オープンされたホテルのHP
・神奈川県の訪問介護事業をされている会社のHP
・愛知県にあるスーパー銭湯のHP（下層ページ）
その他・・

■私の特徴

　私は会社員として10年以上、経理業務に携わっていた経験があります。毎日、何十行もの仕訳入力を慎重かつ迅速に行ってきました。そんな経理職で培ってきた正確さと速さを活かし、コーダーとして活動しています。

WEB制作の実績としましては、コーポレートサイトから個人事業主のサロンまで幅広いジャンルのサイトを構築してきました。

特に意識してやっていることは、お客様の要望に合わせて、「見やすく、使いやすい」サイトを作ることです。

例えば、コーポレートサイトでは、企業のイメージやブランドをしっかりと反映させ、信頼感のある印象を与える実装を心掛けています。ボタンの上にカーソルを乗せたときのちょっとした動作も、俊敏で安定感のあるアニメーションを意識してきました。

一方で、個人事業主のサロンなどの場合は、和やかな雰囲気や癒しを感じる実装を心がけています。お店のイメージを引き立て、全体をやんわりと表示させるなど、お客様がこのお店に行きたいと思えるような魅力的な実装を意識してきました。

また、ユーザビリティの視点から、サイトの表示スピードを上げるためにjQueryを使用しないことや、異なるデバイスのブラウザでも表示崩れがないように、コーディング後にはしっかりとチェックを行っています。

私にお声がけいただければ、シンプルで直感的に操作しやすい実装をお約束いたします。

まずはお気軽にご相談ください。
お待ちしております。

LPなどの簡単な静的なサイトを作りたい方におすすめです。

デザイン案を受け取ります。
→
コーディング作業
→
問題ないかの確認・修正(２回ほど)
→
納品

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

静的なコーディングだけでなく、WordPressを用いたサイト構築も対応可能です。
既存ページの修正や、下層ページ１枚からでもお受けいたします。

ご相談やお見積もりは無料にて対応いたします！お気軽にご連絡ください。

■サービスの紹介と特徴
▔▔▔▔▔▔▔▔▔▔▔▔
・お急ぎのコーディング案件にスピード対応
　※平均的なLPであれば5日間程度で納品
・自身の開発経験から作り上げた独自のチェックシートを用いて品質を担保
・SEO内部対策を意識したコーディング
・基本的なアニメーションは無料で対応
・納品後、修正3回まで無料で対応
　※いただいたデザインと実装が異なるなど、
　　こちらの瑕疵についてはすべて無償で対応いたします

■ご予算について
▔▔▔▔▔▔▔▔▔▔▔▔
掲載の金額は目安の費用となります。
ページ数・デザイン内容に応じて見積りをご連携いたします。

■価格表
▔▔▔▔▔▔▔▔▔▔▔▔
【コーディング】
・トップページ新規作成：20,000円～ / 1ページ
・下層ページ新規作成：10,000円～ / 1ページ
・既存ページ修正：10,000円～ / 1ページ

【WordPress】
・WordPressサイト構築：50,000円～
(インストール・初期設定・デフォルトブログ機能含む)

・カスタム投稿・カスタムフィールド追加：5,000円～
(ACF利用を想定)

【その他】
問い合わせフォーム設置：5,000円～

【無料オプション】
・基本的なアニメーション　※ハンバーガーメニュー、簡単なボタンホバー等
・レスポンシブ対応
・スライダー機能
・WordPressプラグイン追加

■納品の流れ
▔▔▔▔▔▔▔▔▔▔▔▔
①お問い合わせ・ご相談
　まずは、お気軽にご相談ください。デザインカンプやご要望の詳細をお伺いします。

②お見積もり
　デザインカンプや仕様書を基に、お見積もりを作成いたします。納期や費用について、詳細にご説明します。

③ご契約・制作開始
　お見積もり内容にご納得いただけましたら、ご契約となります。制作スケジュールを確認し、着手いたします。

④ご確認・修正
　コーディングが完了後、お客様に確認していただきます。修正点があれば、迅速に対応いたします。

⑤納品・アフターサポート
　最終確認後、納品となります。納品後も、ご不明な点があればお気軽にご質問ください。

◆こんな方と繋がりたい
・ コーダー不足で外注先を探している制作会社様
・コーディングは外注したいデザイナー様

◆ご提供内容
•HTML/CSSコーディング
•レスポンシブ対応
（スマホ用のデザインカンプあり・なしの場合は追加オプションとなります。）
•アフターフォロー（納品後1週間以内）

◆納品までの流れ
ヒアリング
↓
デザインデータお預かり
↓
コーディング
↓
テストアップ（ご確認・修正）
↓
納品

以下のサービスを提供できます。

1. 既存サイトのWordPress化:

• サービス内容: 既存のウェブサイトをWordPressに移行します。これにより、お客様自身でコンテンツの編集や更新が簡単にできます。
• 特徴: カスタムフィールドとカスタム投稿タイプを活用することで、使いやすく、管理しやすいサイトを構築いたします。

2. PC専用サイトのレスポンシブ対応:

• サービス内容: PC専用でデザインされたサイトを、スマートフォンやタブレットでも適切に表示されるように最適化します。
• 特徴: Dartscssを使用し、既存のコードに影響を与えずにデザインを調整、レスポンシブ対応を実現いたします。

3. デザインカンプからのコーディング:

• サービス内容: Illustrator、Photoshop、XD、Figmaで作成されたデザインカンプをもとに、実際のウェブサイトに変換します。
• 特徴: 各種デザインツールのファイル形式に対応可能です。

4. アニメーション付与によるサイトのリッチ化:

• サービス内容: gsapのアニメーションライブラリを使用して、ウェブサイトに動的なアニメーションを追加します。
• 特徴: アニメーションにより、サイトが一層魅力的で動的な印象を持つようになります。

5. サイト高速化:

• サービス内容: ブラウザキャッシュ、遅延読み込み、Webp形式の画像使用などの手法を用いて、サイトの読み込み速度を向上させます。
• 特徴: サイトが軽量化され、ユーザーエクスペリエンスが向上します。

6. その他のサービス:

• サービス内容: サーバーやドメインの取得からサイトの構築まで、デザインデータがない状況でもお客様のニーズに応じたウェブサイトを作成します。
• 特徴: デザインデータが未準備のお客様でも、お気軽にご相談いただけます。お客様の要件やご予算に合わせた最適なプランを提案し、一緒に素敵なウェブサイトを構築いたします。

貴社のメールマーケティングを成功に導く、高品質なメルマガコーディングサービスを提供します。

🔳　コーディング範囲:
HTMLメールのコーディング全般（テキスト、画像、リンク、CTAボタンなど）
レスポンシブデザイン対応（PC、スマートフォン、タブレット最適化）
お客様ご提供のデザインカンプ（PSD, Figma, XDなど）に基づき忠実に再現
埋め込み要素（動画、SNSアイコンなど）への対応

🔳　単価・納品スピード:
・Pilot (初回限定): 2本まで無料
サービス品質と信頼関係構築のための期間です。
・安定期: 10,000円/本〜 (プランによる)
週5〜8本の安定した対応が可能です。
原則3営業日以内納品 をお約束します。緊急時は24時間以内の連絡・対応体制を構築しています。

🔳　テスト環境対応:
以下の主要環境での表示確認を行います。
・デスクトップクライアント: Outlook (Windows)
・ウェブメールクライアント: Gmail、Outlook.com
・モバイルアプリ: iOS Mail、Gmailアプリ、Samsung Email
（その他ご要望に応じた環境でのテストもご相談ください）

🔳　品質保証プロセス:
貴社のルールを遵守し、最高品質のメルマガを納品するための徹底した品質管理プロセスを導入しています。

① 要件確認: 詳細仕様の確認、疑問点の整理を行います。
② 実装: お客様のルールに基づき、最適なコードで実装します。
③ 内部チェック: シニアエンジニアによる厳格なコードレビューと品質確認を実施します。
④ テスト: AIを活用した自動テストに加え、複数環境・デバイスでの表示確認を徹底します。
⑤ 納品: 修正対応を含め、完成した成果物を提出します。

🔳　コミュニケーション体制:
日本語堪能なブリッジSEチームが、貴社との円滑なコミュニケーションを保証します。

・日本語対応: ブリッジエンジニア（日本語ネイティブレベル）が窓口となり、ニュアンスまで正確に共有します。
・連絡ツール: Slack, Teams, Chatwork, Email, 電話など、貴社のご希望に応じたツールで迅速に対応します。
・タイムゾーン活用: ベトナムとの時差（+2時間）を活かし、日本の営業時間外でも作業を進めることで、より高速な納品を実現します。

約20年フロントエンドに携わっている経験を活かし、デザインを忠実に再現したコーディングをご提供いたします。

一般公開サイト用にSEOを意識したコーディングはもちろん、バックエンドエンジニアとしての目線からPHP、Railsなどのバックエンドプログラム向けのコーディングにも対応可能です。

Javascript等の動的カスタマイズもご相談ください。

いただいたデザインを元に、HTML / CSS / Javascript・jQueryでコーディングいたします。
◎デザインに忠実
◎シンプルな記述
◎納期や修正など柔軟な対応
を心がけています。

・HTML/CSSコーディング
・レスポンシブ対応（PC／スマホ／タブレット）
・簡易なアニメーション
・画像の圧縮、最適化（webp対応可）
・metaタグ設定（titleタグ、ファビコン、OGP画像など）
・スライダーやハンバーガーメニューなどの設置、カスタマイズ（javascript）

納品後の修正も、最後まで責任を持って丁寧に対応させていただきます。

★業務内容

ご覧頂きありがとうございます。
Webコーダーのまきせと申します。
本サービスは静的サイトのコーディングを行います。
ご相談いただければWordPress構築も対応いたします。

★サービス内容

・HTML/CSS/JSでの静的コーディング
・レスポンシブ対応
・JavaScript(jQuery)を使用したアニメーション（ドロワー、アコーディオン等）
・お問い合わせフォームとWordPressはご相談ください。
※できる限りご要望に応じたいと思っております。

★料金表（レスポンシブ対応含む）

・LPコーディング：10,000円～
・トップページ：10,000円～
・下層ページ：3,000円～/1ページあたり
・アニメーション：1,000円～/1実装
・問い合わせ機能：5,000円～
・WordPress構築：要相談

★納品までの流れ

１．ヒアリング、お見積り
２．デザインデータお預かり
３．コーディング
４．ご確認・修正
５．最終確認・納品

★納品方法

・Zipファイルにて送付
・サーバーへのアップロード

★ご準備いただくもの

・デザインデータ　Figmaが得意ですがその他、Adobe Photoshop、Illustrator、等も対応できるようにいたします。
・デザインデータから書き出せない画像、動画、文章などがある場合は、事前に準備をお願いします。

★お約束

報連相を徹底し早いレスポンスを心がけます。
気になること、もっとこうしてほしい等、制作中であってお気軽にご相談ください！
また、納品前にご確認していただきますが納品後に気づいた点があれば1回まででしたら対応いたします。
ご要望に応じられない場合もありますが、できる限り対応させていただきたいと思っております。

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

業務内容

Webサイトの修正、コーディング業務お任せください！
本パッケージはホームページやランディングページのhtmlやcssのコーディング業務を代行で作業するサービスです！
（Wordpressのサイトも対応可能！）
経験豊富なコーダーが直接やりとりさせていただきますので安心してお任せください！

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

• 少しの修正なのに、コーディングできるスタッフがいない
• 信用できる所に修正を任せたい
• スマホで見るとサイトが崩れてしまう
• ウェブサイトのテキストを変更したい
• ウェブサイトに使用している画像を変更したい
• デザインやラフ案はあるけど、コーディングができない、など

このパッケージでこんな悩みが解決できます

• テキスト１ヵ所の修正からでも対応可能
  ※最低額は3,000円(税抜)となります

上記以外でも相談いただければ対応可能な場合がございます。
お気軽にご相談ください。

価格（全て税込の対応での掲載になります）
⚫︎修正、更新のご依頼：要相談　3,300円〜
（※内容によっては対応不可の場合もございます。）
システムの都合上10,000円と表記されております。

上記はあくまで目安になります。
正確なお見積もりは、「見積もり・カスタマイズの相談に進む」から
お問い合わせいただいた後に、出させていただきます。

制作の流れ
ヒアリング・お見積もり（まずはご相談ください！）
ご契約（仮払いで契約となります）
お客様よりデザインデータや修正素材のご提供
コーディング・テスト環境でのご確認
ご確認・修正（回数無制限）
納品（zipファイルでの納品またはご指定サーバーにアップロードいたします。）
購入する際の注意点
＊ご依頼していただく場合は上記金額にシステム手数料（5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936

こんにちは、ご覧いただきありがとうございます。
フリーランスでWEB開発業務を請け負っています。
主にコーディング、WORDPRESSサイトの構築、カスタマイズを担当させていただいております。

サービス内容

• HTML, CSS, Javascriptのコーディング
• WORDPRESSテーマの導入、テンプレートカスタマイズ
• WORDPRESSカスタム投稿、カスタム分類、カスタムフィールドの設定
• その他、ご要望に応じて特殊機能の実装

すべてのプランに含まれる作業

• WEBサイト構築に必要なコーディング
• PC/SPレスポンシブ対応
• 基本的なSEO対策
• アフターフォロー（大幅なデザイン変更を伴わないものについては納品後1か月間無償対応）

ご要望に応じて対応可能

• お客様でサイト更新を行うためのマニュアル作成
• 不完全なデザインデータから当方裁量によるデザインの補完

お客様でご用意いただくもの

• 公開用（またはテスト用）サーバー契約、ドメインの取得
• デザインデータ（PSD, AI, XD, Figmaなど）
• サイト掲載テキスト（開発時は仮のテキストでも構いません）

ご注文の流れ

• まずはお見積もりのご相談をください。なるべくデザイン画像（サンプル）をいただけた方が正確なお見積りができます。
• お打ち合わせ。メッセージのやりとりだけでは相互理解が難しいようでしたら、ZOOM等のビデオミーティングでヒアリングさせていただきます。
• 納期・料金について最終お見積り
• ご発注→作業着手
• 適宜進捗について報告いたします。作業を進める上で質問事項が発生した場合も随時ご連絡させていただくことがあります。
• 開発規模に応じて、完成したところから段階的に公開します。
• お客様によるご確認→フィードバック
• お客様指定のサーバーへのアップロードまたはZIPファイルでご納品
• 最終確認をもって作業完了

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

デザインデータからのコーディング、WordPress化を承ります。

デザインデータのコーディング、ぜひお任せください。
デザインに忠実・丁寧なコーディングをさせていただきます。
WordPress化やお問い合わせフォームの実装も可能ですのでお気軽にご相談ください。
※スキルとご要望のミスマッチを防ぐため、事前にデザインのご提示をお願いしております。

【 各プランに含まれる内容 】
・レスポンシブ対応（PC、スマホでの表示変更など）
　※PCデザインのみお持ちの場合でも、特にご注文がなければこちらで見やすい配置に調整させていただきます。
・3回まで無料修正対応いたします。（デザイン変更に伴う大幅な変更は除きます）

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

【 納品までの流れ 】

1. ヒアリング・お見積もり（無料）
2. デザインデータ/画像データ/テキストデータのご提供
3. コーディング
4. 初稿提出
5. 修正
6. 最終納品

【 納品方法 】
zipファイル

フリーランスのWebコーダー、みずと申します。
・ プロジェクトの納期が迫っていて、コーディングのリソースが足りない
・ クオリティを維持しながら、信頼できる外注先を探している
・ コーディングはできるが、細かい部分やWordPressの実装に不安がある
➡︎ そんなお悩みを解決します！ お気軽にご相談ください。

▼サービス内容
・HTML/CSSのコーディング（レスポンシブ対応）
・LPのコーディング
・既存サイトのページ追加
・スライダー等のアニメーション実装
・スマホデザインがない場合の適切な対応
・命名規則やコーディングルールの希望対応
➡︎制作会社様やディレクターの皆様の要望に柔軟に対応します！

▼料金表
・トップページ：20,000円～
・下層ページ：8,000円～
・LP：30,000円～
・お問い合わせフォーム（入力＋確認＋完了）：10,000円
・WordPress化：20,000円
・WordPress カスタム投稿/カスタムフィールド：5,000円/1箇所につき
・アニメーションの実装：1,000円～5,000円
※明日までに完成などの特急料金は通常のお見積もりに+15%上乗せ
➡︎ご予算に応じて最適なプランをご提案できますので、お気軽にご相談ください！

▼納品までの流れ
① ヒアリング
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
↓
② お見積り
詳細をもとに料金を提示いたします。
↓
③ ご購入
お見積りにご納得いただけましたら、ご購入をお願いいたします。
↓
④ コーディング
確認いただいた内容をもとに制作を進めます。大規模な案件は進捗報告をいたします。
↓
⑤ 初稿提出 & 修正対応
ご確認いただき、修正点があればお知らせください。デザインや仕様の変更を変更を伴わない軽微な修正は無料対応いたします。
↓
⑥ 納品
ご希望の方法で納品いたします。サーバーへのアップロードも可能です。

▼納期について
通常 1週間程度での初稿提出を目安としています。
（制作期間目安：TOPページ・LP3日ほど）
作業量により変動しますが、特急対応（24時間以内）も可能ですので、まずはご相談ください！

信頼できるコーディングパートナーとして、長期的なお付き合いも大歓迎です！

現在Web・デザイン制作会社に勤務しながらフリーランスとして
活動している「なんり」と申します。

Web関連の業務経験はトータルで8年ほどになります。（2022年現在）
ランサーズでの活動はまだ間もないため、実績を積むまでの期間は
特別価格でご提供します！

こちらはホームページコーディング専用のスキルパッケージになります。
※LPコーディング専用スキルパッケージもございますが
こちらのプランでもワンカラムWebサイト制作として対応可能です。
基本的にSEOを意識してコーディングします。
また、納期の中でできるだけ早めの納品を心がけます。

ご希望に応じて、SEO対策、デザインからプログラミングまでオプション追加にて対応可能ですので
お気軽にお声掛けいただけたらと思います。

※実績として掲載させて頂く場合がございますのでその際はご相談させてください。

（１）WordPressなどのCMSを使ってサイトを作成している場合
テーマを変更することによってレスポンシブデザイン対応が可能な場合があります。ご相談ください。

（２）HTML/CSSのみで書かれたページの場合
CSSにレスポンシブデザイン部分を追記することによって、レイアウトを変更し、スマホ画面に対応させることができます。
HTMLの改変を伴う場合があります。

レイアウトの変更や画像の縮小・拡大のみで、新規にデザインを起こすことはしません。あくまで既存のデザインを使います。

【　こんな方におすすめ！　】

・コーディング,WordPress構築を外注できるパートナーが欲しい
・デザインはできるけどコーディングが苦手
・コーダー不足で外注先を探している制作会社様
・コーダーのパートナーを探しているデザイナー様

などなど

【　サービス内容　】

・HTML、CSS修正案件
・HTML, CSSコーディング
・JavaScript, jQueryによるアニメーション実装
・WordPressオリジナルテーマの作成

【　料金　】

LPコーディング：30,000円～
Topページコーディング：20,000円〜
下層ページコーディング：8,000円〜
WordPressオリジナルテーマ制作：80,000円〜

基本的に上記金額で承ります。
※ボリューム・機能によって変動しますので、まずはご相談ください。

【　制作の流れ　】

①　ヒアリング・お見積もり
↓
②psd・XD・figmaでのデザインデータをお送りいただきコーディング作業開始
静的サイトもしくは静的サイトのWordPress化（オリジナルテーマ）で承ります。
↓
③トップページご確認・修正
↓
④トップページ問題なければ下層ページコーディング開始
↓
⑤2、3ページ毎にご確認・進捗報告
↓
⑥テストサーバーでご確認
↓
⑦上記ご確認後→修正→再度テストサーバーへアップロード
↓
⑧納品
・zipファイル納品
・WordPressへのマイグレーション
・FTPツールを使用してサーバーへの納品など

【　当サービスの強み　】

■報連相の徹底、早いレスポンスでクライアント様の安心に繋がる仕事を行います。
報連相を徹底することで手戻りなどのロスも減らしていけると考えます。

■17年間の社会人経験で培ったコミュニケーションスキルや業務遂行スキルで案件を確実にこなしていけます。

■平日であれば日中、夜間問わず対応可能です。

■土日でも緊急とあれば対応可能です。（主に夜間業務になります）

【連絡可能時間】

平日・土日共に9時～20時まで基本的には可能です。

初めまして！ロゴデザインやweb制作をしております。

【サービス内容】
・静的コーディング
・レスポンシブ対応込み
・アニメーション込み

▶︎別途お見積もり
・お問合せフォーム
・WordPress化

【ご用意していただくもの】
・デザインカンプ(sp版がない場合はよしなにご対応させていただきますが、まずはご相談ください！)
・サーバー・ドメインのご用意(Zipファイルをご希望の方はこちらご用意されなくて大丈夫です)
・仕様書(こちらない場合はアニメーションの有無や伝達事項等お送りいただきたいです)

【作業環境】
・macOS

【コーディング表示確認】
・mac(safari/chrome)
・win(chrome)
・iphoneSE(safari/chrome)
・iphone13(safari/chrome)
・Android(chrome)
・ipad

【使用できる言語】
・HTML5(pug)
・CSS3(SCSS)
・JavaScript
・jQuery
・PHP(WordPress)
・GSAP

【営業時間】
・平日8:30〜18:00
・土曜9:00〜18:00
・定休日　水・日

より良い制作を進める為、そして『依頼して良かった！』と言っていただけるように取り組みます。

最後までお読みいただきありがとうございました！
少しでもご興味がありましたらぜひご相談ください。心よりお待ちしております！！

「急ぎでLPのコーディングをしてほしい」
「デザインはあるけどコーダーがいない」
「ボリュームのあるサイトのコーディングをしてほしい」
「ワードプレスやアニメーションの対応もしてほしい」

上記のような様々なご要望をお持ちの方はぜひご連絡ください。

【私たちについて】
・グラフィックデザインからWEBデザインまで、業界15年以上の経験があります
・デザインとコーディングを2人体制による分業のため、それぞれの品質担保がしっかり出来ています
・2人体制のため、よりスピーディな対応が可能です
・デザイン中心のノーコード、コーディングからのワードプレス対応など様々ご対応可能です

【ご依頼について】
①ご相談
制作要件をご教示ください
（基本的にはメッセージでのやり取りになりますが、オンラインMTGでのご相談も可能です）

②お見積もり〜サービスのご購入

③制作開始
・1Pのコーディングは初稿まで3営業日
・複数ページの場合はその都度工数をお出しします

④納品
データ納品の他、こちらでの本番アップ対応も可能です
ワードプレス構築が入る場合は、コーディング後に構築期間が追加となります

【ホームページのコーディング代行をさせていただきます】

「デザインは出来るけど、コーディングが出来ない。」
「忙しいのでコーディングだけやってほしい。」

そんな方のためのサービスです。

デザインカンプをいただけましたらそれを元にコーディングをして忠実に再現いたします。
（※Figma、XD、photoshop、illustrator、どのデザインツールでも構いません。）

レスポンシブ対応込みです。

ご要望、ご意見、ご質問など、なんでもお申し付けください！

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

■当サービスの特徴

・デザインを忠実に再現
ーデザインデータを綺麗に形にいたします。 WEBデザイナーとしての活動もしておりますので、デザイナーへのリスペクトを忘れず忠実にデザインを再現します。PixcelPerfectという拡張機能を用いてズレを最小限に抑えます。

・レスポンシブ対応込み
ー全ての幅で崩れがないようにコーディングいたします。デザインデータがPCのみでもご安心ください。制作会社５社と提携している経験をもとに、PCのみのデザインからスマホでも問題なく綺麗に表示されるようにコーディングをいたします。

・品質チェックテスト込み
ーコーディング後は、全ての幅、複数のデバイス、ブラウザで崩れが起きていないかきちんとテストいたします。品質チェックリストも合わせて納品させていただきますのでご安心ください。

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

■ご契約の流れ

1. 事前のヒアリング
ご契約前にヒアリングをさせて頂き、作業量・納期から正式お見積もり金額お伝えさせていただきます。

2. 仮払い・素材のご提供
打ち合わせにてご納得頂けましたら、この段階でご契約とさせていただきます。仮払いをしていただき、画像やテキストなどの素材をご提供いただきます。

3. 制作開始
不明点の確認や進捗報告など適宜コミュニケーションをお願いいたします。

4. 初稿を提出
修正がないようにコーディングいたしますが、修正点等ありましたら都度対応いたします。

5. 納品
最終確認をいただき、データ、サーバーアップロードなどお客様のご要望に合わせた形で納品いたします。

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

制作会社様5社とお仕事していますので、仕事を投げ出すようなことはありません！

即レス・即対応を心がけております。

最後までテンポ良く、気持ちの良いお取引を進めていきたいと思いますのでよろしくお願いいたします！

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

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

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

【作業内容】
・React, TypeScript, Next.jsを用いた静的コーディング（1ページから大量ページまで対応可能です。修正のみも対応可能）
・レスポンシブ対応
・JavaScriptの動的実装（スライダー、スクロールアニメーション、アコーディオン、ハンバーガーメニューなど基本的にご希望どおり実装します）

【制作の流れ】

・ヒアリング/お見積り（お気軽にご相談ください）
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品
・納品方法はGitHubコミット、zip納品、FTP送信などが可能です。その他の場合もご相談ください。