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

HP、LP のコーディングはお任せください！

PC・スマートフォン・タブレットなど
あらゆるデバイスに対応した美しい仕上がりを実現いたします。
丁寧でわかりやすい対応を心がけ、修正やご相談にも迅速に対応いたします。
ご予算やご要望に合わせて柔軟に対応いたしますので、どうぞお気軽にご相談ください。

【Webデザイナー様、Web担当者の方へ】

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

1. デザインはあるけれど、コーディングにかける時間が足りない（時間不足）
2. 品質のばらつきがなく、信頼できるコーダーがなかなか見つからない（品質への不安）
3. コーディング作業に手間取って、デザインに集中できない（業務効率）

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

・時間不足のお悩みには：コーディングはすべてお任せいただけるため、作業時間を大幅に削減できます
・品質への不安には：経験豊富なコーダーが対応することで、安定した品質を担保します
・業務効率の改善には：コーディングを専門家に任せることで、実装の自由度が広がり、提案力や表現の幅もアップ

サービスの特徴

【デザイン意図をくみ取る「読み取り力」×「再現力」】
デザインから「なぜこの配置なのか」「どんな動きがふさわしいか」まで読み取り、意図や世界観を正確に再現。見た目だけでなく体験としても一貫したコーディングを実現します。

【 納品後すぐ使える“実用仕様”で納品】
単にコーディングされたコードを渡すだけでなく、そのまま使える状態で納品するため、手間もロスもありません。

【修正は「回数無制限」だけじゃない。“修正を前提に設計”】
「回数無制限」に甘えず、修正しやすいコード構成・ファイル設計を徹底。納品後も、別の開発者が見てもわかりやすく、運用・保守もスムーズに。

価格（全て税込の対応での掲載になります）

⚫︎LPコーディング：44,000円
※長さによって変動いたします。

⚫︎HPコーディング（HTML）：108,900円
※５ページ 想定

⚫︎HPコーディング：（WordPress/PHP）：153,000円
※５ページ 想定

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

制作の流れ

1. ヒアリング・お見積もり（まずはご相談ください！）
2. ご契約（仮払いで契約となります）
3. お客様よりデザインデータのご提供
4. コーディング・テスト
5. ご確認・修正（回数無制限）
6. 納品（zipファイルでの納品またはご指定サーバーにアップロードいたします。）

購入する際の注意点

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

実績

公開・掲載が難しいものがいくつかありますので、大変お手数ですが個別にお問い合わせいただければと思います。

• デザイナー様からLPコーディング依頼
• 制作会社様からWordPress（オリジナルテーマ）のコーディング依頼
• 個人事業主の方から静的HPの修正依頼など

ここまでご覧いただきありがとうございました。

もしお任せしていただける場合は【丁寧な対応】、【最高品質】を持って
料金以上の納品物を納品させていただきます。

その為にもまずは詳細なご依頼内容を伺いたいので、
下記の【ご依頼、お問い合わせ】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。

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

【ご依頼、お問い合わせ】
https://www.lancers.jp/menu/detail/1245805

サービスを閲覧いただきありがとうございます！
まずはお見積もりからお願いしております。

◎ サービス内容 ◎
・HTMLの静的ページのコーディング
・JavaScriptを使用した動きの表現
（スクロールに合わせたアニメーション・スライダー・ハンバーガーメニュー・アコーディオンなど）
・WordPressサイトのコーディング
・WordPressへの機能実装（カスタム投稿・カスタマイザーの設定など）
※WordPressはカスタマイズによって別途費用がかかる場合がございます。

◎ 制作内容 ◎
1ページから複数ページまで承っています。

◎ コーディング費用 ◎
・TOPページ：30,000円〜 / 1ページ
・下層ページ：20,000円〜/ 1ページ
・JavaScriptの実装 → 内容に応じて別途お見積もり
　※簡単なハンバーガーメニューは無料となります。
・お問い合わせフォームの設置 → 内容に応じて別途お見積もり
・WordPress-TOPページ：40,000円〜 / 1ページ
・WordPress-下層ページ：20,000円〜 / 1ページ
※カスタマイズ内容によっては別途追加料金をいただく場合がございます。

※デザインやページボリュームによって金額は変動いたします。
※料金は全てレスポンシブ込みです。

◎ 無料対応範囲 ◎
・画像圧縮（基本的にはwebpに変換いたします）
・SEO対策のmetaタグ設置（内容はご提供お願いします。）
※WordPressの場合はプラグインを使用
・サーバーへのアップロード（FTP情報のご提供をお願いいたします。）、もしくはZipファイルでの納品。

◎ 流れ ◎

1. コーディング内容の詳細をお聞かせください。
   ↓
2. 納品日と金額をお伝えいたします。
   ↓
3. 問題がなければ、デザインや素材等コーディングに必要な材料をお送りください。
   ↓
4. コーディング開始
   ↓
5. ご確認
   ※修正は基本無料で対応いたしますが、仕様変更等は別途費用となります。
   ↓
6. 納品（サーバーへのアップ・もしくはファイルの送付）
   ※対応ブラウザは「Chrome・Edge・Firefox 」としています。

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

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

宜しくお願い致します。

サービスをご覧いただきありがとうございます。
本パッケージはコーディング代行のサービスとなっております。

◆こんな方にオススメです

• デザインは得意だけど、コーディングに時間がかかってしまう方
• 案件が重なり、信頼できるコーダーの外注先を探している制作会社様
• 長期的に頼れるコーディングのパートナーをお探しのデザイナー様

◆基本料金に含まれるもの

1. HTML／CSSコーディング
2. レスポンシブ対応
3. テスト確認用サーバーの設置
4. アフターフォロー
   →納品後1週間以内でしたら、テキストや画像の差し替えは無料でご対応いたします。

◆基本料金に含まれないもの

• 2倍サイズのデザインデータからのコーディング対応：合計金額に20%を加算
• Photoshopデザインデータからのコーディング対応：合計金額に20%を加算
• JavaScriptアニメーション：5,000円〜（一部は無料実装）

◆納期

3日程度〜で納品が可能です。
※稼働状況や実装内容により変動いたします。

◆対応可能なデザインデータの形式

• Figma
• XD
• Photoshop

※Illustratorには対応しておりません。

◆納品までの流れ

ヒアリング
　↓
デザインデータお預かり
　↓
コーディング
　↓
テストアップ（ご確認・修正）
　↓
納品（ZIPファイル送付もしくは、レンタルサーバーへアップロード）

◆お見積り参考例

レスポンシブコーディング（ランディングページ：PCデザイン長さ7,500px）

・ページ長さ7,500px：40,000円（長さ超過2,500pxごとに＋7,500円）
・スライダー：15,000円
・スクロールページトップボタン：無料

参考価格：55,000円

レスポンシブコーディング×10ページ（トップページ＋下層９ページ）

・トップページ（長さ5,000px）：30,000円（長さ超過2,500pxごとに＋7,500円）
・下層ページ（長さ3,000px）×9：108,000円（長さ超過2,000pxごとに＋6,000円）
・お問い合わせフォーム：20,000円
・スライダー：15,000円
・ドロワーメニュー：10,000円
・スクロールページトップボタン：無料
・アコーディオン：無料

参考価格：183,000円

テキストのみのシンプルな下層ページは、長さに関わらず一律6,000円。
例：プライバシーポリシーページや404ページなど。
　
※WordPress構築も含む場合は＋44,000円〜

このパッケージでは、WordPress構築・コーディングを承っております。

WordPressサイトの常駐メンテナンス要員として稼働しているため、都合上、お急ぎ・短納期のご依頼はお断りをさせていただいております。

各プランの料金や納期はページ数、仕様、デザインなどの内容によって変動します。
もし、プランに迷われましたらカスタマイズまたはメッセージでご相談ください。

こんな方におすすめ

• コーダー不足で外注先を探している
• WordPressが苦手
• コーディングが難しくてできない
• Webデザイナーだけどコーディングは苦手
• ディレクションやデザインに集中したい

制作会社様・個人Webデザイナー様からの受注実績があります。

よくあるご相談

• 新規サイトのWordPress構築
• 既存サイトのリニューアル（コーディング）
• LPのコーディング
• WordPressで◯◯の機能を実装したい

WordPressはオリジナルテーマ（ゼロから構築）、無料・有料テーマ、すでに公開済みのサイトのいずれも対応できます。
ご相談やお見積りは無料です。

パッケージの内容

WordPressの構築とコーディングのみです。
ご契約前にデザインデータをご用意ください。（内容により不要な場合もあります。）

対応内容

• WordPressオリジナルテーマ構築（ゼロから構築）
• WordPress無料・有料テーマ構築（Snow Monkey、SWELL、SANGO、Lightning、Cocoonなど）
• LP × WordPress
• 機能実装、コンテンツ追加など
• バグ修正、崩れ修正

対応可能な業種・ジャンル

• コーポレートサイト
• ポートフォリオサイト
• Webサービス
• 飲食店（カフェ、レストラン、居酒屋など）
• 美容室、サロン、ジム
• 芸能、音楽（バンド、アイドル、シンガーソングライターなど）
• ゲーム、ソシャゲ
• ガールズバー、コンカフェ
• ナイトワーク全般

など、掲載のない業種・ジャンルもぜひご相談ください。

実績例

公開・掲載ができないサイトもありますのでご了承ください。

• Webサービス会社のWordPressサイト
• 住宅・リフォーム系のWordPressサイト
• ナイトワークのWordPressサイト（スマホサイズのみ）

納品までの流れ

1. ヒアリング・デザインや情報の提供
2. お見積り
3. ご契約・仮払い
4. 作業開始
5. 初稿納品
6. 検収・修正
7. プロジェクト完了

ご覧いただきまして、ありがとうございます。
安心してお取引していただけるよう、丁寧な対応とご連絡を心がけております。

当サービスはWebサイトのコーディングを承っております。
小規模サイトから50ページ前後の中規模サイトまで対応しています。
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄

▨ ホームページの修正・更新・改修作業はこちらからご相談ください。
・https://www.lancers.jp/menu/detail/1277304
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄

⌇サービス内容
┈ HTML・CSSの静的コーディング
┈ jQuery/JavaScriptの実装
┈ CSSアニメーション
┈ WordPressの導入・コーディング
┈ お問い合わせフォーム実装
┈ 既存サイトの修正・ページ追加

