コーディング代行の依頼・発注

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

中谷寛希と申します。
フリーランスになってから実績が少ないため、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円～
  （内容により変動します。）

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

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

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

WebサイトのHTML・CSSコーディングを承ります。
既存サイトの更新や修正も安心してお任せください。

デザインの正確な再現性とメンテナンス性、
SEOに配慮したコーディングを強みとしています。

制作に関するご相談やお見積りは無料です。
お気軽にお問い合せください。

■ サービス内容
→レスポンシブコーディング
PC、スマートフォン、タブレットなど、
マルチデバイスに対応したWebサイトを構築します。

→インタラクティブな実装
スライダー、ハンバーガーメニュー、スムーススクロールのJavaScript（jQuery）、
ボタンhover時のインタラクションの実装はプランの費用に含まれます。

→ブラウザチェック
主要ブラウザ（Google Chrome / Mozilla Firefox / Safari / Microsoft Edge）の
最新バージョンで表示確認を行い、品質を保証します。

■ サービスの特徴
・PC版のデザインデータのみしかない場合でも、
こちらで最適なレスポンシブデザインに調整し、SP版を組むことが可能です。

■ 費用
・TOPページ：36,000円〜
・下層ページ：12,000円〜
・既存サイトの更新・修正：5,000円〜

■ ご依頼の流れ
まずはご相談フォームよりデザインデータや仕様など、
案件の詳細をお知らせください。
内容を確認し、お見積りさせていただきます。

■ 担当者について
事業会社と制作会社で多数のWebサイト制作・運用経験を持つ制作者が担当いたします。
現在はフリーランスとしてコーディングを中心に案件をお受けしていますが、
ページの画面設計からWebデザイン、WordPressの実装、
コアウェブバイタルのスコア改善、内部SEO対策なども対応可能です。

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

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

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

【プランの種類】
・ベーシック・・・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 です。
　その他の画面幅での対応が必要な場合は、別途お見積もりいたします。

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

▽対応可能な内容

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

▽こんな方におすすめ

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

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

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

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

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

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

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

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

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

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

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

サイト制作会社様やWebデザイナー様へ

ランディングページ（一枚ものページ）のコーディングを承ります。

こんな方におすすめです！

-「デザインは用意できるけどコーディングは外注したい」
-「PCデザインは用意出来るけど、SPは任意でいい感じにしてほしい」
-「自分でコーディングしている時間がない」

コーディングのお困りごとに丁寧に対応させて頂きます。

まずはご相談ください。

詳しいご要望をお聞きして、満足していただけるものを提供したいと思います。
飲食店、士業、美容、建設・不動産、スクールなど様々な業種を受け付けております。

『見積もり・カスタマイズの相談』ボタンからご相談を受け付けております。
お気軽にお問い合わせください。

【納品までの流れ】

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

2. 相談者様へ返信
　送っていただいた内容について質問や回答をお送りさせていただきます。

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

4. 製作開始

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

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

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

◎コーディングを行うデザインデータ

購入にあたってのお願い

■サーバー、ドメインについてはお客様でご用意していただくため料金に含まれておりません。
■特別な仕様がある場合には購入前にご相談ください。

当サービスをご覧いただきましてありがとうございます。

下記のようなお悩みをお持ちの方
・デザインは決まったけど、コーディング が出来ない。
・忙しくて、コーディングを外注したい。
どうかお気軽にご相談、お問合わせ下さい。

●サービス内容（1ページ分となります）
①HTML/CSSでの静的コーディング
②レスポンシブ対応
③スライダー等のアニメーション実装（jQuery対応）
尚、複雑な動きをご希望の場合は、お受けできかねる場合があります。
一度ご相談頂けます様、お願い致します。

●納期
着手から7日程度となります（1ページのみの目安）
尚、ページ数やコンテンツにより変動します。
こちらもお気軽にご相談、お問合せ下さい。

●制作物のご確認と修正
部分的な小さい変更などにも、柔軟にご対応致します。
こちらもお気軽にご相談、お問合せ下さい。
制作中は何度か制作物のご確認をさせて戴きます。

●お見積もり時にわかる範囲でお知らせ下さい。
・ご依頼内容
・ページ数
・デザインの画像データ（データ形式はご相談下さい）
・その他使用する画像素材
・アニメーションの有無
・ご予算
・ご希望納期

⚫︎納品方法
サーバーにアップロードもしくはZipファイルを
お渡しする方法のいずれかになります。
※サーバーアップロードの場合、FTP情報をお知らせ下さい。

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

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

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

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

初めまして！ロゴデザインや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
・定休日　水・日

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

依頼の流れ

　　1. ご相談・ヒアリング

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

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

サービス内容

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

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

WordPressのセットアップ、初期設定をサポートさせていただきます。

「会社の指示で社内コラムを開設するよう言われたが、どこから手をつければ・・・」
「ワードプレスで個人ブログを始めたいが、どのように進めたらいいかわからない・」
「自分でWordPressインストールをしてみたいが間違ってしまいそうで怖い・・・」

などなどワードプレスに関する初期設定をサポートさせて頂きます。
当方で記事が書ける状態までセットアップしてご納品させて頂きます。

【本サービスに含まれるもの】
⚪️ WordPressのインストール
⚪️ WordPress必須事項の初期設定
⚪️ 必要機能（プラグイン）のインストール
⚪️ 無料テーマの設定
※ 有料テーマをご希望の場合は、ご支給いただければ対応させて頂きます。

【お客様側でご用意いただくもの】
⚪️ ドメインとレンタルサーバー契約
⚪️ 上記管理画面ログイン情報

納期につきまして、やり取りがスムーズに進行しましたら即日納品が可能です。お急ぎの場合などご希望をお聞かせくださいませ。

ご参考まで構築したWordPressサイトを一部ですが、ご紹介させて頂きます。（ほぼ全て、デザイン、コンテンツ制作、コーディング、バックエンド開発を当方で一貫して対応しております）
https://www.haruyama-eye.jp/
https://www.melissa-jp.com/
https://ebisucineclub.nowheresurf.site/
https://tme-tx.com/
https://centurio.international/
https://www.kidoguchi.com/
https://seedsmesh.nowheresurf.net

その他、皆様のWordPressに関する疑問質問等ございましたらお気軽にメッセージくださいませ。

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

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

ご覧いただきありがとうございます。
支給いただいたデザインからオリジナルテーマでのWordpressの構築／コーディングを行います。
以下の方におすすめのプランです。

• コーディングスタッフが足りない
• デザイナーは制作するのでコーディングを外注したい
• プロジェクトの一部のコーディングをお願いしたい

また以下のことを心がけて作業を行います。

• デザインを忠実に再現
• シンプルなHTML/CSSコーディング
• 迅速・丁寧・柔軟な対応

【 基本料金内に含まれる内容 】

●html/CSSコーディング
　・jQuery/JavaScriptの実装　以下の内容が含まれます
　　ハンバーガーメニュー／アコーディオンメニュー／スムーススクロール／
　　スクロールアニメーション／スライダー／モーダルウィンドウ／
　　タブ切り替え表示／クリック/タップでコンテンツの表示・非表示
　・レスポンシブ対応
　・基本的なSEO対策
　　（metaタグ、画像のalt、正しい文書構造に基づいたHTMLコーディング、構造化データ、OGP、Twitter Card を含みます）