⌇基本料金内
┈ jQuery/JavaScriptの実装(下記無料JavaScriptの実装参照)
┈ レスポンシブ対応
┈ 画像圧縮による表示速度最適化(Webp対応あり)
┈ SEO対策(metaタグ、画像に適切なalt、文書構造に適した適切なHTMLタグなど)
┈ BEMをベースとしたCSS設計
┈ テスト環境のご用意
┈ 修正無料

⌇無料JavaScriptの実装一覧
┈ 簡単なスクロールアニメーション
┈ ハンバーガーメニュー
┈ アコーディオンメニュー
┈ カルーセル/スライダー
┈ モーダルウィンドウ
┈ スムーススクロール
┈ タブ切り替え、サイトによく実装される動き。
┈ JSライブラリを使用した実装(GSAPやLenisなど)
※複雑な実装は別途お見積りとなります。

⌇基本料金
┈トップページ￤30,000円～
┈下層1ページ￤10,000円～
┈ 複製ページ￤2,000円～
┈ LPコーディング￤50,000円～
┈ WordPress導入￤20,000円～
※料金は目安となります。
お一人ずつお見積りをしております、一度ご相談ください。

⌇納期
┈トップページ：3日～
┈下層ページ：2日～
※デザインデータ受け取り翌日からの日数です。
デザイン、ボリューム、稼働状況により変動いたします。

⌇このようなお悩みの方におすすめ
┈ コーダー不足・リソースでお悩みの制作会社様
┈ コーディングだけ外注したいデザイナーの方
┈ 社内でコーディングできる人がいない

⌇ブラウザ・端末確認一覧
┈Google Chrome　Mac/Windows/iPad/iPhone/Android
┈FireFox、Microsoft Edge　Mac/Windows
┈Safari　Mac/iPad/iPhone
　品質チェックをしてお渡しいたします。

ご満足いただけるよう、責任をもって対応させていただきます。
ご不明な点は、お気軽にお問い合わせくださいませ。

ランディングページのコーディングを承ります。

Webデザイナーの方で、コーディングだけ外注したい！
Web制作会社様で案件が重なり、コーダーのリソースが急に必要になった！

など、必要な時に十分なスキルでコーディング対応が可能です。

特に、
「お客様の大切なデザインを忠実に再現する」
「お約束した納期を厳守する」
という当たり前の2点について、これまでご依頼いただいたお客様からも高い評価をいただいております。

デザインについては、PC用デザインのみでもスマホ対応（レスポンシブ）が可能です。

★ 簡単ですが自己紹介させていただきます★
20年以上の社会人経験と、その中で長く従事した営業職の経験から、
ご依頼をいただくお客様に満足いただくことを最善に対応させていただきます。

★ 対応可能データ★
・Figma、XD、Photoshop、Illustratorのいずれか
　Illustratorの場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

★ 動きのある要素について★
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

《オプション料金にて対応可能》
・アニメーション（簡易な動き）
・PHPメールフォームの実装
・その他、動きのある要素

※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

★ 動作確認ブラウザ★
・Windows
　Chrome、Firefox、Microsoft Edge
・Mac
　Chrome、Firefox、Safari
・iOS11以降
　Safari
・Android5.0以降
　Chrome

※いずれも最新版です。
※IEへの対応は終了いたしました。

★ 納品形式★
ファイル送付、もしくはご指定のサーバーにアップロード

以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。

2024 Top 100 Lancer掲載の認定Lancerがコーディング代行いたします！

コーディングを行う必要があるあなた様へ。こんなことにお困りではないでしょうか？

✅「PC用のデザインしか用意していないが、レスポンシブには対応したい」
✅「自社でコーディングする時間を確保できない」
✅「デザインは用意できるけどコーディングは外注したい」
✅「特定の箇所は後から変更・更新できるようにしておきたい」

そういったお困りごとに2022 Top 100 Lancer掲載の認定ランサーが丁寧に対応させて頂きます。 まずはご相談ください。そちらでご検討いただいて、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど業種に関わらず受け付けております。

3つのプランをご用意しておりますので、お作りしたいものに合わせて最適なプランをご用意致します。
『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。お気軽にお問い合わせください。

【対象】

• 外注先をお探しの法人様
• 協業をお探しの Webデザイナー様
• 依頼の一部を外部リソースに依頼したいコーダー様

【活動実績】

• 2022 Top 100 Lancerに掲載

【納品までの流れ】

1. 出品者へDM（ダイレクトメッセージ）を送信
　「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
　納品希望日と相談内容の業種を入力していただきます。

2. 出品者から相談者様へ返信
　送っていただいた内容について質問や回答を行います。

3. 注文・仮払い
　納得いただいた場合に注文をお願いします。

4. 製作開始

5. 納品物の確認と修正
　お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。

6. 最終納品
　納品日から3日間無制限に修正対応致します。

【主な確認事項】

• フォント
• ホバーアニメーション
• ヘッダーの動き
• ハンバーガーメニューの開き方
• メタタグ、OGP
• 各リンク先
• ファビコン
• 電話番号のタップ挙動
• フォーム用メールアドレス
• 確認及びサンクスページの有無
• 画面幅がデザインカンプより広がった場合の挙動

【WordPressテーマ化について】

ご希望であれば静的コーディングのファイルをWordPressテーマ化も承っております。
請求額については要相談。
静的コーディング時のお見積り額に加算させていただきます。

【注文時のお願い】

• ご相談の上で対応出来ないと判断したものは、受注前にお断りさせていただくことがございます。
  ご了承の程よろしくお願い致します。
• デザインカンプはFigmaもしくはXDファイルでの提供をお願いいたします。

【注意点】

納期はデザインデータなどすべての提供素材のご提示からのカウントとなります。
出品サービス購入からデータをお送りいただくまでの日数は納期に含みませんのでご注意ください。

納品方法がレンタルサーバーへのアップロードをご希望の場合は以下の３点にご注意下さい。

ドメインとレンタルサーバーのご契約済みであること
DNS設定が反映されている状態であること
FTP接続情報のご用意
WordPressの構築も依頼内容に含む場合は、こちらもご用意をお願いいたします。

レンタルサーバーのコントロールパネルのログイン情報
または
phpMyAdminへのログイン情報
※ご依頼時にもご案内させていただきます。納品前にはご用意をお願いいたします。
　ご不明な部分があればお気軽にお知らせください。

【その他】

またこのようサービスを出品しております。
https://www.lancers.jp/menu/detail/1230032

サムネイル右上にある再生ボタンを押していただくと、12秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。

数あるサービスの中からこちらのページをご覧いただきありがとうございます。
フリーランスでWEB制作をしている及川 と申します。

========

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

・デザインカンプはあるけどコーディングに時間を割けない制作会社様や中小企業様・個人様
・LPやサイトのお仕事を受けたけどコーディングが苦手というデザイナー様
・HTMLやCSSはできるけどアニメーションやWordPress化は苦手という方
・忙しくて時間が割けないコーダー様

などなど

========

【　制作の流れ　】

①　ヒアリング・お見積もり（必要な機能や納品方法、スケジュールについてもこちらで擦り合わせをさせていただきます）
↓
②psd・ai・XD・figmaでのデザインデータをお送りいただきコーディング作業開始
静的サイトもしくは静的サイトのWordPress化（オリジナルテーマ）で承ります。
↓
③トップページ実装・ご確認
↓
④下層ページコーディング開始
↓
⑤2、3ページ毎にご確認・進捗報告
↓
⑥テストサーバーで全体のご確認
↓
⑦上記ご確認後→修正→再度テストサーバーへアップロード
↓
⑧最終確認が済みましたらzip形式orサーバーにアップロードにて納品いたします。
※サーバーアップロードの場合はFTP情報が必要になります。

========

【　料金　】

トップページ(レスポンシブ・WordPress化込み)　44000円〜
アニメーションや複雑な機能については要相談となります。

========

【　確認環境　】

PC　chrome・Safari・Firefox・Edge（Firefox・Edgeは擬似環境です）
スマホ　chrome・Safari・Firefox・Edge

========

【　当サービスの強み　】

・制作会社と仕事をしているコーダーが制作しますので高いクオリティでデザインを再現いたします。

・納品前には独自の品質チェックシートを用いて確認したのち、納品させていただきます。

・土日も作業しております！急なご連絡なども対応可能です！

========

ご相談はもちろん無料で行わせていただきますのでまずはお気軽にご連絡くださいませ♪

◾️提供内容

HTML・CSSの静的コーディング

jQuery/JavaScriptの実装

CSSアニメーション

WordPressの構築(オリジナルテーマ制作 / カスタマイズ)

◾️基本料金内

jQuery/JavaScriptの実装

レスポンシブ対応

SEO対策

テスト環境
修正対応

◾️無料JavaScript
一般的に実装されている動き。 (メニューボタンなど)

◾️納期

トップページ：2～4日

下層ページ：2日～
(ボリューム、稼働状況により変動いたします )

ご安心いただけるよう、密なコミュニケーションをこころがけております！
ご不明な点は、お気軽にお問い合わせくださいませ。

当パッケージをご覧いただき、ありがとうございます。
現在はshopify制作を中心とした開発も含めた対応をしております。

・ほぼぴったりのデザイン再現で確認時間を減らしたい。
・shopifyの知見がなくディレクションもやってほしい。
などのお悩みがございましたら、ぜひお問い合わせください！

当方のコーディング実績は100件以上、大手企業や40ページを超える大学サイトなどの実績がございます。
デザインの再現性やコードの可読性、丁寧なクライアントワーク対応で評価をいただくことが多いです。
細部までこだわった品質でのコーディングを行っており、リピートいただく会社様が多いのが特徴です。

JavaScriptを使ったリアルタイムでの表示切替、機能的な実装なども得意としております。

静的コーディングだけではなく、WordPressやShopifyの構築、ディレクション、デザインなども承っておりますので、お気軽にお問合せください。

【サービス内容】
・デザインカンプを元にコーディング
・CSS, JavaScriptを使った複雑なアニメーション（GSAP可）
・WordPressの構築(オリジナルテーマ制作 / 投稿などカスタマイズ)
・Shopifyの構築（オリジナルテーマ制作 / Liquidを使ったアプリ不要のカスタマイズ）
・お問い合わせフォーム実装（PHP工房、ContactForm7, MW WP Form）
・画像圧縮（webp変換）
・Favicon, OGPの実装
・SEO対策(metaタグ、画像に適切なalt、W3C準拠など)
・BEMをベースとした可読性の高いCSS設計
・テスト環境のご用意
・スマホ、タブレット実機のチェック
　- Windows / Mac / iPad / iPhone / Android

【ご対応可能なデータ】
・Figma, XD, Photoshop, Illustrator
・jpegなど画像データ, PDF
・ご参考サイト

【お取引の流れ】
１．ヒアリング
　　デザイン及び機能やスケジュールを確認させていただきます。
２．ご契約
　　上記ヒアリングにて金額をご相談させていただき、ご契約となります。
３．テストアップ
　　当方のテストサーバーにて成果物をご確認いただきます。
４．納品
　　指定サーバまたはデータ送付で納品いたします。

ご満足いただけるよう、納品まで誠心誠意ご対応させていただきます。
ご不明な点は、お気軽にお問い合わせください。

Webサイト・LPのコーディングを行います。
コーダーがいなくて困っている、制作が溢れていて手が回らない等お困りでしたらお声がけください！！

【お手伝いできること】
・HTML/CSSを使ったコーディング
・JavaScript/jQueryを使った簡単なアニメーションの実装
・保守・運用しやすいCSS設計
・WordPressの導入・構築・改修
これらを使って小さな修正から新規のサイト制作まで幅広く対応可能です。

【制作内容の詳細】
・静的コーディング(1ページ〜)
・レスポンシブ対応
・アニメーションの実装(ご相談ください)
・お問い合わせフォームの実装・設置
・WordPress化：別途お見積もり

【お見積りについて】
記載の金額は目安のものです。
作成するページ数・要件に応じて金額は変動いたします。
ご予算に応じて調整もできますので、お気軽にご相談ください。

【購入の流れ】
・「見積もり・カスタマイズの相談に進む」
コーディングの内容、実装したい機能等お聞かせください。
対応可能かを判断し、制作の流れをお伝えいたします。
↓
・見積もりの提案・契約
作業内容、納期等を踏まえてお見積もりします。
ご納得いただいた上でご購入をお願いします。
↓
・作業開始・確認
お客様でご準備していただく素材を提出して頂きます。
作業が完了しましたら制作物を提出しますので、確認をお願いします。
確認後、修正・変更をいたします。
↓
・納品
作業が全て完了し、納得いただいた上で納品いたします。
データファイルの提出、サーバーへのアップロード等ご希望に合わせて納品いたします。

サービス内容

HTML/CSS/JavaScriptでの静的コーディング代行
▢LP、トップ、下層ページの作成
▢HTMLテンプレートに記事流し込み
▢WordPress新規構築・改修作業
▢お問い合わせフォーム実装
▢部分修正 ( 既存サイト修正、ページ追加、不具合対応等 )

お勧めな方

【制作会社様】「デザインはあるけどコーダーが足りない、時間がない」
【デザイナー様】「デザインや自分の業務に集中したい」
「言葉が丁寧な人は多いけど、具体的に説明してくれる人がいない」

デザイン再現・コード品質は元より
動けばいいではない、会社様ごとのルールやご依頼事情を大事にしており、
継続でご依頼のお客様には高い評価をいただいております。

参考料金・基本料金に含まれるもの

プラン、下記に表示している金額は目安となります。
ご予算が決まっている場合や修正などは
「カスタマイズ」からご相談下さい。

■静的サイト
▢LPコーディング：75000円～
▢LPコーディング(画像中心)：30000円～
▢トップページ　：50000円～
▢下層ページ　　：10000円～
※LPとトップの違いは主に作業密度の差です。

基本料金に含まれるもの
・レスポンシブ対応
・基本的なJavaScript( スムーススクロール / スライダー / ハンバーガーメニュー等 )
・画像圧縮 / 2倍書き出し(retinaDisplay対応)
・ブラウザチェック

■記事流し込み
▢5ページ以下：1ページ：3000円～
▢5ページ以上：1ページ：2600円～
・テンプレートと、流し込み元となる記事(ドキュメントやHTML)を頂きます。
・40P超えもスケジュール次第でお請け可能です。
・使用する画像、ファイル命名規則等は事前に確認いたします。

■WordPress(機能部分)
▢WordPress化：30000円～
・オリジナルテーマ制作
・カスタム投稿・カスタムフィールド等対応( 数に応じて追加料金 )
・必要に応じて管理・編集できる形で実装

▢お問合せフォーム：10000円～
・ WordPressプラグインを使用（Contact Form 7）

■修正
▢修正一か所：3000円～( 内容により変動します )

納品までの流れ

1.ヒアリング、お見積もり
デザイン、規模・ページ数・仕様、希望納期、作業範囲等の確認
基本チャットで進行します。
　↓
2.お見積り提出、ご購入
内容に同意いただけた場合、ご購入をお願いいたします。
　↓
3.データの受け渡し
デザインデータ、仕様書やログイン情報などを頂きます。
　↓
4.制作開始
定期的に作業進捗の報告をいたします。
　↓
5.テストアップ / ご確認・修正対応
コーディングが完了次第、テスト環境に初稿をアップします。
お客様側でご確認いただき、修正点がありましたら対応いたします。
　↓
7.納品
対応完了後にご確認いただき、何も問題なければ、
zipファイルにて納品、またはサーバーにアップロードいたします。

納期、納品方法

■デザイン、ボリューム、スケジュールにより変動いたします。
▢目安
LP・トップページ：4～7日
下層ページ1P　：1～2日
WordPress　：7日～

※デザインデータを受け取った翌日からの日数です。
※コーディングだけでなく品質チェックや
　複数ブラウザ確認、何らかの緊急対応といった事もあるので、
　余裕ある納期をいただいております。

ブラウザ確認対応環境

【windows】chrome / firefox / edge【Windows11】
【 android 】chrome / firefox / edge【BlackView Shark8 Android13】
【macbook】chrome / firefox / safari【MacBookPro Retina13インチPro】
【 iPhone 】chrome / firefox / safari【iPhoneSE第二世代 iOS18.5】

Webコーダーをお探しの方必見！ のコーディングを代行します。

・デザインはあるけどコーディングはお願いしたい
・デザインをきちんと再現してくれるコーダーを探している
・jQueryでサイトに簡単なインタラクションを加えたい
など、ホームページ・ランディングページのWebコーダーをお探しの方はぜひご検討ください。

▼業務内容

【パッケージ内容について】
■ベーシック
【Wordpressテーマ使用】 Wordpress内のテーマでカスタムCSSを使用しコーディング

■スタンダード
【静的トップページ（8000pxまで）】 HTML/CSS/JQuery静的コーディング

■プレミアム
【静的LP（ランディングページ）】 HTML/CSS/JQuery静的コーディング

【各プラン料金に含まれるもの】
・ 静的コーディング
・LPのコーディング
・レスポンシブ対応
・スライダー、スワイパー、アコーディオン、ハンバーガーメニューなどアニメーション開始の実装

【対象ブラウザについて】
■パソコン（Mac）
Chrome、Safari 各最新版

■スマートフォン（iOS）
Chrome、Safari 各最新版

【納品形式について】
データ納品（ファイル一式を zip 圧縮したもの）又は指定のサーバーにアップロードして納品いたします。
　（サーバー納品の場合は一般的なレンタルサーバーのみ対応）

▼納品までの流れ

①ご相談
↓
②お見積もりの提出
↓（※ここまで無料です！）
③デザインカンプや素材等のご提供
↓
④コーディング
↓
⑤制作物の確認・修正（テスト環境用意いたします）
（※納品前の修正は無制限でご対応いたします。大幅なデザインの変更の場合、追加料金を頂戴します。）
↓
⑥最終確認後に納品

ご購入にあたってのお願い

◆ECサイトの実装は対応しておりません。

◆制作させていただいたwebサイトは実績としてポートフォリオに掲載させていただく場合がございます。掲載不可の場合はお知らせください。

◆デザインデータについて
・Adobe XD, figmaに対応しております。それ以外の場合は事前にご相談ください。
・有料フォントを使用されている場合、読み込みタグやデータをご共有ください。

ご興味を持ってくださりありがとうございます！

▼本パッケージにてできること
・HTML/CSS(Sass)を用いたデザインの再現
・Javascript（jQuery）を用いたアニメーションの実装
・WordPressの導入・構築
・デスクトップ、タブレット、スマホ対応（レスポンシブ対応）
・使用画像や写真素材の圧縮（表示速度向上）
・基本的な表示速度向上対策
・基本的なSEO対策
・修正、更新などの軽微な内容

▼サービスの流れ
１．ご依頼内容のご確認、お見積りの提示
２．ご契約後、お客さまよりデザインデータをご提供
３．コーディング作業、品質確認、実機テスト
４．ご確認と修正
５．納品

▼お見積り時のご注意点
以下の内容について分かる範囲で構いませんのでご提供いただけますと幸いです。
（1）ご依頼。ご依頼内容の概要について
（2）制作規模について
　└例：静的コーディング合計3P（トップページ、〇〇についてのページ、お問い合わせページ）　など
（3）ご予算について
（4）その他気になることがありましたらお気軽にお伝えください！

＊私にできること＊
ホームページ、ランディングページのお持ちのデザインデータをもとにコーディング（ブラウザ環境で見れる形にする）いたします。
デザインデータはあるけどコーディングができない方、忙しくてコーディングまで手が回らない方、ぜひお手伝いさせてください！！

〇作業内容

・HTML・CSSを使ったコーディング（スマホ対応込み）
・Javascriptを使った仕掛けの実装（ハンバーガーメニュー、スライド、タブの切り替えなど）
・お問い合わせフォームの実装
・WordPress化

〇料金

＊トップページ　20000円～

WordPressや下層ページなどの料金はオプションをご覧ください。
※複雑なデザイン,１ページのボリュームによっては追加料金頂くこともあります。

〇オプションについて

＊お問い合わせフォーム
　　PHPやGoogleフォームで対応可能です。
　　WordPressの場合はプラグインでお問い合わせフォーム作成します。
　　他にご希望があればご相談ください。

〇納品までの流れ
（お見積りやご相談は購入に限らず24時間お待ちしております。）

①ご購入後、デザインデータのご提供お願いいたします。
②デザインデータを確認後、制作に取り掛かります。
③お客様のご確認
　・WordPressの場合はこちらで用意したテストサーバーにアップロードします。
　・HTML/CSSの場合はzipファイルをお渡しします。
④問題がなければ、正式納品とさせて頂きます。
⑤ご評価いただき、お取り引き完了となります。

〇納品について
＊HTML/CSSの場合
　Zipファイルで納品いたします。
　FTPの配置を希望の場合は接続情報の連携をお願いいたします。