●その他
　・テスト環境の用意（必要な場合、自分の契約サーバーにて用意させていただきます）
　・納品までの修正
　　（ヒアリング内容と大きく違う修正、当初は無かった追加の場合は別途料金となります）

Wordoressの複雑な機能の追加、javascriptの複雑な実装については別途料金となりますのでまずは内容をご相談下さい。

【 プランについて 】

記載された料金、内容、納期は目安となります。
内容のボリュームにより料金は変わります。記載された料金は最低料金とお考えください。
納期は稼働状況により変動しますのでご相談時にまず確認をお願いいたします。

【 確認ブラウザ 】

Google Chrome：Mac/Windows/Android
Microsoft Edge：Mac/Windows
Safari：Mac/iPad/iPhone

【 対応できる支給データのアプリケーション 】

Illustrator / figma / XD / Photoshop

　
　
その他のサービスもございます。
興味がありましたらぜひご覧ください。

Wordpressの修正・カスタマイズ
https://www.lancers.jp/menu/detail/1285943

■こんな方におすすめです
・低コストでコーディングを依頼したい方
・コーディングの時間が取れないデザイナーの方
・デザインデータはあるが、コー

本サービスでは、静的サイトやホームペーページ（HP）、ランディングページ（LP）を制作しています。ディングに不安を感じている方

■対象
・HP
・LP
・スマホ対応のWebサイト制作（レスポンシブ可）

■サービス内容
・HTML・CSSによるコーディング
・CSS, JavascriptやjQueryを使用したアニメーションの実装
・必要なタグ（ボタンやGoogleマップなど）の埋め込み
・画像圧縮による表示速度の改善
・レスポンシブ対応

■サービスの特徴
・デザインカンプ通りのコーディング
お客様からいただいたデザインデータ（Photoshop、Illustrator、XD、Figma）をもとに、デザインカンプに忠実なコーディングを行います。デザインのニュアンスを大切にし、細部まで丁寧に再現します。

・無制限の修正
お客様がご満足いただけるまで、修正を無制限で対応いたします。細かい要望にもお応えしますので、安心してご依頼ください。
※お客様が納得いただけるまで対応いたしますが、納品後の修正はお断りさせていただくきます。

・レスポンシブデザイン対応
スマートフォンやタブレットでも快適に閲覧できるよう、すべてのサイトにレスポンシブ対応を行います。

■制作の流れ
※WordPressの場合は異なります
①ご相談・お打ち合わせ
お客様のご希望やスケジュール、要望などをヒアリングし、進行方向を確認します。

②デザインデータの受け取り
Photoshop, Illustrator, XD, Figmaなどの形式でデザインデータをお預かりします。

③コーディング作業
いただいたデザインに基づき、丁寧にコーディングを進めます。

④テスト環境にアップロード
WordPressサイトの場合は、テスト環境にアップロードし、動作確認を行います。

⑤お客様確認・修正対応
お客様のチェック後、必要な修正を何度でも対応します。

⑥最終納品
修正が完了したら、納品となります。

■納期
作業内容により異なりますが、コーディングの場合は1ページあたり約5日をいただきます。お急ぎの方は事前にご相談ください。
※デザインの複雑さにより、上記の納期が変わることもありますのでご了承ください。

■納品方法
納品時には、zipファイルの送付やサーバーへのアップロードが可能です。サーバーへのアップロードを希望される場合は、FTP情報の共有をお願いいたします。FTP情報が不明な場合やサポートが必要な際は、お気軽にご相談ください。

▼こんな方へオススメ

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

▼サービス内容

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

▼ご用意いただくもの

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

▼料金プラン

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

▼納品

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

**初回割引20%OFF！**
**2回目のリピーター割引10%OFF！**

「デザインはあるけれど、自分ではコーディングできない」
「社内リソースが足りなくて、このデザインを誰かにコーディングしてほしい」
「デザインどおりにコーディングしてほしい」
「スマホのデザインは無いけれど、スマホにも対応させたい」
「サイト公開後も修正などの保守対応を任せたい」

こんな課題をお持ちの制作会社様や企業/店舗様、
10社以上の制作会社様と提携し、年間30サイト以上制作している私に
コーディングをお任せください！

■■基本プランに含まれるもの■■
・レスポンシブ対応 (PC / SP)　※ブレイクポイント2か所まで
・表示速度高速化を目的とした画像、CSS、JSファイルの圧縮
・SEO対策のためのmetaタグ、Alt、OGP、ファビコン対応　※テキストや画像をご提供いただける場合のみ
・テストサーバーの準備
・品質チェックリストと合わせての納品

■■基本プランに含まれないもの■■
以下の項目は、ヒアリング時に実装内容を伺い、お見積もりをご案内いたします
・スマホデザイン無しの場合の対応
・アニメーションの実装　※内容によっては無料対応可能です
・お問い合わせフォーム等の機能実装
・WordPressの導入

■■ご予算について■■
各プランはアニメーションや機能実装の無い場合の価格となりますので、
ご希望されるページ数や実装内容によって変動いたします。
ぜひ、一度お見積もりをさせてください！
また、初回割引、リピーター割引もご用意いたしております！

■■納期について■■
各プランに記載されている納期は、実装内容や稼働状況によって変動いたします。
前倒しの納品を心がけておりますが、ヒアリングさせていただいたうえで、
最終的な納品日をご案内いたします。

■■納品方法について■■
制作データをzipファイルにてお渡しいたします。

■■その他■■
上記に記載している内容以外でも、WordPressサイトを構築したいなど、
ご要望やご質問などがございましたら、お気軽にご相談くださいませ！
確認でき次第、迅速にご回答させていただきます！

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

お客様にご送付いただいたデザインカンプを基に
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

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

ランサーズ認定ランサーの縞野拓也と申します。
HP制作やLP制作を中心に、売上アップ・イメージアップ・ブランディング強化のサポートを行っております。

★ 2022 ランサーランキング パッケージ売上部門 TOP 100
★ 2022 ランサーランキング クライアント訪問数部門 TOP 100
★ Web制作件数200件以上突破
　

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

・デザインはあるから、コーディングを依頼したい
・安いのは嬉しいけど、デザインが再現できなそうで不安
・安心して任せられるコーダーに依頼したい
・納期を守りやりとりも円滑なコーダーでないと不安

上記のような悩みが1つでもある方は、ぜひご相談ください。

コーディングのみに限らず、普段からサイト設計やデザインも行なっているWeb制作者が綺麗なコードでデザインを忠実に再現します。

Web制作会社の継続的な下請けコーディング業務や自社コーダーのいないデザイン特化のWeb制作会社の専属コーダーなども経験しております。

当パッケージをご利用するメリット

・Web制作件数200件以上のプロがコーディング
・元Web制作会社専属コーダーがコーディング
・Figma / XD / Photoshop / Illustratorなど幅広いデザインツールに対応
・更新機能やその他必要な機能もカスタマイズ可能
・納品後もご希望に応じてサポート対応可能
・継続的にご依頼いただくデザイナー様やディレクター様など応相談可能