＊WordPressの場合
　All-in-One WP Migrationのプラグインで反映いたします。
　

■必ずご確認ください
・ご購入後のキャンセルはお断りしております。

レスを速くお客様の声を第一に、コーディングはデザインカンプ通りに丁寧にをこころがけております。
納期やご予算については柔軟に対応させていただきますので、ご気軽にご相談ください。

弊社では「ぱぱっとねっと」というホームページの更新代行サービスを行っています。
忙しくて更新作業まで手が回らない！という企業の味方です。

サービス開始から20年以上の経験と実績があります。
これまでに延べ300社以上の運用を行ってきました。

■こんな困りごとがありませんか？
・担当者が辞めてしまい更新できない
・ページの更新に時間と手間がかかる
・制作会社に依頼しているが対応が遅い
・頻繁に更新したいが費用が高く頼めない

■サービス内容
・ぺージの修正
画像の差し替えや文章の修正を行うことができます。
文字を強調したり、レイアウトの変更など、見た目の修正も可能です。

・ぺージの追加・削除
新しいぺージを作成することができます。
ページが増えたことによるリンクの修正やナビゲーションの修正も一括で承ります。

・サイトデータのバックアップ
・簡易アクセス解析レポート
・サイト改ざんチェック
・サーバー・ドメイン管理
・CMSのトラブル・障害復旧
・ホームぺージに関する無料相談

■納期
1依頼／～3営業日程度（修正内容によります）

サービスをご覧いただきありがとうございます！
本サービスでは、HTML/CSSコーディングをお任せいただけます。
ホームページ・ランディングページのコーダーをお探しの方はぜひご検討ください。

【提供内容】

・HTML・CSSの静的コーディング
(HTML4などの旧バージョンは対応しておりません)
・JavaScriptは一般的に実装されている動作のみ実装(ハンバーガーメニューなど)
・レスポンシブ対応

・修正は2回まで無料

納品時には、プログラムデータなどを圧縮してZipファイル形式でお送りします。

【制作内容】

詳しくは料金表をご覧ください。
※「あまりにも長いページ、複雑なページ」に関しては、 「カスタマイズ」 をお選びください。

【納期】

・ベーシック: 7日
・スタンダード: 10日
・プレミアム: 14日

納期はボリューム、稼働状況により変動する場合がございますので、参考としてご確認ください。どのプランにするかお悩みの場合は、 「カスタマイズ」 をお選びください。

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

ーーーーーーーーーー
・あまりにも制作することが難しいものはお受けできません。ご了承ください。(例: JavaScriptを多用したページ、上にスワイプしたらアニメーションが出てくるページ など)
・ご依頼いただく前までに、完成イメージをご用意ください。
ーーーーーーーーーー

ご覧いただきありがとうございます！
ココナラ等でも活動しており、200件以上の実績がございます。

◆サービス内容

・HTML/CSSを用いた静的なコーディング
・JavaScript(jQuery)を用いたアニメーションな実装（ハンバーガーメニュー、スライダー等）
・レスポンシブ対応
・WordPressの構築(オリジナルテーマ)

とのによる修正回数については無制限です、ご満足いただけるまで責任をもって対応いたします！
※デザイン変更については、別途料金が発生する場合がございます。

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

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

【無料対応】
・ホバーアニメーション
・ハンバーガーメニュー
・フェードイン
※ご希望される場合は、ご依頼時にお申し付けください。

◆制作の流れ

１．「見積り・カスタマイズを相談する」よりご相談ください。
２．デザインデータお預かり
３．コーディング
４．ご確認・修正
５．最終確認・納品

◆納品方法

・zipファイルの送付
・サーバーへのアップロード
※サーバへのアップロード希望の場合は原則 FTP情報共有をお願いします。不明な場合・サポートが必要な場合はご相談下さい。

ご覧いただきありがとうございます。
制作会社での経験を活かし、Webサイトの修正や更新をはじめ、
新規Webサイトのコーディングを１ページから承ります。

制作の際は、
◎ デザインを忠実に再現
◎ メンテナンスしやすいコード
◎ SEOに配慮したマークアップ
を心掛けています。

【 スタンダードプラン・プレミアムプランに含まれるもの 】
・HTML / CSS コーディング
・レスポンシブ対応（ブレイクポイント１箇所）
・内部SEO対策
・お問い合わせフォームの実装
・ハンバーガーメニュー、スライダー、アコーディオンなどの基本的な動きの実装（javascript / jQuery）
・各種ブラウザ動作確認（Chrome、Firefox、Edge、Safari ※最新版）
・修正無制限（※仕様変更は別途費用がかかります）
・画像圧縮

※デザインデータはご支給ください。

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

【 オプションメニューWordpress構築に含まれるもの 】
・更新機能の実装
・セキュリティ対策

【 制作の流れ 】
ご依頼内容の詳細をお聞かせください。
↓
納品日・金額のご提示
↓
ご契約
↓
デザインデータ・素材等の共有
↓
作業開始
↓
ご確認・修正
↓
納品

【 制作者について 】
Web制作会社・デザイン広告制作会社・Webマーケティング会社に従事後、フリーランスとして活動。
現在はコーディングを中心に、制作会社様より業務を請け負っています。
迅速・柔軟・丁寧な対応を心がけております。
納品後のアフターフォローもお気軽にご相談ください。

数ある中かからこちらのパッケージ出品をご覧いただき誠にありがとうございます！

個人でコーダーをしております、水田と申します。
丁寧なやりとりとコーディングで、お客様の業務負担を減らします。

まずはお気軽にご連絡ください。

■こんな方におすすめ

• ☆繁忙期でリソースが足りない制作会社様
• ☆デザインはできるけどコーディングは他の方にお願いしたい

■プランに含まれるもの

• レスポンシブ対応
• アニメーション：ハンバーガーメニュー/アコーディオン/スライダー
• お問い合わせフォーム：ベーシックプランはプラス5000円、レギュラー/プレミアムプランは料金内にて承ります。
• 修正無制限無料（大幅なデザイン変更はご相談ください）

■事前にご用意するもの

• デザインデータ（XD/figma/Illustrator/Photoshop）　
• 画像データ（JPG/PNGなど）

■納品までの流れ

①ご相談・お見積もり
　デザインデータと画像データを元にチャットでお打ち合わせを行います。
　その後、お見積り金額を提示させて頂きます。

②仮払い
　ご依頼内容および金額が決まりましたらご契約になりますのでその際に、仮払いをお願いいたします。

③デザインデータをご用意ください
（プラン日数はご提供頂いてからの日数になります）

④制作開始

⑤初稿提出〜修正
（テスト環境の情報をお伝えしますのでそちらでご確認ください）

⑥納品
（ファイル形式を添付し納品、またはサーバーにアップロードいたします）
　※サーバーにアップロードの場合はFTP情報をご準備ください。

■その他

※制作物をポートフォリオに掲載させていただく場合がございます。
掲載不可の場合はお知らせください。

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

■サービス内容
・HTML/CSS/JSでの静的コーディング
・レスポンシブ対応
・JavaScript(jQuery)を用いたアニメーション実装（ハンバーガーメニュー、スライダー等）
・お問い合わせフォームの実装
※WordPress対応もご相談下さい

■料金表（レスポンシブ対応含む）
・LPコーディング：15,000円～
・トップページ：15,000円～
・下層ページ：5,000円～/1ページあたり
・アニメーション：2,000円～
・問い合わせ機能：10,000円～
・WordPress対応：要相談
※画像圧縮による表示スピードの改善無料

■納品までの流れ
１．「見積り・カスタマイズを相談する」よりご相談ください。
２．デザインデータお預かり
３．コーディング
４．ご確認・修正
５．最終確認・納品

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

ご覧いただきありがとうございます。
安心してお取引いただけるよう、丁寧な対応を心掛けております。
当方では、デザインデータからWebサイトのコーディングを承っております。

---------- このようなお悩みの方におすすめです ----------
・コーディングをお願いしたけどデザインと違うものが納品された
・コーダーが足りない
・コーディングだけ外注したい
・レスポンシブ対応してほしい

---------- 対応できる内容 ----------
・HTML・CSSを使ったコーディング
・JavaScript/jQueryを使った簡単なアニメーションの実装
・WordPressの導入・構築・改修(独自テーマの作成)
・お問い合わせフォームの実装(セキュリティ面を考え、自作ではなくツールを使用します)
小さな修正から新規のサイト制作まで幅広く対応可能です。

【お見積りについて】
記載の金額は目安のものとなります。
作成するページ数・要件に応じて金額は変動いたしますのでご了承ください。
ご予算に応じて調整もできますので、お気軽にご相談ください。

【料金内で対応可能なこと】
・画像圧縮
・修正（デザインが大きく異なる場合は、別途料金をいただく場合がございます。）

【オプション料金にて対応可能】
・下層ページの追加
・JavaScriptを使用したアニメーション
(アニメーションの内容によっては実装できない場合がございます。)
・PHPメールフォームの実装
※上記にない内容につきましては別途お見積りさせていただきます。

---------- 対応可能データ ----------
・adobe XD
・Figma

---------- 納期について ----------
デザイン、ボリューム、稼働状況により変動いたしますのでご了承ください。
・トップページ：5日～
・下層ページ：2日～
※デザインデータ受け取り翌日からの日数です。
※急ぎの場合はご相談ください。

---------- 確認端末、ブラウザ ----------
・Google Chrome
＞ Mac, Windows, iPhone14
・Safari
＞ Mac, iPhone14
・Firefox
＞ Mac, Windows
・Microsoft Edge
＞ Windows

---------- ご依頼・制作の流れ ----------
①”まずは相談する（無料）”ボタンよりお問い合わせください。
②ヒアリング：HPの詳細をお伺いさせていただきます。
③制作開始：HPを制作させていただきます。
④ご確認・修正：制作したHPをご確認いただき、必要に応じて修正させていただきます。
⑤ご納品：お客様の希望に応じて納品させていただきます。

ご満足いただけるよう、精一杯対応させていただきます。
まずは、お気軽にご相談いただければ幸いです。

【LPのコーディング代行をさせていただきます。】

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

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

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

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

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

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

■当サービスの特徴

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

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

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

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

■ご契約後の流れ

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

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

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

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

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

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

制作会社様5社とお仕事していますので、絶対最後まで仕事を投げ出したりしません！

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

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

WebサイトのTOPページデザインのコーディングを承ります。
外注先をお探しの制作会社さま、フリーランスのWebデザイナーさまにご利用いただいております。

※下層ページやLP（ランディングページ）は、各専用メニューからご依頼ください↓

【LPコーディング】
https://www.lancers.jp/profile/life-life/plan/118439

【下層ページコーディング】
https://www.lancers.jp/profile/life-life/plan/167452

このようなお悩みはありませんか？
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」

当方では、これらすべてをクリアしてコーディングいたします。

一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。

その他にも、以下のような作業を心掛けています。

・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング（BEM、FLOCSS）

デザイナーとしての実務経験もございますので、
PC用デザインのみ（スマホ用デザインがない場合）でも、
見た目の整ったコーディングが可能です。

● 作業者について ----------------------------------------------------

制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。

● 対応可能データ ----------------------------------------------------

・PSD、AI、XD、Figmaのいずれか
　確認のため、デザインを書き出したJPEGもしくはPNGデータを送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

● 動きのある要素について ---------------------------------------------

【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

【オプション料金にて対応可能】
・アニメーション（簡易な動き）
・PHPメールフォームの実装
・その他、動きのある要素

※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

● ブレイクポイント --------------------------------------------------

一箇所が料金内です。（PC・スマホの切り替え）

※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。

● 動作確認ブラウザ --------------------------------------------------

・Windows
　Chrome、Microsoft Edge
・Mac
　Chrome、Safari
・iOS バージョン16
　Safari
・Android バージョン14
　Chrome

※いずれも最新版です。

● 納品形式 ---------------------------------------------------------

・ファイル送付、もしくはご指定のサーバーにアップロード

● 納期について -----------------------------------------------------

標準納期は、「デザインデータ受領から」5営業日となります。（ベーシックプランの場合）

※サービス購入からデータをお送りいただくまでの日数は納期に含みません。

以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。

本パッケージはWebサイトのコーディング代行サービスです。
ココナラプラチナランク・100件以上の販売実績有り！
この度ランサーズにも参入いたしました。
ぜひお気軽にご相談下さいませ！

■□――――こんな方におすすめ――――□■

「デザインデータはあるけどコーディングをする時間がない」

このようなお悩みをお持ちではありませんか？
・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人Webデザイナー様
・継続的にお願いできるパートナーを探している制作会社様

ご満足頂けるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供しています

■□―――― 料金 ――――□■

・トップページのコーディング：20,000円 〜
・下層ページのコーディング　：10,000円〜 / 1ページ
・LPのコーディング：30,000円〜
・アニメーション：要相談
・Wordpress構築：要相談

※ 上記は基本料金となります。ページの長さやデザインの内容によって価格変動ございます。
※ レスポンシブ対応込みの価格になります。
※ Wordpress対応ご希望の方はカスタマイズからご相談ください。

修正や部分コーディングも対応可能ですのでお気軽にご相談くださいませ。

■□―――― 対応可能データ ――――□■

・XD、Photoshop 、Illustrator、Figma等
※ 確認用に、一枚で書き出した画像データ（JPEGかPNG）を一緒に送付ください。
※ Illustratorの場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

■□―――― 納品までの流れ ――――□■

① ヒアリング・お見積もり
② ご契約・デザインデータお預かり
③ コーディング
④ テストアップ（ご確認・修正）
　→ テスト環境にアップしお客様にブラウザで確認いただきます
⑤ 最終確認・納品

■□―――― 納品形式 ――――□■

・zipファイルの送付
・ご指定のサーバーへのアップロード

■□―――― 注意事項 ――――□■

・必ずデザインデータをご用意下さい。
・WEBフォントを使用したデザインの場合、フォントの契約はお客様の方でご準備をお願い致します。
・コーディングのルールがございましたら事前にお知らせください。
・コーディング着手後に大幅なデザイン変更があった場合、追加料金が発生する場合がございます。
・サーバーのご準備はお客様の方でお願い致します。

※デザインデータがない状態でのご相談が増えております。参考サイトのみのご提示やデザイン作成込みの対応は行なっておりませんのでご了承ください
※やりとりの間に1週間以上ご回答がない場合はキャンセルさせて頂く場合がございますのでご了承下さい（ご回答にお時間かかる場合はその旨をお伝え頂くようお願いいたします。）

ご満足頂けるように丁寧かつ柔軟に対応致しますので、疑問に思った点などがあれば、お気軽にご相談下さい。

◾️はじめに
たくさんあるパッケージの中からご覧いただきありがとうございます！

個人事業（1年目）でWebコーダーをしている「森　猛」と申します。
コーディングとWordPress構築をメインに活動しています。

◾️こんな悩みの方へ
・報連相を徹底してくれるコーダーを求めている。
・円滑なコミュニケーションができるコーダーを求めている。
・最後までやりきってくれるコーダーを求めている。

◾️サービス内容
・HTML / CSSコーディング
・jQueryを用いたアニメーション実装

◾️料金
・TOPページコーディング：30,000円〜
・下層ページコーディング：10,000円〜

※ページ構成・機能によって変わってきますので、まずはご相談いただければと思います。

◾️制作の流れ
①ヒアリング
　ページ構成・必要な機能などを確認いたします。
②お見積り
　納期や金額を提示させていただきます。
③制作・確認
　ページ毎でのご確認をお願いいたします。
　※ 気になる点がある場合、可能な限り修正対応いたします。
④納品
　制作物をzipファイルにて納品させていただきます。
　※サーバーへのアップロードをご希望の場合、FTP情報のご提示をお願いいたします。

◾️当サービスの強み
・品質チェックシートを用いて確認後、納品いたします。（品質チェックシートのお渡しも可能）
・即レス対応（21時までのご連絡においては、3時間以内には返信いたします）
・可能な限り柔軟に対応いたします。

◾️ご用意していただくもの
・デザインカンプデータ（XD、Photoshop、Illustrator、Figma）

▼こんな方へオススメ

• デザインデータはあるのにコーディングができない
• コーディングを依頼できる外注がいない
• コーディングだけではなく、本番アップまでお願いしたい

▼ご提供内容
HTMLとCSSをベースにコーディングいたします。
JavaScriptやjQueryを用いた、動的な要素の追加も可能※です。

※複雑なプログラムについては対応できない場合があります

▼ご購入後の流れ
オンラインでヒアリング
zoom, Teams, Google Meetからお選びいただけます。
↓
コーディング
コーディングには自信があります！お任せください！
御社のコーディングレギュレーションに合わせての記述も可能です。
Photoshop, XD, Figma, Illustrator など、デザインデータ各種対応しています！
↓
テストアップ
テストサーバーをご用意しております。
↓
修正
最高3回まで対応いたします。
五月雨に依頼するより一度にまとめていただけますと、スムーズに進みますのでオススメです。
4回以降の修正につきましてはオプションをご利用ください。
↓
納品
データ一式の送付、または本番サーバーに直接アップロードいたします。
本番サーバーがない場合は手続きを代行いたします（オプション）。

▼制作可能なジャンル
公序良俗に抵触するもの以外であればOK！
アダルトもごめんなさい。

▼料金プランやオプション
特急オプションもご用意しております。

▼納期
お急ぎの場合は特急オプションにて対応いたしますので、まずはご相談ください。

いただいたデザインを元に、HTML / CSS / Javascript・jQueryでコーディングいたします。
前職までのサイト運用やWebマーケティング、SEOの知見を活かしながら、
◎デザインに忠実
◎シンプルな記述
◎納期や修正など柔軟な対応
を心がけています。

【ベーシックプラン】
web制作のご相談や、既存サイトの一部修正など
まずはお問い合わせください

【スタンダードプラン】
・HTML/CSSコーディング1ページ
・レスポンシブ対応（PC／スマホ／タブレット）
・スムーススクロールなど簡易なアニメーション
・画像の圧縮、最適化（webp対応可）
・metaタグ設定（titleタグ、ファビコン、OGP画像など）

<内容に応じお見積もり>
・スライダーやハンバーガーメニューなどの設置、カスタマイズ（javascript）

<ご要望に応じ対応いたします>
・gitでのコード管理
・テスト環境のご用意

【プレミアムプラン】
特定のコーディングルールの対応など

【以下もご相談ください】
※2ページ以上の制作
※納期の短縮
※既存サイトの修正（Wordpressサイトも可能）
※PC版のデザインデータからスマホ版レイアウト作成
※フォーム設置・改修
※Googleフォームのカスタマイズ
※SEO内部対策の代行
※jQueryをjavascriptに書き換え
※表示速度の改善

【ご用意いただくもの】
・デザインデータ（psd、ai、XD、figmaなど）
・（あれば）指示書等
　

【ご予算について】
記載の金額は目安です。
ご用件に応じ変動いたします。まずはご相談ください。
　

【納品までの流れ】
ご依頼内容の詳細をお聞かせください
↓
お見積りを提示いたします
↓
ご納得いただけましたら、ご発注をお願いします
↓
素材等の共有をお願いします
↓
制作開始〜確認・修正
ビデオチャット／電話での打ち合わせ可能です
↓
納品

【自己紹介】
制作会社でのWebデザイナーのアルバイト後、企業のweb担当として5年超、コーディング、サイト設計、運用、SEO対策など経験（SEO検定1級所有）。
バナー作成や、POP・チラシ等の印刷物もデザイン・制作経験あり。
現在はHTMLコーディングを主にフリーランスとして活動中です。

【緊急コーディング対応｜最短当日着手】

「時間がない…」そんなお悩みを最短当日から解決。
デザインカンプからのコーディングを、スピーディかつ丁寧に仕上げます。

【こんな方にオススメ】
✓ 納期が迫っているが社内リソースが確保できない
✓ 既存の外注先から突然連絡が取れなくなった
✓ コーディング工程だけを外注したい
✓ 急な案件で即日対応が必要

【技術スタック】
■ フロントエンド開発

• HTML/CSS/JavaScript
• Bootstrap/jQuery/Sass
• レスポンシブ対応

■ バックエンド開発

• PHP/WordPress
• Shopify実装

■ 開発環境

• Git/Github管理
• テスト環境提供

【対応可能な制作物】
• コーポレートサイト制作
• ランディングページ（LP）制作
• WordPressサイト構築
• ECサイト制作（Shopify）
※全案件レスポンシブ対応込み

【料金について】
以下の要素を考慮し、最適なお見積りをご提示いたします：

• ページ数
• デザインの複雑さ
• アニメーションの実装量
• 納期の緊急度

【制作フロー】