ご依頼・制作の流れ

①「まずは相談する（無料）」よりお問い合わせください。
②コーディングするデザイン等をご共有ください。
③コーディングを開始します。
④ご確認・修正：コーディングしたサイトをご確認いただき、必要に応じて修正いたします。
⑤ご納品：データでの納品・サーバーへのアップなど対応させていただきます。

※デザインの内容や量によって費用の追加をお願いする可能性がございます。

▼こんな方へオススメ
デザインデータはあるけれど、コーディングができない

更新しやすく、構造のしっかりしたコードで作ってほしい

デザインに忠実に再現してくれる信頼できるコーダーを探している

制作会社や代理店とスムーズにやり取りできる外注先を探している

▼ご提供内容
静的HTML＋CSSで、PC・スマホ両対応のレスポンシブコーディングを行います。
SEOや表示速度、保守性も意識した構造・可読性重視のマークアップが得意です。

対応内容：

HTML5 / CSS3（Sass可）

レスポンシブ対応（SPはブレイクポイント指定対応可）

jQueryアニメーション（スライド・フェードなど）

ドロワーメニュー

ページトップボタン

スクロールアニメーション

フォーム（HTML側のみ / PHP設置別途）

画像最適化

▼ご購入後の流れ
ご依頼内容のヒアリング

デザインデータのご共有（Figma / XD / Photoshop / illustrator など）

ページ構成確認と正式お見積り

着手 → 中間確認（必要時）

納品（zipまたは指定サーバーアップロード対応可能）

納品後の軽微な修正1回まで無料対応

▼制作可能なジャンル
制作会社経由で多様な業種を対応しています。
ジャンルによる制限はなく、構造重視のコーディングでどんな業種にも対応可能です。

実績例：

医療・製薬系（医薬品LP）

飲料・食品メーカー（キャンペーンLP）

教育機関（専門学校、スクールサイト）

コーポレートサイト全般

健康食品ECサイト（MakeShop）

企業Q＆A　（Zendeskカスタマイズ）

CMS組み込み（Wordpressオリジナルテーマ・MovableType）

▼料金プランやオプション

🟨基本料金
種別 価格（税抜） 備考
トップページ（〜7,000px） ¥20,000 基本構成＋レスポンシブ対応　長さ、ボリュームで変動
下層ページ（通常） 10,000円〜 / 1ページ　ライバシーポリシーなどテキスト主体や、下層でも動きが多いページなどを考慮し変動

🛠オプション
内容 価格（税抜）
WordPress組み込み対応 ¥40,000〜

▼納期
トップページ：5営業日程度（構成や仕様により変動）

下層ページ：1〜2営業日程度／1P

特殊なレイアウトは別途ご相談ください

制作会社で7年以上の経験を持ち、数百ページ以上のコーディングを担当。
再利用性の高い、柔軟なHTML/CSS設計が得意です。

ご相談ベースでも大歓迎です。お気軽にご連絡ください！

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

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

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

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

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

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

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

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

▼ご購入後の流れ

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

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

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

WEBサイト・LPのコーディングを行います。
お客様の想いを形に！心を込めたコーディングで、理想のWebサイトを実現します。
ぜひお気軽にご相談くださいませ！

【　こんな方におすすめ　】

・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人webデザイナー様
・継続的にお願いできるパートナーをお探しの制作会社様

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

【　サービス内容　】

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

【　料金　】
・LPのコーディング：　15,000円〜
・トップページのコーディング：　10,000円〜
・下層ページのコーディング：　5,000円〜/1ページ
・お問い合わせ機能：　10,000円〜
・アニメーション：　5,000円〜
・WordPress化：　要相談

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

【　納品までの流れ　】
１　ヒアリング・お見積り
２　ご契約・デザインデータお預かり
３　コーディング
４　ご確認・修正
５　最終確認・納品

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

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

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

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

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

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

ご覧いただきありがとうございます！
コーディングを中心にWEB制作のフリーランスとして活動中のfumicaと申します。
今まで50件以上のサイトのコーディング・改修をさせて頂きました。

【こんな方は是非ご相談ください】
・デザインは完成しているけど、コーディングが出来ない・時間がない。
・ハンバーガーメニューなど、自力でコーディングするのが難しい箇所がある

デザインもご希望の方はWebデザインサービスの方からご相談ください。
https://www.lancers.jp/menu/detail/1282631

【作業内容】
・HTML/CSSコーディング
・モバイル表示対応
・jQuery（javascript）による動作の実装
例）ハンバーガーメニュー、Q＆A部分などのアコーディオンメニュー、メインビジュアルのスライドショー、要素のフェードイン　等
・各種SNS、googleマップ、動画の埋め込み
・コーディングしたページのWordPress化
・お問い合わせフォームの設置

【無料サービスに含まれる内容】
・titleタグ、discription、OGPの設置
・googleタグマネージャーの設置（事前に準備をお願い致します。）
・画像の軽量化
・最初に頂いたデザインに対しては修正無制限

【料金のイメージ】
・トップページ　15,000円～
・下層ページ　10,000円～
・お問い合わせフォーム（入力＋確認＋完了）　10,000円
・WordPress化　TOPページ：10,000円　下層ページ：5,000円
・WordPress カスタム投稿/カスタムフィールド　5,000円
・アニメーションやJQuery/Javascriptの実装　1,000円～3,000円
・大幅な修正・追加　1箇所 1000円～
・特急料金　通常のお見積もりに＋20％上乗せ

【制作の流れ】
・ヒアリング・見積り
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
対応の可否を判断させて頂きます。
↓
・購入
↓
・デザインデータのご共有
↓
・コーディング開始
↓
・ご確認後、内容にご了承いただけましたら納品

【お願い】
こちらからの質問や進捗状況の確認に対して3日間以上お返事がない場合はその時点で納品完了とさせて頂きます。（一言だけでもお返事ください）
スムーズな進行のためご協力をお願い致します。

数多いプラン、サービスの中からこちらを見つけて、
ご覧いただきありがとうございます！

「デザインはしたけど実際にWebサイトとして表示させるやり方がわからない」
「Web制作において、コードを書くリソースがない」
「最後までやり切る保証のある信頼できるコーダーがいない」

そんなお悩みをお持ちでしたら、
ご依頼するしないに関わらず、
ぜひ一度お問い合わせください！

ご要望に合わせて納期、金額、守備範囲等柔軟にご対応します。

○HTML/CSS

○スマホ対応(レスポンシブ)

○CSS設計(基本BEMで対応。ご希望があればFlocssも可能)

○予測、再利用、保守、拡張しやすいコード

○WordPress組み込み用のphpコード、ファイル作成

○１ヶ月間修正対応無料（大幅な変更等は別途ご相談ください。）

○稼働時間
　深夜などを除き日中、夜間を問わず柔軟に対応させて頂きます。
　急ぎのお仕事等も調整可能ですので、
　お気軽にご希望をお聞かせください。

・安心感をご提供するコミュニケーション
・品質を担保する確実な納品
・守備範囲の広い柔軟な対応
を心がけております。

「こんなこと可能かな？」少しでも疑問がありましたら、
発注いただくか否かに関わらず
まずはご相談ください。

お話をお聞きして最善の方法をご提案させていただきます。

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 円

WEB制作のコーディング代行サービスです。
「すべてのお客様に満足を」をモットーにお客様のご要望に全力で対応いたします！
ぜひお気軽にご相談くださいませ！

【　こんな方におすすめ　】

「デザインは制作できるけどコーディングをする時間がない」

・コーディング業務の外注先をお探しの方
・コーディングが苦手な個人webデザイナー様
・継続的にお願いできるパートナーをお探しの制作会社様

このような悩みを解決いたします！
ご満足いただけるように丁寧かつ柔軟な対応を心掛け、満足していただけるサービスを提供いたします。

【　料金　】

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

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

【　対応可能データ　】

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

【　納品までの流れ　】

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

【　納品形式　】

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

【　注意事項　】

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

※やり取りの間に１週間以上ご回答がない場合はキャンセルさせて頂く場合がございますのでご了承ください。（ご回答にお時間がかかる場合は、その旨をお伝え頂くようお願いいたします。）

ご満足いただけるように丁寧かつ柔軟な対応をいたします。
気になる点などがありましたら、お気軽にご相談くださいませ。

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

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

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

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

【 納品までの流れ 】

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

【 納品方法 】
zipファイル

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

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

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

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

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

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

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

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

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

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

HTML/CSSコーディング代行サービス

🎯 サービス概要

15年以上のIT実務経験とAdobe製品20年の使用実績を活かし、デザインファイルから高品質なWebサイトを制作いたします。医療・金融機関での基幹システム構築経験により、企業レベルの品質とセキュリティを重視したコーディングを提供します。

💪 私の強み・差別化ポイント

✅ 業界特化の実績

• 医療機関: 県立総合病院で8年間のIT全般・システム管理
• 金融機関: 基幹システム構築・保険会社ルーター設定実績
• 公共機関: 自治体システム基盤更改プロジェクト参加

✅ デザイン解釈力

• Adobe製品熟練: Photoshop・Illustrator 20年以上の使用経験
• 多様な形式対応: Adobe XD・Figma・PSD・AI・Sketch対応可能
• 仕様書なしOK: デザインファイルから要件を的確に読み取り

✅ 技術の幅広さ

• フロントエンド: HTML5・CSS3・JavaScript・jQuery
• バックエンド理解: PHP・MySQL・LAMP構成経験
• 現在学習中: React・TypeScript・AWS

🛠 対応可能な業務

基本サービス

• レスポンシブコーディング: PC・タブレット・スマートフォン完全対応
• クロスブラウザ対応: Chrome・Firefox・Safari・Edge動作検証
• SEO基本設定: title・meta・alt属性・構造化マークアップ
• アクセシビリティ配慮: WCAG準拠の基本的な配慮事項

JavaScript実装

• アニメーション: CSS3・jQuery・GSAP使用
• インタラクション: ハンバーガーメニュー・スライダー・タブ切り替え
• フォーム機能: バリデーション・送信処理・エラーハンドリング
• 外部API連携: GoogleMaps・SNS埋め込み・お問い合わせフォーム

品質管理・最適化

• コード品質: BEM記法・モジュール化・コメント充実
• パフォーマンス: 画像最適化・CSS/JS圧縮・キャッシュ設定
• セキュリティ: XSS・CSRF対策・セキュリティヘッダー設定

📋 制作フロー

1. 要件確認（1-2営業日）

• デザインファイル・仕様の詳細確認
• ブラウザ対応範囲・機能要件のすり合わせ
• スケジュール・納期の最終調整

2. 環境構築・設計（2-3営業日）

• ディレクトリ構造設計
• CSS設計・命名規則策定
• レスポンシブブレークポイント設計

3. コーディング実装（プランに応じて）

• HTML構造実装
• CSS・レスポンシブ対応
• JavaScript機能実装

4. 検証・最適化（3営業日）

• 各ブラウザでの表示確認
• レスポンシブ動作検証
• パフォーマンス・アクセシビリティチェック

5. 納品・サポート

• ファイル一式のzip納品
• 簡易的な更新手順書提供
• アフターサポート（プランに応じて）

🎯 得意な案件・業界

医療・ヘルスケア

• 病院・クリニックサイト
• 医療機器メーカー
• ヘルステック企業

金融・保険

• 銀行・信用金庫
• 保険会社・代理店
• フィンテック企業

公共・教育

• 自治体・公的機関
• 学校・教育機関
• NPO・社会福祉法人

IT・製造業

• システム開発会社
• SaaS・ITサービス企業
• 製造業・建設業

🚀 こんな方におすすめ

• デザインはあるが、コーディングリソースがない
• 品質重視で、長期運用を見据えたサイトを作りたい
• 医療・金融など、セキュリティが重要な業界
• 仕様書作成から相談したい
• レスポンシブ対応で悩んでいる

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

些細なことでも構いません。要件定義から運用まで、Webサイト制作に関するお悩みを何でもご相談ください。15年の実務経験を活かし、最適なソリューションを提案させていただきます。

【the one】プロフェッショナルHTML/CSSコーディング代行サービス

こんにちは、the oneの寺井と申します。Webサイトの修正や新規コーディングをはじめ、レスポンシブデザインの実装まで、あなたのWeb制作を全面的にサポートします。プロのデザイナー様や制作会社様からのリピート依頼多数、品質とスピードを兼ね備えたサービスを提供しています。

サービス概要

• HTML/CSSコーディング代行
• JavaScript/jQueryによる動的機能実装
• レスポンシブWebデザイン
• デザインカンプからのコーディング（Figma, XD, Photoshop対応）
• WordPressテーマカスタマイズ

the oneが選ばれる理由

品質保証：細部にわたるピクセルパーフェクトなコーディングで、デザインを忠実に再現。
迅速対応：最短即日納品を目指し、スピーディーな作業を心がけています。
細かな対応：明確なコミュニケーションと細かな要望への対応を心掛けています。

料金プラン

修正・更新作業：3,300円〜
ランディングページコーディング：50,000円〜
ホームページコーディング（6ページ以内）：100,000円〜
※WordPress対応など、オプションも含めた詳細はお見積もりにて。

制作の流れ

• ヒアリング：ご要望と納品希望日を詳細に伺います。
• お見積もり・ご契約：内容に基づいたお見積もりを提出し、ご納得いただければ契約となります。
• 制作開始：デザインデータをもとにコーディングを開始します。
• 確認・修正：初稿提出後、クライアント様のフィードバックに基づき修正を行います。
• 納品：最終確認後、納品（zipファイルまたはサーバーへのアップロード）を行います。

ここまでご覧いただきありがとうございました。
数多くのサービスから私のサービスに興味を持っていただき、嬉しく思います。

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

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

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

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

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

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

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

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

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

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

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

■当サービスの特徴

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

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

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

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

■ご契約の流れ

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

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

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

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

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

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

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

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

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