1. 無料お見積り相談
2. 要件確認・料金のご提示
3. ご発注・着手
4. ページごとの進捗報告
5. テスト環境での確認
6. 修正対応（2回まで無料）
7. 納品・技術サポート

※ボリュームと納期のバランスによっては、
　お受けできない場合もございます。
　まずはお気軽にご相談ください。

【特徴】
• 豊富な実績による速習性の高い実装
• 保守性を考慮したクリーンなコーディング
• 進捗状況の細やかな報告
• 技術的な説明も丁寧に対応します

まずはお見積りからお気軽にご相談ください！

自己紹介

ランサーズでは、フロントエンジニアとしてWeb関連の業務をしています。
基本的なコーディングは勿論のこと、WordPressやMicro CMSなどのCMS組み込み、ShopiflyやEC-CUBEを使ったEC構築も承っています。
また、今後はReact / TypeScriptを使ったモダンな開発でも貢献していきたいと考えております。

このパッケージについて

スピーディかつ高品質に、HTML / CSS / JavaScriptを使ったコーディングをします。

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

❓ 「自社のコーダーが足りない」
❓ 「PCのデザインだけで、SPもよしなに調整して欲しい」
❓ 「各種CMS・ECサイト構築できるエンジアが足りない」
❓ 「デザインを作れるがコーディングができない」

こんな方におすすめです

✔︎ 「コーディングの外注先をお探しの方」
✔︎ 「パートナーとなるコーダーをお探しのデザイナーの方」
✔︎ 「タイトなスケジュールで活動できるフロントエンジニアをお探しの方」

サービス内容

デザインからコーディング致します。
料金は、ページのボリュームによって変動します。

▼ WordPress / MicroCMSなどの各種CMS組み込みをご希望の方はこちらのパッケージを利用ください。
https://www.lancers.jp/menu/detail/1242097

▼ Shopifly / EC-Cubeなどの各種ECサイト構築をご希望の方はこちらのパッケージを利用ください。
https://www.lancers.jp/menu/detail/1242097

ご依頼の流れ

1. ご相談

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

2. 見積もり提出

お見積もりと納期をご提示します。

3. オファーの作成・承諾

ご納得いただけましたらオファーを作成しますので、承諾してください。

4. 作業開始

作業を開始します。

5. 確認・修正

完成したサイトを確認していただき、満足いただけるまで修正します。

「まずは相談する（無料）」のボタンからお気軽にご相談ください

相談の際は、下記テンプレートを使用していただけますとスムーズです。

「準備中」

他にもパッケージを出品しています

▼ スピーディかつ高品質 / 各種CMS / ECサイト対応 】コーディング代行します
https://www.lancers.jp/menu/detail/1242097

WEB制作歴もうすぐ20年！
コーダーやWEBデザイナーとして、複数の企業で活動してきました。
現在は数社と業務委託契約を結んでいるフリーランサーです。

現在進行系で現場にいるコーダーだからこそ、お客様の考えを汲み取ったり、お悩みを解決する引き出しはたくさん用意しております。
料金面も含めて、まずはお気軽にご相談ください！

▼こんな方へオススメ

• デザインデータはあるのにコーディングができない
• コーディングを依頼できる外注がいない
• コーディングだけではなく、本番アップまでお願いしたい

▼ご提供内容
HTMLとCSSをベースにコーディングいたします。
JavaScriptやjQueryを用いた、動的な要素の追加も可能※です。

※複雑なプログラムについては対応できない場合があります

▼ご購入後の流れ
オンラインでヒアリング
zoom, Teams, Google Meetからお選びいただけます。
↓
コーディング
コーディングには自信があります！お任せください！
御社のコーディングレギュレーションに合わせての記述も可能です。
Photoshop, XD, Figma, Illustrator など、デザインデータ各種対応しています！
↓
テストアップ
テストサーバーをご用意しております。
↓
修正
最高3回まで対応いたします。
五月雨に依頼するより一度にまとめていただけますと、スムーズに進みますのでオススメです。
↓
納品
データ一式の送付、または本番サーバーに直接アップロードいたします。
本番サーバーがない場合は手続きを代行いたします（オプション）。

▼制作可能なジャンル
公序良俗に抵触するもの以外であればOK！
アダルトもごめんなさい。

▼料金プランやオプション
特急オプションもご用意しております。

▼納期
修正の頻度などを考慮し、納期は多めに見積もっております。
お急ぎの場合は納期短縮オプションにて対応いたしますので、まずはご相談ください。

Webサイトの下層ページのコーディングを承ります。

※TOPページやLP（ランディングページ）は、各専用メニューからご依頼ください↓

【LPコーディング】
https://www.lancers.jp/profile/life-life/plan/118439

【TOPページコーディング】
https://www.lancers.jp/profile/life-life/plan/166397

このようなお悩みはありませんか？
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」

当方では、これらすべてをクリアしてコーディングいたします。

一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。

その他にも、以下のような作業を心掛けています。

・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング（BEM、FLOCSS）

デザイナーとしての実務経験もございますので、
PC用デザインのみ（スマホ用デザインがない場合）でも、
見た目の整ったコーディングが可能です。

● 作業者について ----------------------------------------------------

制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。

● 対応可能データ ----------------------------------------------------

・PSD、AI、XD、Figmaのいずれか
　確認のため、デザインを書き出したJPEGもしくはPNGデータを送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

● 動きのある要素について ---------------------------------------------

【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

【オプション料金にて対応可能】
・JavaScriptを使用したアニメーション（簡易な動き）
・PHPメールフォームの実装
・その他、動きのある要素

※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

● ブレイクポイント --------------------------------------------------

一箇所が料金内です。（PC・スマホの切り替え）

※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。

● 動作確認ブラウザ --------------------------------------------------

・Windows
　Chrome、Microsoft Edge
・Mac
　Chrome、Safari
・iOS バージョン16
　Safari
・Android バージョン14
　Chrome

※いずれも最新版です。

● 納品形式 ---------------------------------------------------------

・ファイル送付、もしくはご指定のサーバーにアップロード

※特にご指示がなければファイル送付での納品となります。

● 納期について -----------------------------------------------------

標準納期は、「デザインデータ受領から」3営業日となります。（ベーシックプランの場合）

※サービス購入からデータをお送りいただくまでの日数は納期に含みません。
※複数ページをご依頼の際は、別途納期をお見積りさせていただきます。

以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。

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

個人事業（3年目）でコーディングとWordPress構築をメインに活動している「金杉 優希（かなすぎ ゆうき）」と申します。
現在、制作会社様やマーケティング会社様と継続的なお取引をさせていただいております。

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

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

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

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

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

LP（ランディングページ・一枚ものページ）のコーディングを承ります。
外注先をお探しの制作会社さま、フリーランスのWebデザイナーさまにご利用いただいております。

※LPではないWebサイトのコーディングは、各専用メニューからご依頼ください↓

【TOPページコーディング】
https://www.lancers.jp/profile/life-life/plan/166397

【下層ページコーディング】
https://www.lancers.jp/profile/life-life/plan/167452

このようなお悩みはありませんか？
「コーディングを外注したけど、なんかちょっとデザインと違う」
「デザインを忠実に再現してほしい」
「スマホ用デザインを作る時間がない…。でもレスポンシブに対応してほしい」

当方では、これらすべてをクリアしてコーディングいたします。

一番に心掛けているのは、
【デザインを忠実に再現すること】です。
デザインカンプの再現性は、リピートのお客様に高評価をいただいております。

その他にも、以下のような作業を心掛けています。

・メンテナンスしやすいソースコード
・内部SEOを意識したマークアップ
・CSS設計法に基づいたコーディング（BEM、FLOCSS）

デザイナーとしての実務経験もございますので、
PC用デザインのみ（スマホ用デザインがない場合）でも、
見た目の整ったコーディングが可能です。

● 作業者について ----------------------------------------------------

制作会社に6年間勤務し、現在フリーランス活動4年目となります。
デザイン、コーディング両方に対応できるのが強みです。
品質を第一に考え、丁寧な制作を心がけております。

● 対応可能データ ----------------------------------------------------

・PSD、AI、XD、Figmaのいずれか
　確認のため、デザインを書き出したJPEGもしくはPNGデータを送付ください。
　AI形式の場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

● 動きのある要素について ---------------------------------------------

【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

【オプション料金にて対応可能】
・アニメーション（簡易な動き）
・PHPメールフォームの実装
・その他、動きのある要素

※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

● ブレイクポイント --------------------------------------------------

一箇所が料金内です。（PC・スマホの切り替え）

※特にご指示がなければ、768pxで切り替えます。
※タブレット用など、ブレイクポイントを追加される場合はオプション料金にて承ります。

● 動作確認ブラウザ --------------------------------------------------

・Windows
　Chrome、Microsoft Edge
・Mac
　Chrome、Safari
・iOS バージョン16
　Safari
・Android バージョン14
　Chrome

※いずれも最新版です。

● 納品形式 ---------------------------------------------------------

ファイル送付、もしくはご指定のサーバーにアップロード

● 納期について -----------------------------------------------------

標準納期は「デザインデータ受領から」5営業日となります。（ベーシックプランの場合）

※サービス購入からデータをお送りいただくまでの日数は納期に含みません。

以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。

SEO会社様と10年以上お付き合いさせて頂いている、フリーエンジニアです。
SEOを意識したコーディング、スピーディな納品を強みとしています。

Photoshop、illustorator、Fireworks、XD、figma等のデータを頂ければ、コーディングデータ一式を納品します。

【概要】

■静的コーディングのみ(HTML、CSS)
※jsやphpを使用する場合、別途見積り対応です。
ハンバーガーメニューやスライダー、アコーディオン等簡易なのものは複雑なデザイン・動作の指定のない場合に限り料金内で作業させて頂きます。

【以下のような場合も別途対応可能です】

■PC又はスマホ単独ページの場合
レスポンシブ対応が必要ない場合は金額を下げさせて頂きますので別途ご相談ください。

■複数ページの場合
1ページコーディングの金額です。
複数ページの場合も対応可能ですので別途ご相談ください。

■WordPress等のCMSの組み込み納品やカスタマイズ修正について
CMSの組み込みやカスタマイズ修正に関しても対応可能ですのでは別途ご相談ください。

【★初回10%OFF★実績100件以上！制作歴11年のデザイナー兼コーダーがコーディングします】

「デザイン通りにコーディングしてほしい」
「スマホデザインはないけど、スマホ対応にしてほしい」
「作った後も更新や修正などの保守をお願いしたい」