ご提供頂いたデザインカンプ（XDまたはFigma）からコーディングを行い、ZIPファイルにて納品いたします。
指定があれば柔軟に対応いたします。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

【デザインデータについて】
・XDまたはFigma
・PC版のみのデザインしかない、という場合はこちらでスマホ用のデザインを想定してのコーディングが可能です。
（スマホにしたときにこだわりたいレイアウトの部分があれば事前にお知らせください）

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

【対応内容について】
《料金内で対応可能》ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
・HTML/CSS(SCSS)/JavaScript or Vue.jsコーディング
・JavaScript or Vue.jsによる動き
　[・スライダー,カルーセル(Swiper)・アコーディオン・ハンバーガーメニュー・TOPへ戻るボタン・モーダル・フェードイン・ローディング・アニメーション(簡易な動き)・パララックス(Rellax.js)]
　※3,4箇所程度を無料で対応いたします。
・レスポンシブ対応
　・ブレイクポイント一箇所が料金内です。（スマホ・PC）
　　※特にご指示がなければ、モバイルファーストで768pxで切り替えます。
・クロスブラウザ対応（Chrome, Safari, Firefox, Edge, への対応)　※いずれも最新版
　　※IEへの対応は行っておりません。
・内部SEOを意識してコーディングを行っております。
・W3Cに準拠したコーディング
・ご指定がない場合、2022年10月頃 @import が廃止予定なので、@use、@forwardを使用するので　DartSass を使用します。
・CSS設計法(FLOCSS)に基づいたコーディング
　※コーディングルールがある場合は事前にお知らせください
・ご要望があればBootstrapの使用
・アフターフォロー（納品後2週間以内）
　※変更、訂正は3回ほど無料対応させていただきます。
　※納品後、こちらのミスでデザインとは異なる部分がありましたら無料修正させていただきます。
・その他ご要望があれば柔軟に対応いたします。お気軽にお問い合わせください。

《基本料金に含まれないもの》ーーーーーーーーーーーーーーーーーーーーーーーーーーー
・複雑なアニメーション
・スクロールアニメーション
・Canvaにて簡単なロゴ、バナー作成も可能です。
・お問合せフォーム機能の実装は応相談

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

【納品】
ZIPファイルにて納品いたします。指定があれば柔軟に対応いたします。
デザインデータをお預かりした翌日より、１０日程度で納品が可能です。
稼働状況やページ内容により変動いたしますのでご相談ください。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

ご不明な点がございましたら、お気軽にメッセージにてお問い合わせください。
※お問い合わせは24時間受け付けております。

ご覧いただきありがとうございます。
こちらで実績を作りたいため格安設定！かつ修正無制限で提供します！

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

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

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

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

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

・トップページのコーディング：10,000円 〜
・下層ページのコーディング　：3,000円〜 / 1ページ
・JavaScriptアニメーション：5,000円
・レスポンシブ対応：5,000円

※ 上記は基本料金となります。ページの長さやデザインの内容によって価格変動ございます。

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

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

・Photoshop、PowerPoint
※ 確認用に、一枚で書き出した画像データ（JPEGかPNG）を一緒に送付ください。

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

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

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

・zipファイルの送付

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

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

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

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

初めまして、フロントエンドエンジニアのayameと申します。
ご覧いただきありがとうございます。

・デザインはできるけどコーディングができないという方
・忙しくなってきたためコーディングを外注したいという方

お悩み解決いたします！
もちろんその他のご相談も大歓迎です。

レスポンシブ対応や、JavaScriptを用いた動きのあるものも作成可能です。
規模にもよりますが、1P1,5000円から承ります。
（複雑な動きのあるもの、1Pが長いものなどについては要相談です。）

SEOを意識したコーディングでサイトのアクセス数アップも見込めます。

○サービスの流れ

1. ヒアリング（作業ボリュームなどをお伺いし、お見積もりをご相談）
   ↓
2. デザインデータ確認
   ↓
3. コーディング開始
   ↓
4. テストアップ
   ↓
5. 修正
   ↓
6. 納品

○制作期間
デザインをいただいてから1ページあたり最大3日で納品いたします。
（簡易的なデザインであれば即日お渡しできます。）

ご覧頂きありがとうございます。
株式会社TNコミュニケーションズでは、オンラインアシスタント・バックオフィスサポート、秘書業務等を
承っております。スポット、長期対応ともに対応可能です。

マニュアル対応しか出来ない一般的なBPOサービスとは違い、
弊社では 「考えて自力解決ができるコンシェルジュサポート」をご提供しております。

・あんな事できる？
・こんなこと出来る？

一度ご相談ください！　コア業務も、ノンコア業務も幅広く対応いたします。

実績多数！
• エステ系ポータルサイトの運用保守、ページ作成
• 某大手　中古貴金属販売店のFC店舗サポート（事務、経理、店舗運用、給与計算）
• 経営者・医師のSNS（X、Instagram）運用、画像デザイン作成、記事執筆
• 求人活動、営業活動
• WordPressを使用した投稿作業
• Office製品やGoogle系オフィスツールを使用した資料作成
• 電話対応（Outbound、Inboundともに可能）

こんな方におすすめ
• 作業を丸ごと任せたい
• 自力解決できるコンシェルジュがほしい
• パソコン作業が苦手
• 事務やSNS運用をしている暇がない
• スケジュール管理などのサポートが欲しい
• 人材を雇うほどの余裕がない
• 急な人手が必要

御社に最適なサポート体制をご提案いたします。お気軽にご相談ください。

対応業務
一般事務全般
・資料・帳票、リスト作成・加工（Excel、Word、Googleスプレッドシート）
・メール対応
・伝票入力、データ入力
・問い合わせ対応
・顧客・会員管理

秘書業務
・スケジュール管理
・各種予約手配
・タスク管理

SNS運用代行
・各種SNS運用
・写真加工、画像作成

作業環境
・Mac
・Windows10、11

使用可能OAツール
・Googleスプレッドシート
・Googleドキュメント
・Googleフォーム
・Googleドライブ
・Microsoft Excel
・Microsoft Word
・Microsoft PowerPoint
・OneDrive

連絡・タスク管理ツール
・メール
・Chatwork
・Teams
・Zoom

対応時間
・平日10:00～19:00　土曜日10:00～19:00

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

その他
・サイト構築、運用（Wordpress）
・デザイン業務全般
・動画作成
・各種ライティング
・コーディング

上記業務のプロフェッショナルも在籍しています。その他の業務もお気軽にご相談ください。

「急にフライヤーが必要になったけど誰も作れない！」
「会社のサイトを作りたいけどやり方がわからない！」
など、ご相談を承ります。

1度の打ち合わせで終わりではなく、お客様の業務理解のためのヒアリング、進捗管理～日々の業務報告、定期確認、打ち合わせなどお客様が安心してメイン業務に集中できる環境をご提供。小規模案件、短納期案件もお受けしています。

TNコミュニケーションズはオンラインアシスタント・バックオフィスサポートの他にも多彩な人材を最適なマッチングで御社の業務をサポートいたします。

最後までお読みいただき有難うございました。

この度はこちらのサービスをご覧いただきありがとうございます。