中小企業様、店舗様、こんなお悩みありませんか？？
はじめての方でも大丈夫。そのお悩み、解決いたします！

PCデザイン、スマホデザインのどちらかしかない方も大歓迎です！

もしお見積もり金額が予算を超える場合はお気軽にご相談ください。

■対応可能データ
・Adobe Photoshop
・Adobe Illustrator
・Adobe XD

■制作内容の詳細
・静的コーディング（WordPressをご希望の方はご相談ください）
・レスポンシブ対応
・Sassを使用したコードのメンテナンス（scss記法）
└※scssファイルは納品いたしませんのでご了承ください
・更新者が運用しやすいCSS設計（REMM）
・内部SEOを意識したマークアップ
・スマホ（またはPC）デザインがない場合、コーディングベースで作成
・画像サイズ圧縮
・webp化
・ファビコン作成
・OGP画像作成
・Webクリップアイコン作成

■料金範囲内のアニメーション
・スライダーまたはカルーセル（1つまで）
・アコーディオン
・トップへ戻るボタン
・ハンバーガーメニュー

■割引特典対象内容
下記に該当するお客様・制作内容につきましては、10〜30%割引させていただくことがございます。
・初めてご依頼いただいたお客様
・継続してご依頼いただいたお客様
・コンテンツ内容が少ないページ
・シンプルなデザインで制作

■サービス対象外
・テスト環境構築
・サイト引っ越し
・ドメイン設定
・Javascriptを一から組んだような過度なアニメーション
・アナリティクスを使ったWeb解析
・埋め込みタグ発行（埋め込みは可能）

■今までの制作実績
https://www.lancers.jp/profile/tsukito3103/portfolio_popup/563916

■ご契約の流れ
┗お見積もりMTG[必須]
┗仮払い[必須]
┗制作開始
┗納品(ファイル送付、もしくはご指定のサーバーにアップロード)

ここまでご覧いただきありがとうございました！！
こちらに記載している内容以外にもお気軽にご相談ください。

例）WordPressでコーディングしてほしい、LPやバナーのデザインを作ってほしい など

2024 Top 100 Lancer掲載の認定ランサーがコーディング代行いたします！

LP（ランディングページ）でサービス・商品を訴求したいあなた様へ。こんなことにお困りではないでしょうか？

✅「PC用のデザインしか用意していないが、レスポンシブには対応したい」
✅「デザインは用意できるけどコーディングは外注したい」
✅「自社でコーディングする時間を確保できない」
✅「特定の箇所は後から変更・更新できるようにしておきたい」

そういったお困りごとに2022 Top 100 Lancer掲載の認定ランサーが丁寧に対応させて頂きます。 まずはご相談ください。そちらでご検討いただいて、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど業種に関わらず受け付けております。

3つのプランをご用意しておりますので、お作りしたいものに合わせて最適なプランをご用意致します。
『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。お気軽にお問い合わせください。

【対象】

• 下請けをお探しの法人様
• 協業をお探しの Webデザイナー様
• 依頼の一部を外部リソースに依頼したいコーダー様

【活動実績】

• 2022 Top 100 Lancerに掲載

【納品までの流れ】

1. 出品者へDM（ダイレクトメッセージ）を送信
　「見積もり・カスタマイズの相談」というボタンから問い合わせフォームに移動します。
　納品希望日と相談内容の業種を入力していただきます。

2. 出品者から相談者様へ返信
　送っていただいた内容について質問や回答を行います。

3. 注文・仮払い
　納得いただいた場合に注文をお願いします。

4. 製作開始

5. 納品物の確認と修正
　お客様に納品物を確認していただき、修正が必要な箇所を指摘して頂きます。

6. 最終納品
　納品日から3日間無制限に修正対応致します。

【主な確認事項】

• フォント
• ホバーアニメーション
• ヘッダーの動き
• ハンバーガーメニューの開き方
• メタタグ、OGP
• 各リンク先
• ファビコン
• 電話番号のタップ挙動
• フォーム用メールアドレス
• 確認及びサンクスページの有無
• 画面幅がデザインカンプより広がった場合の挙動

【注文時のお願い】

• ご相談の上で対応出来ないと判断したものは、受注前にお断りさせていただくことがございます。
  ご了承の程よろしくお願い致します。
• デザインカンプはFigmaもしくはXDファイルでの提供をお願いいたします。

【注意点】

納期はデザインデータなどすべての提供素材のご提示からのカウントとなります。
出品サービス購入からデータをお送りいただくまでの日数は納期に含みませんのでご注意ください。

納品方法がレンタルサーバーへのアップロードをご希望の場合は以下の３点にご注意下さい。

• ドメインとレンタルサーバーのご契約済みであること
• DNS設定が反映されている状態であること
• FTP接続情報のご用意

WordPressの構築も依頼内容に含む場合は、こちらもご用意をお願いいたします。

• レンタルサーバーのコントロールパネルのログイン情報
  または
• phpMyAdminへのログイン情報

※ご依頼時にもご案内させていただきます。納品前にはご用意をお願いいたします。
　ご不明な部分があればお気軽にお知らせください。

【その他】

またこのようサービスを出品しております。
https://www.lancers.jp/menu/detail/1227479

サムネイル右上にある再生ボタンを押していただくと、12秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。

■ WEBコーディング代行サービス
コーディングのご依頼はプロにお任せください

Webサイト制作のコーディングを正確かつ迅速に対応します。
デザインデータからのコーディングはもちろん、
SEOやレスポンシブ対応も考慮した高品質なコーディングをご提供します。

■ サービス内容

・HTML/CSSコーディング
・JavaScriptの実装対応（必要に応じて）
・レスポンシブデザイン対応（スマホ・タブレット最適化）
・SEOを意識したマークアップ
・クロスブラウザチェックと動作確認
・既存サイトの修正・改善対応

■ こんな方におすすめ

・デザインデータはあるがコーディングができない方
・自社内でのコーディングリソースが不足している企業様
・品質の高いコードで安定したサイトを構築したい方
・納期を守りつつ正確な作業を求めている方

■ 本サービスの強み

・細部までこだわった丁寧なコーディング
・最新のWeb標準・技術に準拠
・SEOやUXを意識した設計で成果に貢献
・納期厳守でスムーズな進行を実現

■ ご依頼・ご相談について

コーディング業務の負担を軽減し、品質の高いWebサイト制作を実現します。
まずはデザインデータやご希望内容をお知らせください。
最適な対応プランをご提案いたします。

◆予算について

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

◆納期について

記載の納期はあくまで目安です。
短納期を心掛けていますが、チェックバックなどで若干前後する可能性がございます事、予めご了承ください。

◆納品までの流れ

①ヒアリング
・カンプデザイン、動的制御（アニメーションやスライドなど）の有無の確認。
↓
②ご契約
・お見積り、納期をご提示させていただきます。
ご納得いただけた場合、ご購入をお願いいたします。
↓
③デザインデータおよびコーディングに必要な各情報（metaタグ周り、OGPなど）の納品
ご購入後デザインデータ（XD、figmaなど）の納品をお願いいたします。
※Adobe、ＧoogleフォントなどWEBフォントのみで制作されているデザインデータは問題ございませんが、特殊なフォントを使用されている場合はアウトライン化のデータを合わせて納品ください。
↓
④制作・確認・修正
・気になる点がある場合、可能な限り修正対応いたします。
※軽微な修正は修正回数に関わらず追加費用はございません。
※テストアップが必要でしたら、テスト環境はご用意可能です。
↓
⑤納品
・Zip形式で納品いたします。
※納品方法は指定がございましたら、お知らせください。
※原則、公開環境にアップロード（HTML、CSS、javaScript、イメージ）するファイルのみお渡しいたします。

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

webサイトのコーディングを承ります。

Webデザイナーの方で、コーディングだけ外注したい！
Web制作会社様でコーダーのリソースが急に必要になった！

など、必要な時に十分なスキルでコーディング対応が可能です。

特に、
「お客様の大切なデザインを忠実に再現する」
「お約束した納期を厳守する」
という当たり前の2点について、これまでご依頼いただいたお客様からも高い評価をいただいております。

デザインについては、PC用デザインのみでもスマホ対応（レスポンシブ）が可能です。

★ 簡単ですが自己紹介させていただきます★
20年以上の社会人経験と、その中で長く従事した営業職の経験から、
ご依頼をいただくお客様に満足いただくことを最善に対応させていただきます。

★ 対応可能データ★
・Figma、XD、Photoshop、Illustratorのいずれか
　Illustratorの場合はリンク画像も添付（もしくは埋め込みで）お願いいたします。

★ 動きのある要素について★
【料金内で対応可能】
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

《オプション料金にて対応可能》
・アニメーション（簡易な動き）
・PHPメールフォームの実装
・その他、動きのある要素

※追加オプションの内容は、下記オプション欄をご参照ください。
※オプション内容により納期が変わります。
※上記にない内容につきましては別途お見積りさせていただきます。

★ 動作確認ブラウザ★
・Windows
　Chrome、Firefox、Microsoft Edge
・Mac
　Chrome、Firefox、Safari
・iOS11以降
　Safari
・Android5.0以降
　Chrome

※いずれも最新版です。
※IEへの対応は終了いたしました。

★ 納品形式★
ファイル送付、もしくはご指定のサーバーにアップロード

以上となります。
ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。

あなたのWebサイトを、真面目さと丁寧さで丁寧に作り上げます！

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

Webサイトの立ち上げ、改修、または機能追加で困っていませんか？予算が限られているけれど、信頼できる人に依頼したいと思っていませんか？

発注の流れ

お問い合わせ
メッセージにて、Webサイトの目的、デザインイメージ、必要な機能、納期などをお知らせください。

要件定義
詳細なヒアリングを行い、Webサイトの構成、デザイン、機能について具体的に決定します。

設計・開発
要件定義に基づき、Webサイトの設計・開発を行います。進捗状況は随時ご報告いたします。

ご確認・修正
完成したWebサイトをご確認いただき、必要に応じて修正を行います。

納品・サポート
最終確認後、納品となります。納品後も、簡単な修正やサポートは承ります。

対応範囲・価格

基本のWebページ作成：10,000円〜
HTML/CSSを使用したシンプルなWebページ作成。レスポンシブ対応も可能です。

JavaScriptによる機能追加：5,000円〜
JavaScriptを使用したWebページの動的機能実装（フォームのバリデーション、簡単なアニメーションなど）。