・文章の追加、変更、削除。
・画像の追加、変更、削除。
・理由はわからないがデザインが崩れた。
・部分的にレスポンシブされていない。

などのご要望がありましたら、是非おまかせください！

▼料金
1か所3000円からお受けしております。
※修正範囲が広くなりますと追加で料金を頂く場合がございます。

▼サービスの流れ
①ヒアリング
WEBサイトの現状と発生している問題についてお聞かせください。
修正を希望する内容と修正後のイメージをお伺いします。

②お見積り・ご契約
ご希望内容の詳細をお伺いした後にお見積りさせていただきます。

③ご依頼作業開始
事前にご用意いただきましたFTP情報などを確認し作業開始になります。

④ご確認と修正
作業内容をご確認いただきます。

⑤最終確認
修正した内容をご確認していただき問題がなくなりましたら完了となります。

⑥納品
ご契約内容に相違がなければクローズとなります。
ご依頼いただきありがとうございました。

▼納期
ご依頼内容によってはご依頼していただいた当日の納品が可能です。
ご希望の納期がございましたらご相談ください。

サービスの特徴

ご覧いただきありがとうございます。
必ずご購入前に事前にメッセージにてご相談ください。

1. アフィリエイトブログを始めたい
2. WordPressブログの立ち上げ方が分からない
3. 「あとは記事を書くだけ」の状態からスタートしたい

このようなお悩みを抱えてらっしゃる方は大勢います。
当サービスはこれらのお悩みを全て解決します。

• IT用語やパソコン操作が苦手な方でも丁寧にサポート
  -ドメイン取得＆レンタルサーバーの契約ガイド
  -お勧めプラグイン（拡張機能）のインストールおよび設定
  -セキュリティ対策

さらに、WordPressの使い方が分からないという人には、WordPressの基本操作についてお伝えしますので、安心してアフィリエイトを始める事が出来ます。

アドセンス審査にも対応

アフィリエイト初心者にとって一番稼ぎやすいクリック型報酬のGoogle AdSenseへの審査に対応するために下記のページを作成します。
-お問い合わせフォームの作成
-プライバシーポリシーの作成

レスポンシブに対応

お渡しするサイトはパソコンはもちろん、スマホ・タブレットにも対応しています。

サービスの流れ

①ヒアリング
サイトの目的や完成イメージなどをヒアリングし、レイアウトや必要な機能などを洗い出していきます。ヒアリングシートの記入またはビデオチャットのどちらにも対応しております。
まずはお問い合わせください。

②制作
ご契約内容に合わせてデザイン＞コーディングの流れでWebサイトを構築してまいります。
デザインの修正は何度でも可能ですが、コーディングに入ってからの修正は対応致しかねますのでご注意ください。

③リリース
実装したものをご確認いただき、問題がなければご契約内容に沿った形（ファイルのみ、アップロードまでなど）で納品させていただきます。

自己紹介

はじめまして。
岩室汰一（いわむろたいち）と申します。
日本で英語教師を務めたのち2018年に台湾へ移住し、日本語教師、WEB制作エンジニアとキャリアを積んでまいりました。

現在WordPressブログを３つ運営しており、全て収益化まで成功しています。
その他の事業として、オンラインWEB制作スクール Code+も運営しております。

パッケージ出品をご覧いただきありがとうございます！
Webディレクター・デザイナーのHipotamusと申します。
迅速なコミュニケーションを心がけております。
まずはお気軽にご相談ください。

パッケージ内容について

■ベーシック
【静的下層ページ】 HTML/CSS 静的コーディング

■スタンダード
【静的トップページ／LP】 HTML/CSS 静的コーディング

■プレミアム
【静的 トップページ+下層2ページ】 HTML/CSS静的コーディング

各プラン料金に含まれるもの

・ 静的コーディング
・レスポンシブ対応
・スライダー、スワイパー、アコーディオン、ハンバーガーメニューなど、基本的なアニメーション実装

対象ブラウザについて

■パソコン（Mac）
Chrome、Safari 各最新版

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

納品までの流れ

①ご相談／お見積もりの提出
構成などのすり合わせをさせていただき、お見積りをご提示させていただきます。
お見積りに問題がございませんでしたら、仮払いをお願いいたします。

②デザインカンプや素材等のご提供
デザインデータをご提供お願いいたします。
Photoshop、Figmaが対応可能です。
※その他形式についてはご相談ください。

③制作開始

④テストアップ
こちらでご用意するテスト環境にて、表示・動作の確認をお願いいいたします
修正は原則2回までとさせていただきます。
※こちらの不備によるものは別途となります。

⑥最終確認後に納品
Zipの形で納品、もしくはお客様のサーバーにアップさせていただきます。

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

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

【概要】

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

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

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

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

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

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

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

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

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

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

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

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

■提供可能なこと

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

■制作内容の詳細

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

■ご予算について

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

■購入の流れ

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

■私について

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

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

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

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

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

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

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

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

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

「デザインカンプは作れるので、サイトにして欲しい！」
そんなご希望におこたえいたします。

ECサイト（静的な部分）・LP・コーポレートサイトなどに対応しております。
HTML / CSS / JavaScriptでウェブサイトを構築いたします。

ページの長さ、文字や画像の量などをお知らせいただけましたら
ご予算にあわせてお見積りいたします。

数あるサービスからこちらのサービスをご覧いただきまして、ありがとうございます。

このようなお悩みをお持ちの方はございませんか？

・複雑なアニメーションを実装できる人がいない
・デザインはできるけどコーディングが苦手なデザイナーの方
・コーディングだけ外注したいデザイナーの方
・コーダーのパートナーを探しているデザイナー
・社内でコーディングできる人が少ない
・社内のリソースが足りていない
・初心者の人にお願いするのは怖いから実務経験のある方にお願いしたい

全てお任せください！！

・コーダーの経験年数3年で本場の制作会社でのコーディング経験あります
・どの画面幅でも崩れないデザインを意識してコーディングを徹底意識して作業しております
・コーディングと複雑なアニメーションの実装も同時にお請け可能です


※こちらのサービスは小規模な1ページサイトから30ページ前後の中規模サイトまで対応しています。

■サービス内容

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

・jQuery/JavaScriptの実装
・GSAPを使用したリッチなアニメーションの実装
(WebGLを使用したアニメーションはご相談ください)
・CSSアニメーション

・WordPressの実装(オリジナルテーマ制作)
・お問い合わせフォーム実装
・gulp・webpackの環境構築（ソースコードのお渡しも可能です。）
・gitでのコード管理

■基本料金の内訳
・jQuery/JavaScriptの実装(無料JavaScript一覧内のもの)

・レスポンシブ対応(タブレット・スマホ込み)

・画像圧縮による表示速度最適化(Webp対応あり)

・SEO対策(metaタグ、画像に適切なalt、文書構造に適した適切なHTMLタグなど)
・BEMをベースとした長期メンテナンスしやすいCSS設計
・テスト環境のご用意
・修正無料

■無料JavaScript実装一覧
・簡単なスクロールアニメーション

・ハンバーガーメニュー

・アコーディオンメニュー

・カルーセル/スライダー

・モーダルウィンドウ

・スムーススクロール

・タブ切り替えなど、webサイトでよく実装されている動き。

■基本的な納期｜デザイン、ボリュームにより変動いたします。

・トップページ：2～3日

・下層ページ：1日～


※デザインデータを受け取った翌日からの日数になります。

■納品までの流れ
ヒアリング

↓

デザインデータお預かり

↓

コーディング

↓

テストアップ（ご確認・修正）

↓

納品（zipファイル送付、またはFTPでレンタルサーバーへアップロード）

■ブラウザ・端末確認一覧

・Google Chrome　Mac/Windows/iPad/iPhone/Android

・FireFox、Microsoft Edge　Mac/Windows

・Safari　Mac/iPad/iPhone


各ブラウザ・実機で検証を行い、表示が崩れないようにしてお渡しいたします。

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

最後に

私自身、制作会社にて外注を何度も経験してきました。
だからこそ、外注者とって選ぶポイントであるコミュニケーションの大切さと柔軟さを
他のフリーランスの方々よりも理解しており、誰よりも意識して活動をしております。

まずは一度お問い合わせくださいませ。

出品ページをご覧いただきありがとうございます！

業界歴10年のフロントエンジニアが、HTML・CSSのコーディングを行います。
静的なコーディングだけでなく、WordPressを用いたサイト構築も対応可能です。

既存ページの一部から、下層ページ1Pだけでも承ります！

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

■価格表
▔▔▔▔▔▔▔▔▔▔▔▔
【コーディング】
・トップページ：30,000円～ / 1ページ
・下層ページ：10,000円～ / 1ページ

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

・カスタム投稿追加：20,000円～
(Smart Custom Fields または、Advanced Custom Fieldsを利用)

【その他】
問い合わせフォーム設置：10,000円～
アニメーション / JavaScript・jQueryの実装：10,000円～

<無料オプション>
・レスポンシブ対応
・スライダー機能（slick、bxSlider等の一般的なもの）
・WordPressプラグイン追加

■ご予算について
▔▔▔▔▔▔▔▔▔▔▔▔
記載の金額はあくまで、下限の単価となります。
ページ数、デザイン内容に応じて単価は変動いたします。

■納品までの流れ
▔▔▔▔▔▔▔▔▔▔▔▔
１）ご依頼内容の詳細をお聞かせください
↓
２）依頼内容の確認や検証を経て「見積り」いたします。
納品日の目安も合わせてお伝えいたします。
↓
３）ご納得いただけましたら、ご発注をお願いします
↓
４）FTPにて「対応」かファイルでの「提出」をおこないます。
↓
５）成果物を提出し確認後「納品」となります。

ご不明点がありましたら、お気軽にご連絡くださいませ。
原則24時間以内にご返信いたします。

■注意事項
▔▔▔▔▔▔▔▔▔▔▔▔
「見積もり・カスタマイズ相談」の際は必ず、FIXデザインをご準備ください。
FIXデザインのご準備がまだの方は、まずメッセージにてご連絡ください。

■最後に
▔▔▔▔▔▔▔▔▔▔▔▔
同じレイアウトページや、コンテンツ量の少ないページ等、
ご依頼内容や、ご予算に合わせて柔軟に対応させて頂きます。
まずは、お気軽にご連絡ください！
購入にあたってのお願い
■見積もりには下記の情報が、必須となります。
・デザインデータまたは、事前にデザインの確認できるもの
対応可能形式：jpg等の画像データ・PSD・AI・XD
※AIデータの際は、バージョンCS6のアウトラインデータでお願い致します。

■以下をご準備頂くとスムーズに進みます。
・ご依頼内容
・コーディングページ数
・希望納期
・ご予算
・WordPressの有無
・FTP情報
・WordPressログイン情報

※以下の内容をご了承の上、ご購入ください。
・構築開始前には、必ずカンプのデザインデータをご用意ください。
・サイト構築開始後の仕様やデザインの変更、は別途費用となります。
・納品後の仕様や処理の変更、追加は対応できません。（別途費用にて対応可）

数多くのサービスの中からご覧いただきありがとうございます！
□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□
CSS設計（BEM設計）を意識した綺麗なコーディング代行承ります
□■━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━■□

私自身、過去、コーディングを依頼した時に、
レスポンシブ対応がうまくできていなかったり、ロゴがずれていたり、
何度もやり取りした経験がございます。
そして何度も、修正依頼したためにプロジェクトの納期に
間に合わせることが難しくなってしまいました。

私は以下をお約束いたします。

◎進捗報告
→工程表を作成し、一目で進捗がわかるよう報告します。
◎チェックリストでの品質管理
→こちらを使用してチェックします。
◎こまめな報連相
→コーディング完了までに画像や文章が揃わない場合には、ご報告・ご提案いたします。
◎コーディング完了後の報告書の作成
→ピクセルパーフェクトでデザインを再現しますが、どうしてもデザインを実現出来ない時は、
コメントと一緒に報告書にまとめて報告します。

《ご用意いただく素材について》
デザインカンプ（Figma/Adobe Xd/Illustrator/Photoshop）

ご興味を持っていただけましたらDMでも結構ですのでご相談ください。

本サービスをご覧いただきありがとうございます！

【デザイナー様・制作会社様】コーダー不足でお困りではないですか？

元WEB制作会社勤務のコーダーが、そのお悩み解決いたします！

■直近でのお仕事(7月)
・アパレルブランド新作コレクションLP×4P
・歯科クリニック様コーポレートサイト(WordPresss)
・アパレルブランドコーポレートサイト新規ページ追加

これまでも数多くのコーディングを行ってきた経験から、
納品前のチェックなど必要項目を把握しています。
自身をもって納品させていただきます！

■流れ
①ヒアリング（チャット・オンラインなど柔軟にご対応）
②お見積り提出
③ご購入
④デザインデータのご入稿(Ai,Photoshop,XD)
⑤制作開始
⑥テストアップ
⑦ご確認・修正対応
⑧納品

※レンタルサーバー・ドメインのご準備もお困りでしたら、ご相談ください。

■料金に含まれているもの
・HTML/SCSS
・CSSアニメーション
・jQuery
・Wordpress(プランによります)
・レスポンシブ対応
・お問い合わせフォーム
・画像圧縮（画像軽量化）
・テストアップ後の修正

■納期
デザインやアニメーション、ページ数で変動いたします。
正式な納品日は、デザインデータのご確認後にお伝えさせて頂きます。
なるべく柔軟にご対応いたします。

※目安
LP　4日～6日
HP　TOPページ　4日
下層ページ　1日～2日/1ページ

ホームページ・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. 最終確認・納品

⸻

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

⸻

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

HP・LPのデザインデータから、HTML/CSS、JavaScriptを用いたコーディングを行います。
特別なご希望がなければ、PC・スマホの2デザインを頂戴し、リキッドレイアウトで対応します。

＊＊＊＊＊

【サービス内容】
・完成されたデザインデータを元にしたコーディング
（HTML/CSS、JavaScript）
・フェードイン、スライドショー、ハンバーガーメニュー（スマホ時）など、基本的なアニメーションに対応
・レスポンシブ対応
・テスト環境による動作確認