WordPressカスタマイズ：20,000円〜
WordPressのテーマカスタマイズ、テンプレートの修正など。既存サイトの改修も承ります。

納期

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

制作の流れ

要件定義
お客様の要望を丁寧にヒアリングし、Webサイトの目的やターゲット層を明確にします。

設計
Webサイトの構成、デザイン、機能について、お客様と相談しながら決定します。

コーディング・開発
HTML/CSS、JavaScript、WordPressなどを使用して、Webサイトを構築します。

テスト・修正
完成したWebサイトをお客様に確認していただき、修正点があれば修正します。

納品・公開
Webサイトをサーバーにアップロードし、公開します。公開後も、簡単な修正やサポートは承ります。

サービス内容

Webサイト制作、改修、機能追加を低単価で承ります。HTML/CSS、JavaScript、WordPressに対応。真面目さと丁寧さで、お客様のWebサイトを丁寧に作り上げます。

Webサイトは企業の顔であり、集客の要です。しかし、初めてWebサイトを作る方や、予算が限られている方にとって、Webサイト制作はハードルが高いものです。

そんなあなたのために、Web制作を始めたばかりの私が、真面目さと丁寧さで、あなたのWebサイトを丁寧に作り上げます。実績作りのため、低単価にて対応いたしますので、お気軽にご相談ください。

「Webサイトを作りたいけど、どこに頼めばいいかわからない…」
「予算がないけど、ちゃんとしたWebサイトを作りたい…」

そんなお悩みを解決します！まずはメッセージにてご相談ください。

デザインが完成しているページのコーディング代行をいたします。

HTML5　/　CSS3 　/ 　jQuery にて対応いたします。

コーディング規則がある案件や、既存ページへの追加なども対応可能です。

修正などにも対応し、最後まで責任を持って対応いたします。

ご不明な点などございましたらお気軽にご連絡ください。

　ご覧いただきありがとうございます。初出品です。
　ご用意いただいたデザインデータからHTML/CSS, JavaScriptを用いてコーディングします。

【納品までの流れ】
　1. 相談・見積り（金額確定、納期目安等）
　2. トークルームでやりとり（データの受け取りと確認、進捗報告、修正等）
　3. zip形式で納品

ご覧いただきありがとうございます。
本サービスはホームページ、LP、ポートフォリオなどのコーディング代行サービスです。

♦︎こんな方におすすめ♦︎
デザインデータをお持ちの
デザイナー様
制作会社様
ディレクター様
等

♦︎サービス内容♦︎
・HTML・CSSコーディング(レスポンシブ対応込み)
・JavaScript(jQuery)やCSSを用いたアニメーションな実装

♦︎料金♦︎
・LPコーディング(10000pxまで)：25,000円
・トップページコーディング（8000pxまで）：20,000円
・下層ページコーディング(8000pxまで)：7,000円/1ページ
[簡単な下層ページは3000円/1ページ]
・JavaScript(jQuery)アニメーション/1箇所：3,000円
・問い合わせ機能(Googleフォーム)：10,000円～
・WordPress機能実装：要相談

♢無料サービス♢
・基本SEO対策タグの埋め込み
・簡単なCSSアニメーション（ホバーアニメーション等）
・サイト軽量化画像圧縮
・OGP設定

※ レスポンシブ対応込みの価格になります。
※ ページの長さ超える場合は1000px毎に1,000円追加費用発生します。
※デザインデータにスマホ用のデザインがない場合はよしなにコーディングいたします。
　（その場合は合計金額の30％が追加となります。）
※デザインとの相違による修正回数については無制限です。
（デザイン変更については、別途料金が発生する場合がございます。）

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

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

♦︎納期について♦︎
通常、ご依頼の着手日から1週間程度で納品いたいします。
※スケジュールの状況により、上記に沿わない場合もございますのでご了承ください。

♦︎納品について♦︎
・zipファイルの送付
※サーバへのアップロード希望の場合は FTP情報共有をお願いします。

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

ご覧頂きありがとうございます。中桐と申します。
新規ページ作成から既存ページ修正まで小規模作業も承ります。
ポートフォリオサイト：https://nakagiri.com/
※ご連絡はポートフォリオのお問い合せではなくランサーズの機能をご使用ください。

◆ご提供業務
・デザインカンプからの新規ページ起こし
・既存ペーシの修正
・既存ページのレスポンシブ対応
・既存ページのリファクタリング（JavaScriptを含みます）
・小さな作業もお手伝いさせてください。

◆ページ単位ではなく、既存ページの修正なども承ります。
・作業料金は1ページの修正量の比率×1.5（既存ソースの理解と修正計画策定分）を目安に個別にお見積もりいたします。
・JavaScriptの改修、リファクタリングも承ります。

◆作業手順
▼作業内容受領、内容確認
▼お打ち合わせ（ご要望、仕様確認、他）
▼作業スケジュールの合意
▼作業実施、合意に基づく作業報告、随時確認・気づき報告
▼仮納品　ご確認ご確認いただき必要な微調整などを実施
　弊サーバー上でのご確認いただくことも可能です。（無料）
▼納品、
■検収

◆ご対応できない業務
申し訳ございませんが、コンテンツ内容の作成はご容赦いただきますようお願いいたします。
・デザイン
・画像の作成、文面作成

ご検討頂ければ幸いです。

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

飲食店の魅力を引き出すシンプルで使いやすい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コーディングをお届けします！

あなたの想いを形にする、Web開発とデータ活用の頼れるパートナー！

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

Webサイトの改善、業務効率化、データ分析、LP制作

発注の流れ

お問い合わせ
お気軽にご相談ください。Webサイトの課題やご要望をお伺いします。

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

制作開始
ご契約後、速やかに制作を開始します。進捗状況は随時ご報告します。

納品・修正
完成したWebサイトやツールをご確認いただき、必要に応じて修正を行います。

対応範囲・価格

Webサイト コーディング：3万円〜
HTML/CSSコーディング：デザインデータからのコーディング、レスポンシブ対応も可能。5ページまで。

LP制作：5万円〜
ランディングページ制作：ターゲットに合わせたデザインと構成で、コンバージョン率アップを支援します。

業務効率化ツール：3万円〜
Excel/スプレッドシート効率化ツール：データ入力、集計、分析作業を自動化し、業務時間を大幅に削減します。

納期

要相談

制作の流れ

ヒアリング
お客様のWebサイトの課題やご要望を詳しくお伺いします。

企画・設計
ターゲットユーザーや競合サイトを分析し、最適な戦略を立案します。

制作
最新の技術を駆使し、高品質なWebサイトを制作します。

テスト・修正
完成したWebサイトをテスト環境でご確認いただきます。

納品・公開
本番環境へWebサイトを公開し、運用をサポートします。

サービス内容

Web開発（HTML/CSS/JavaScript）、LP制作、業務効率化ツール作成

WebサイトやLPの制作、業務効率化ツール作成でお困りではありませんか？
「Webの知識がない」「忙しくて手が回らない」
そんなお悩みを、プログラミング経験豊富な私が解決します！
HTML/CSS/JavaScriptでのコーディングはもちろん、LP制作や業務効率化ツール作成まで、あなたのビジネスを加速させるWebソリューションを提供します。
まずはお気軽にご相談ください。あなたの想いを形にするお手伝いをいたします。

既存のホームページの微修正をさせていただきます。

□新しくボタンを設置したい

□一部分だけCSSや画像変換等の修正をしてほしい。

□レイアウトを少し変更して欲しい

■主な内容
・既存サイトの編集。
・jsやcssの追加

など、少しだけ変更したい場合のご相談はお気軽にお待ちしております。

こんな方へおすすめ

・検索順位を上げたい。

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

・人手が足りない。

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

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

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

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

🔳　コーディング範囲:
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時間）を活かし、日本の営業時間外でも作業を進めることで、より高速な納品を実現します。

こんなお悩みございませんか？

・急ぎの案件が多くて困っている。
・外注パートナーの連絡が遅くてやりずらい。
・安いのは助かるけど修正が多すぎて大変。
・安定的、長期的にお付き合いできるパートナーが欲しい。

そんな方はぜひ一度ご相談ください。
~ "必ず" 良いご提案ができます。~

【サービス内容】

・HTMLコーディング代行
・ページ修正、リニューアル対応
・デザインを元にしたコーディング
・WordPressサイトのコーディング
・Shopifyのテーマ、ページ制作

内容によってはご相談いただいた当日に納品することも可能です。

着手から納品までスムーズにご対応いたします。

【弊社について】
私たちは名古屋市に本社がある WEBコーディング代行、EC支援事業をしている会社です。

「人が繋がる」を想いに、WEBを通した地方企業の支援・女性の社会進出支援に関わる事業を展開しております。

私たちは、単純な作業者ではなくサイト公開後・クライアントの将来・社会の未来を見据え、全身全霊で奮闘しております。

些細な気づき・お節介・ご提案・アフターフォローなど親身で丁寧な対応で、
大変ありがたいことにリピートでの依頼率は直近6ヶ月で95%を超えております。

~ 迅速・丁寧・親身・精密・クリエイティブな人材が揃ったプロ集団にお任せください。~

<<<こんなお悩みございませんか？>>>

・急ぎの案件が多くて困っている。
・外注パートナーの連絡が遅くてやりずらい。
・安いのは助かるけど修正が多すぎて大変。
・安定的、長期的にお付き合いできるパートナーが欲しい。

そんな方はぜひ一度ご相談ください。
~ "必ず" 良いご提案ができます。~

【サービス内容】

・HTMLコーディング代行
・ページ修正、リニューアル対応
・デザインを元にしたコーディング
・WordPressサイトのコーディング
・Shopifyのテーマ、ページ制作

内容によってはご相談いただいた当日に納品することも可能です。

着手から納品までスムーズにご対応いたします。

【弊社について】
私たちは名古屋市に本社がある WEBコーディング代行、EC支援事業をしている会社です。

「人が繋がる」を想いに、WEBを通した地方企業の支援・女性の社会進出支援に関わる事業を展開しております。

私たちは、単純な作業者ではなくサイト公開後・クライアントの将来・社会の未来を見据え、全身全霊で奮闘しております。

些細な気づき・お節介・ご提案・アフターフォローなど親身で丁寧な対応で、
大変ありがたいことにリピートでの依頼率は直近6ヶ月で95%を超えております。

~ 迅速・丁寧・親身・精密・クリエイティブな人材が揃ったプロ集団にお任せください。~