【納品形式】
Zipファイル
（HTML、CSS、JavaScript、画像等をフォルダにまとめ圧縮したもの）

【ご準備いただくもの】
・完成されたサイトデザインデータ
（Figma、PhotoShop、Illustrator、XDを想定しています。）
※テキスト、画像もご用意をお願いいたします。

【納期】
1週間〜
※作業ボリュームによって変動します。
※こまめにやりとりを行いながら進めてまいります。
スムーズな納品のために、お早めの返信にご協力ください。

【修正回数】
無制限
ご納得いただけるまで対応いたします！

【こんな方にオススメ!!】
・コーディングパートナーが欲しいデザイナーの方
・リソース不足でコーディングを依頼したい方

【制作の流れ】

1. まずはお気軽にご相談ください。
   ご相談の際、デザインデータをご提供いただけますと助かります。

2. ご相談内容、デザインデータをもとに、さらに詳細な制作内容をヒアリングいたします。
   ヒアリング後、お客様と当方で制作内容・価格・納期などの合意が得られ次第、正式に商品を購入いただきます。

3. コーディングを行います。
   進捗は随時報告いたします。
   修正は無制限ですので、ご納得いただけるまで修正内容をご指示ください。

Webディレクター様、制作会社様の外注先としてご活用ください
ご訪問いただきありがとうございます。
コーディング代行いたします。

●サービス内容

• LP１ページのコーディング（スタンダード・プレミアム）
• JavaScript（jQuery）を用いたアニメーションの実装も可能です
• （ホバーアクションやスライダー、スクロールアニメーションなど）
• レスポンシブ対応は料金に含まれております
• 表示確認はWindows(Google Chrome、Edge)タブレット(iPad)スマホ(iPhone)で行います

●料金

• 既存ページのカスタマイズ・修正、追加セクションなど10,000円
• 基本料金38,000円
• ボリューム多い場合など、プレミアム料金55,000円になります

●ご用意いただくもの

• デザインカンプ　→ファイル形式はFigma・XD・Photoshopなど
• サイト内の原稿　→コピペできる形でお願いします
• 画像素材

●納品

• html・css・jsファイルをzipでまとめて納品となります
• サーバーへのアップロード作業も可能です

●アフターフォロー（納品後２週間以内）

• 不具合があれば無料で修正させていただきます

●実績

一部ご紹介します。

相続空き家の相談窓口
https://xn--w8j880g6idz3k645ajkcv1i30g.jp/
Dクリニック東京PLUS
https://www.menshealth-tokyo.com/skincare/prp/
https://www.menshealth-tokyo.com/skincare/kumatori/
https://www.menshealth-tokyo.com/skincare/dissolution/
https://www.menshealth-tokyo.com/skincare/threadlift/

URLをコピペしてご確認ください。

●その他

WordPress構築、デザインからの制作も可能です。
メッセージからご相談ください。

♢ 対応サービス
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応
・動きのあるデザインの実装(CSSアニメーション、JavaScript / jQueryで実装)

♢ 制作の流れ
1.ヒアリング / お見積り
　- お気軽にご相談ください。
2.お客様よりデザインデータのご提供
3.コーディング
4.ご確認・修正
　- 確認していただいた後、修正・追加作業があれば行います。
　（3回まで無料にて対応いたします。）
5.最終確認・納品

♢ 納期について
デザインデータ受け取り後からの日数です。
ご希望の納期がございます場合はご相談ください。

♦ ご相談・お見積りのみでも大丈夫です。まずはお気軽にご相談ください。

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

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

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

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

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

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

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

Webコーダーをお探しの方必見！ ホームページ・ランディングページのコーディングを代行します。

マークアップエンジニアとして10年以上の経験を活かして、HTML5とCSS3の仕様に準拠し、SEOとアクセシビリティに配慮した高品質なコーディングをご提供いたします。

• デザインはあるけどコーディングはお願いしたい
• デザインをきちんと再現してくれるコーダーを探している
• JavaScriptでサイトに簡単なインタラクションを加えたい

など、ホームページ・ランディングページのWebコーダーをお探しの方はぜひご検討ください。

【パッケージ内容について】
■ベーシック
下層ページの静的コーディング1P（デザインカンプ 縦 3000px 前後まで）、既存ページの一部修正など、まずはお試しでご利用いただく方におすすめです。

■スタンダード
トップページの静的コーディング、LPのコーディングもこちらから。（デザインカンプ 縦 6000px 前後まで）

■プレミアム
トップページの静的コーディング+下層ページ3Pまで。

【各プラン料金に含まれるもの】

• レスポンシブ対応（PC / SP）
• JavaScript（jQuery）を使った簡単なインタラクションの実装
• 画像の圧縮
• 表示確認・品質チェック（W3C Validation Service）

【オプション料金で対応可能なもの】

• WordPress構築
• お問合せフォームの実装（WordPressプラグインで対応）
• ブレイクポイントの追加（タブレット用など）
• JavaScript（jQuery）を使った複雑な動きの実装
• 下層ページの追加
• IE11表示対応

【JavaScript（jQuery）について】
一般的なプラグイン等で提供できる機能であれば各プラン料金内で対応可能です。

例：

• スライダー
• カルーセル
• スムーズスクロール（ページ内リンク、ページ先頭へ戻るボタン など）
• タブ切り替え
• ハンバーガーメニュー
• ヘッダー固定

ほか

オリジナルで複雑な動きを実装したい場合は、事前にご相談ください。

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

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

メーカーサポートの終了したIE11は、オプション料金での対応となりますのでご了承ください。

【ブレイクポイントについて】
ブレイクポイント（デザインが切り替わるポイント）は1箇所まで無料で対応可能です。
PC用とスマートフォン用のデザインデータをご提供ください。

タブレット用など、上記以外の画面サイズにも対応させる場合は、オプション料金での対応となりますのでご了承ください。

【納品形式について】
原則としてデータ納品（ファイル一式を zip 圧縮したもの）になりますが、サーバーへのアップロードにも対応可能です。
その場合は FTP 情報をお知らせください。

【購入の流れ】
「見積もり・カスタマイズの相談に進む」より、ご依頼の内容を詳しくお聞かせください。
　　　↓
デザインや納期などを確認させていただき、こちらから見積りを提出いたします。
　　　↓
見積り、納期などに問題なければ、仮払い手続きをお願いいたします。
同時にデザインデータなど、コーディングに必要なデータをご提供ください。
　　　↓
コーディング開始
　　　↓
テストアップ・修正対応
テスト環境にページをアップしますので、ご確認をお願いいたします。

修正回数の制限は設けていませんが、この段階でデザイン変更が発生する場合、追加料金が必要になる場合がございますのでご注意ください。
　　　↓
最終確認・納品
修正箇所も含めて最終確認が終わり次第、納品となります。

【営業時間について】
10:00〜19:00（土日祝を除く）

【納期について】
記載の納期は、仮入金およびデザインデータのご入稿後から着手した場合に必要な営業日の目安です。
状況によっては記載の納期で対応できない場合もございますので、お急ぎの方は購入前にお問い合わせください。