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

LP一括制作（デザイン➕コーディング）希望の方は下記パッケージでお願いします。
（デザイン＋コーディング）
https://www.lancers.jp/menu/detail/1300993

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

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

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

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

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

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

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

作業内容（下記内容はパッケージ料金に含まれております）

・レスポンシブコーディング
・お問合せフォーム実装
・WordPress化（オリジナルテーマ、カスタムフィールド等も対応可）
・ローディングアニメーション、 スムーススクロール、スライダー、ハンバーガーメニュー、アコーディオン、モーダル等対応

サービスの特徴

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

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

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

価格

⚫︎LPコーディング：35,178円（税込）
※長さによって変動いたします。
提示料金は10,000px以内

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

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

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

制作の流れ

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

制作会社様・デザイナー様向けに
高品質なコーディングを代行しております。

デザインの再現度を重視し、
1440px・1920pxでも違和感のない実装を行います。

▼このようなお悩みありませんか？
・コーディングリソースが足りない
・デザイン通りに再現できる人に任せたい
・修正しやすい状態で納品してほしい

→ 上記すべて対応可能です。

【強み】
・1440px / 1920pxでもデザイン崩れなし
・BEM / FLOCSSで保守しやすい設計
・WordPress（SWELL）カスタマイズ対応
・軽微な修正も柔軟に対応

【お手伝いできること】
・HTML / CSSを使ったコーディング
・JavaScript / jQueryを使ったアニメーション実装
・保守・運用しやすいCSS設計
・WordPressの導入・構築・改修

小さな修正から新規サイト制作まで幅広く対応可能です。

【制作内容】
・静的コーディング（1ページ〜）
・レスポンシブ対応
・アニメーション実装（スムーススクロール / アコーディオン等）
・お問い合わせフォーム実装
・WordPress化（別途お見積もり）

【料金目安】
・LPコーディング：60,000円〜
・下層ページ：10,000円〜
・WordPress化：+20,000円〜

※内容により変動いたしますので、お気軽にご相談ください。

【こんな方におすすめ】
・制作会社様
・デザイナー様
・コーディングを外注したい方

【ご依頼の流れ】
①「見積もり・カスタマイズの相談」よりご連絡ください
②内容確認後、お見積もりをご提示
③ご契約後、作業開始
④初稿提出 → 修正対応
⑤納品（データ納品 / サーバーアップ可）

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

TOPページ/下層ページ、LP、HTMLメールなどデザイン通りにコーディングします！

◾️提供可能な内容


• HTML・CSSの静的コーディング
• アニメーション、動作コントロール
• お問い合わせフォーム
• WordPressの構築
• 運用管理
• 環境設定
• テスト環境の構築
• SEO対策

◾️基本料金内


• HTML・CSSの静的コーディング
• CSSアニメーション（「ふわっと表示」のような基本的な動作）
• jQuery/JavaScript（メインビジュアルのスライダやメニューボタン・CSSアニメーションのコントロールなど一般的な動作）
• スマホ最適化（レスポンシブ対応）
• SEO対策（原則に沿ったコーディング）
• 修正対応（不備等、本アップまで対応可能）

◾️オプション


• 運用管理（サーバー/ドメイン契約、継続的な管理）
• 環境設定（サーバー設定、SSL、セキュリティその他）
• テスト環境（本アップと別で構築）
• お問い合わせフォーム（入力フォーム+サンクスページ）
• アニメーション（高度な動作）
• WordPress構築（オリジナルテーマ制作 / カスタマイズ）
• WordPress更新マニュアル

◾️納期

（お急ぎではない場合）正式なご発注後1週間
特急（LPで翌日など）可能です！お急ぎの場合はお知らせください。

◾️金額について

金額・納期はボリュームやページ数などで変動いたします。
要件に沿ってお見積りさせていただきます！
まずはお気軽にお問い合わせください。
ご安心いただけるよう、密なコミュニケーションをこころがけております。

2025 Top 100 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秒程の短いメッセージ動画が再生されます。
よろしければ御覧ください。

コーディングだけでなく、SEO内部対策まで組み込んで納品いたします。
見出し構造・構造化データ・表示速度まで考えたHTMLですので、
貴社のクライアント様への納品時に「SEO対策済み」を付加価値にすることが可能です。

制作会社様・デザイナー様の外注先として116件以上の実績がございます。

■ このパッケージについて

以下の内容が標準搭載されています。

・見出し階層（h1〜h6）の適切な設計
・構造化データ（JSON-LD）のマークアップ
・meta / OGP / canonical の設定
・画像の alt・WebP変換・遅延読み込み
・Core Web Vitals を意識したパフォーマンス最適化
・セマンティックHTMLによる検索エンジン最適化

よくある「divで全部囲んで見た目だけ合わせる」実装はいたしません。
検索エンジンに正しく読まれるHTMLを組みます。

■ SEOの実績

・クリニックサイト：検索順位 14位→2位、予約遷移率 4.9%UP
・地方×サウナ：地域キーワードで検索2位
・キャットフードEC：購入率 0.3%→2.9%

■ このような方におすすめです

・クライアントから「SEOもお願い」と言われたが、対応しきれない
・コーディングのリソースが足りず、品質の安定した外注先を探している
・アニメーション実装ができるコーダーが見つからない
・WordPress / Shopify へのCMS化までセットで頼みたい

■ 対応範囲

【コーディング】
・HTML / CSS レスポンシブコーディング
・JavaScript による動的機能の実装
・GSAP・SVGアニメーション・視差効果

【CMS構築】
・WordPress（オリジナルテーマ / カスタムフィールド対応）
・Shopify（Liquidによるオリジナルテーマ制作）

【標準対応】
・SEO内部対策（構造化データ / meta / OGP）
・お問い合わせフォーム（CF7 / MW WP Form / PHP工房）
・Favicon / 画像最適化（WebP）
・テスト環境構築、主要ブラウザ・デバイスでの表示検証

■ 対応データ

Figma / XD / Photoshop / Illustrator など

■ 納品までの流れ
① ヒアリング（オンラインMTGで要件確認）
② お見積り・ご契約
③ テストアップ（当方テストサーバーで動作確認）
④ 納品（サーバーアップロード or データ納品）

まずはカンプをご共有いただければ、概算をお出しいたします。
お気軽にご相談いただけますと幸いです。

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

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

など、必要な時に十分なスキルでコーディング対応致します。

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

レスポンシブ対応については、PC用デザインのみでも対応が可能です。
※レスポンシブ後の構成はおまかせいただきます。

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

★ 対応可能なデザインデータ ★
・Figma、XD、Photoshop、Illustratorのいずれか

★ 依頼から納品までの流れ ★
ご依頼（仮払い）・デザインデータのご支給
　↓
コーディング開始
　↓
テストサイトへアップし確認（必要な場合は修正対応）
※テストサイトは当方にて準備しますが、クライアント様にてご準備される場合はそちらで対応させていただきます。
　↓
納品

★ webサイトでよく使用される動きをつけるものは、基本料金内で対応します ★
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

《オプション料金にて対応可能》
・メールフォームの実装（PHP組み込みなど）

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

★ 動作確認ブラウザ★
各ブラウザのOS最新バージョン
※最新以外のバージョンは動作保証できかねます。必要な場合は個別にご相談ください。

★ 納品形式★
・zipファイル送付
・ご指定のサーバーにアップロード

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

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

制作会社様からのご依頼を中心に、デザインカンプを忠実に再現した高品質なコーディングをご提供しております。

========

【　こんな方におすすめ　】

・コーディングのリソースが足りない制作会社様
・デザインはできるが実装が苦手なデザイナー様
・WordPress化まで対応できる外注先を探している方
・案件過多で手が回らないコーダー様

========

【　制作内容　】

・HTML / CSS / JavaScriptを用いたコーディング
・レスポンシブ対応
・WordPress構築（オリジナルテーマ）

========

【　制作の流れ　】

① ヒアリング・お見積もり
↓
② デザインデータ（Figma / PSD / AI / XD）をご共有いただき制作開始
↓
③ トップページ実装 → ご確認
↓
④ 下層ページ制作（進捗ごとにご報告）
↓
⑤ テスト環境にて全体確認
↓
⑥ 修正対応 → 最終確認
↓
⑦ 納品（zip またはサーバーアップロード）

※サーバー納品の場合はFTP情報をご共有ください
※WordPress案件は以下のセキュリティ対策を実施可能です
・SiteGuard
・Google reCAPTCHA v3

========

【　料金　】

トップページ（レスポンシブ・WordPress化込み）
44,000円〜

※アニメーション・複雑な機能は別途お見積もり

========

【　対応環境　】

PC：Chrome / Safari / Firefox / Edge（※一部擬似環境）
スマートフォン：Chrome / Safari / Firefox / Edge

========

【　当サービスの強み　】

・制作会社案件の経験を活かし、デザインを正確に再現
・独自のチェックシートによる品質管理
・スムーズなコミュニケーションで認識のズレを防止
・土日対応可能で柔軟なスケジュール調整

========

ご相談・お見積もりは無料です。
まずはお気軽にご連絡ください。

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

当サービスはHTMLやWordPress（ワードプレス）で制作されたサイトの部分コーディングを承っております。
現在、新規サイトのフルコーディングはお受けしておりません。
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄

▨ WordPressサイトの修正・カスタマイズ・不具合はこちらからご相談ください。
・https://www.lancers.jp/menu/detail/1277304

▨WordPressサイトの保守管理・更新代行はこちらからご相談ください。
・https://www.lancers.jp/menu/detail/1299407
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄

▨対応内容

• HTML / CSSの修正、コーディング
• WordPressのコーディング
• レスポンシブ対応
• 既存デザインでのページの複製
• ページの追加
• 機能の追加
  など、記載以外のご依頼もお受けしております。

▨ 基本料金

• スポット修正（単発）5,000円〜
• ページ追加 10,000円〜

♦内容・作業量によりお見積りいたします。
まずはご相談ください。

▨ 納期目安

• 軽微な修正：当日〜2営業日
• ページ調整：2〜4営業日
  ※内容・ボリュームにより前後します

▨ このようなお悩みの方におすすめ

• 忙しくて更新が後回しになっている方
• すぐ直したい箇所がある
• 毎回制作会社に頼むほどではない作業をお願いしたい

⌇ブラウザ・端末確認一覧
┈Google Chrome　Mac/Windows/iPad/iPhone/Android
┈FireFox、Microsoft Edge　Mac/Windows
┈Safari　Mac/iPad/iPhone
　主要ブラウザ・スマートフォンで表示確認を行いお渡しします。

ご満足いただけるよう、責任をもって対応させていただきます。
お気軽にご相談ください。

パッケージをご覧くださりありがとうございます。
こちらはWebサイトのコーディングを代行するサービスです。

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

• 案件が重なり、外注先のコーダーをお探しの制作会社様
• コーダーのパートナーをお探しのデザイナー様、ディレクター様

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

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

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

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

◆ 納期

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

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

• Figma
• XD
• Photoshop

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

◆ 既存サイトへの直接作業について

現在、新規コーディングのみを対象としております。
そのため、既存サイトをこちらで直接修正・変更・追加する作業には対応しておりません。
既存サイトへ反映する場合は、こちらで納品したソースコード一式をお客様ご自身でご対応いただく形をお願いしております。

◆ 納品までの流れ

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

◆ お見積り参考例

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

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

参考価格：55,000円

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

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

参考価格：183,000円

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

ご覧いただきありがとうございます。
Webコーダーのヒダカと申します。

静的サイト（LP・企業サイト）を中心に、
デザイン再現度・表示速度・修正しやすさを意識したコーディングを行っております。

■ サービス内容
・HTML / CSS / JavaScript による静的コーディング
・PC / スマホ / タブレット対応（レスポンシブ）
・SCSSを用いた保守性の高い設計
・JavaScriptによるアニメーション実装
（ハンバーガーメニュー／スライダー／フェードイン等）
・WordPress組み込み対応（既存テーマ流し込み／オリジナルテーマ化）
・既存サイトの修正／調整
※デザインデータ（Figma / XD / Photoshop など）からの実装に対応しております。

■ WordPress対応について
・静的HTMLからのWordPress化
・固定ページ／投稿機能実装
・カスタム投稿タイプ対応
・既存テーマへの流し込み
・表示崩れ修正
※大規模開発やフルスクラッチ開発は別途ご相談ください。

■ 料金目安（レスポンシブ込み）
・LPコーディング：25,000円〜
・トップページ：20,000円〜
・下層ページ：8,000円〜（1ページ）
・アニメーション実装：3,000円〜
・WordPress化：応相談
※ボリュームによりお見積りいたします。

■ 納品までの流れ
ご相談・お見積り
↓
デザインデータ共有
↓
コーディング
↓
ご確認・修正
↓
納品（Zip または サーバーアップロード）

■ こんな方におすすめ
・デザイン通りに正確に再現してほしい
・低コストでLPを制作したい
・WordPressに組み込みたい
・修正に柔軟に対応してほしい

丁寧なコミュニケーションと責任ある対応を心がけています。
まずはお気軽にご相談ください。

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

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

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

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

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

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

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

■当サービスの特徴

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

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

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

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

■ご契約後の流れ

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

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

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

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

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

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

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

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

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

お持ちのデザインデータをWEBサイトにコーディングします。

HTML・CSS・JavaScript・jQueryを使ってコーディングします。

• 社内にコーディングスタッフがおられない場合
• ご多忙でコーディングの時間が取れない場合
• デザインデータだけ手元にある場合
  など、ぜひお役に立てましたら幸いです。

test環境をお持ちでないお客様には、こちらのサーバーでテストアップします。

サーバーやドメインの取得についても、ご相談に乗ります。

サイト修正のご希望は、柔軟に対応させていただきます。

1ページ、5ページ、10ページのプランですが、実際のページ数に合わせてお見積りします。ページ数が少ない場合は減額いたします。

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に対応しております。それ以外の場合は事前にご相談ください。
・有料フォントを使用されている場合、読み込みタグやデータをご共有ください。

こんな方へおすすめ
✅ 短期間でWebサイトやアプリを構築したい方
✅ HTML/CSSのコーディングをスムーズに依頼したい方
✅ JavaScriptでインタラクティブな機能を追加したい方
✅ WordPressサイトの構築・カスタマイズを検討している方
✅ 追加ページの作成を依頼し、サイトを拡張したい方
✅ デザインも合わせて簡単な調整をしてほしい方（オプション）

ご提供内容
📌 HTML/CSS コーディング（レスポンシブ対応・LP制作）
📌 JavaScript開発・機能追加（動的要素・API連携）
📌 WordPressサイト構築・カスタマイズ（テーマ調整・設定代行）
📌 追加ページ制作（サービス紹介・問い合わせページなど）
📌 デザイン制作（シンプルなレイアウト調整）
ご希望に合わせて柔軟に対応可能！理想のサイトを形にします。

購入後の流れ
1️⃣ ご依頼内容の確認（仕様書・要件ヒアリング）
2️⃣ 初回実装＆レビュー（動作確認・方向性調整）
3️⃣ 修正・調整対応（フィードバックを反映）
4️⃣ 納品＆コード提出（ZIPファイル形式）

作業途中でも適宜確認を行い、ご希望に沿った仕上がりを目指します！

製作可能なジャンル
💻 コーポレートサイト（企業向けWebサイト）
📱 ランディングページ（キャンペーン・イベント向け）
🎨 その他カスタム機能の開発（オリジナル仕様に対応）

納期
⌛ HTML/CSS コーディング：3～5日
📂 JavaScript機能追加：5～7日
📌 WordPressサイト構築：7～10日
🌍 追加ページ制作：2～4日（1ページあたり）
🎨 デザイン制作（オプション）：3～5日
納期の調整も可能ですので、お急ぎの方はご相談ください！

コーポレートサイトやLP（ランディングページ）の
HTML・CSSコーディングを承ります。

デザインを正確に再現するのはもちろん、
コードのメンテナンス性や見やすさも考慮し、
作業させていただきます。

制作に関するご相談やお見積りは無料です。
メッセージよりお気軽にご連絡ください。

■ パッケージの特徴
1.Illustrator・Photoshopデータのコーディングもお任せください
Illustrator(.ai)形式、Photoshop（.psd）形式からの
コーディングも安心してお任せ下さい。

2.既存プロジェクトの引き継ぎも対応可能です
既存データを引き継ぎ、作業を進めることも可能です。

3.PCデザインのみでも、スマホ最適化まで対応
PC版のデザインしかないといった場合でも、
最適なレスポンシブデザインに調整し、実装が可能です。

■ 標準対応
1.マルチデバイス対応
PC、スマートフォン、タブレットの各デバイスに
最適化されたコーディングを提供いたします。

2.標準で実装可能なインタラクション
スライダー、ハンバーガーメニュー、スムーススクロールのJavaScript（jQuery）、
ボタンhover時のインタラクションの実装はプランの費用内に含まれます。

3.ブラウザチェック
主要ブラウザ（Google Chrome / Mozilla Firefox / Safari / Microsoft Edge）の
最新バージョンにて表示・動作確認を行います。

■ 費用
・ランディングページ（1ページ）：40,000円〜
・トップページ（1ページ）：35,000円〜
・下層ページ（1ページ）：10,000円〜

※制作内容やボリュームにより費用が変動するため、まずはお気軽にご相談ください。
詳細を確認させていただいた上、お見積りさせていただきます。
※サイトの更新や修正なども対応可能です。

■ 入稿可能なデザインデータ
・Adobe Illustrator
・Adobe Photoshop
・Adobe XD
・Figma

■ 納品について
ZIPファイルでHTMLデータ一式をお送りいたします。
ご指定のテストサーバーへのアップロードも可能です。

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

1.お見積もり
2.仮払いのお手続き
3.デザインデータのご入稿
4.コーディング開始
5.コーディングデータの送付
6.検収・修正対応
7.納品完了

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

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

など、必要な時に十分なスキルでコーディング対応致します。

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

レスポンシブ対応については、PC用デザインのみでも対応が可能です。
※レスポンシブ後の構成はおまかせいただきます。

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

★ 対応可能なデザインデータ ★
・Figma、XD、Photoshop、Illustratorのいずれか

★ 依頼から納品までの流れ ★
ご依頼（仮払い）・デザインデータのご支給
　↓
コーディング開始
　↓
テストサイトへアップし確認（必要な場合は修正対応）
※テストサイトは当方にて準備しますが、クライアント様にてご準備される場合はそちらで対応させていただきます。
　↓
納品

★ webサイトでよく使用される動きをつけるものは、基本料金内で対応します ★
・スライダー、カルーセル
・アコーディオン
・タブメニュー
・ハンバーガーメニュー

《オプション料金にて対応可能》
・メールフォームの実装（PHP組み込みなど）

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

★ 動作確認ブラウザ★
各ブラウザのOS最新バージョン
※最新以外のバージョンは動作保証できかねます。必要な場合は個別にご相談ください。

★ 納品形式★
・zipファイル送付
・ご指定のサーバーにアップロード

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

デザインはできたけど、
「いざコーディングとなると、どこから手をつけていいかわからない」
「自分でやってみたけど、レイアウトが崩れて心が折れた…」

──そんなお悩みはありませんか?

本サービスでは、HTML/CSSの静的コーディングを、迅速かつ丁寧に代行いたします。
ホームページやランディングページなどの実装でお困りの方、どうか一度ご相談ください。

【提供内容】

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

・無料修正2回まで
・納品形式：Zipファイルで納品

※旧バージョン（HTML4など）には対応しておりません。
※ページの内容が長い／複雑な場合は 「カスタマイズ」 プランをご利用ください。

【納期目安】

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

※作業ボリュームや稼働状況により多少変動します。
どのプランが良いかわからない場合も、 「カスタマイズ」 をご選択いただければ柔軟に対応します。

「こんなことお願いしてもいいのかな？」
「そもそも、何をどう伝えればいいの？」

そんな不安もあるかもしれませんが、どうぞ気軽にご相談ください。
あなたの「困った」を、コーディングで解決します。

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

ご覧いただきありがとうございます。
安心してお取引いただけるよう、丁寧な対応を心掛けております。
当方では、デザインデータから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をご確認いただき、必要に応じて修正させていただきます。
⑤ご納品：お客様の希望に応じて納品させていただきます。

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

◾️提供内容

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

jQuery/JavaScriptの実装

CSSアニメーション

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

◾️基本料金内

jQuery/JavaScriptの実装

レスポンシブ対応

SEO対策

テスト環境
修正対応

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

◾️納期

トップページ：2～4日

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

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

制作済みのデザインを爆速(とても速く)でコーディングします。
パッケージプランに当てはまらない場合も、まずはお気軽にご連絡ください！
パッケージプランを踏襲する形でお見積もりさせていただきます。

■基本サービス
・HTML/CSSコーディング
・レスポンシブ対応
・おまかせスマホ対応
　※スマホ版デザインが無くてもPC版のデザインを踏襲してコーディング可能です。
・Javascriptを使用したアニメーション
・テスト環境用意
・指定のサーバーへのアップロード（必要に応じて対応させていただきます）
・納品後１週間の修正対応
・内部SEO対策

デザイナー/制作会社様向けに、経験豊富なエンジニアがWEBサイトのコーディングをします。

ご提供を受けたデザインから、HTML、CSS、JSなどのコーディングを行います。
ZIPファイル、Github、またはサーバーへ直接公開など、ご希望の形で納品いたします。

当方では、デザインを忠実に再現し、美しく正しいコードを心がけています。
・コーディングの外注先を探している方
・コーディングの質を重要視する方
・技術的に可能かどうか迷っている方
ぜひご相談ください。

【ご依頼・制作の流れ】

①打ち合わせ〜お見積り
ご依頼内容を伺います。
WEBサイトの概要、ページ数、スケジュール、ドメイン・サーバーの有無などお聞かせください。
サイトマップやワイヤーフレームがあるとスムーズです。

②デザインのご提供
デザインはフォトショップ、イラストレーター、XD、Figmaのいずれかでご提供ください。
・フォトショップの注意点
画像やイラストはスマートオブジェクトとして埋め込んでください。
・イラストレーターの注意点
WEB用の色空間(sRGB)、ピクセル寸法でお願いします。テキストはアウトライン前のものもご用意ください。
・その他
ご指定のフォントがある場合は、WEBフォントベンダー(Adobeフォント、Googleフォント、Type Square、Font Plus など)とフォント名をご指定ください。

PC用のデザインしかない場合でも、レスポンシブ対応はお任せでご依頼いただけます。

③コーディング開始
スケジュールに沿ってコーディングを行います。
ワードプレスの場合は、管理画面の構築〜オリジナルテーマの作成となります。

④プレビュー
プレビュー環境を用意し、ブラウザで本番同様にご確認いただけます。
＊プレビュー環境は、サーバーの有無やご依頼内容により最適なものを提供します。

⑤納品・公開
納品前にはW3Cのバリデーションチェックを行っております。
(基本No Errorで納品していますが、外部連携など場合によりWarningかinfoレベルは許容範囲とします。)
また、公開時の設定(アナリティクスやサーチコンソール)も無料で対応可能です。

【無料サービス】

・レスポンシブ対応(スマホメニューも含む)
・スライドやアニメーション(複雑ではないもの)
・W3Cバリデーションチェック
・公開時設定(アナリティクス、サーチコンソール)
・レンタルサーバーの設定、ドメインの設定など軽微なサーバー作業

【ワードプレスについて】

規模や複雑さにより、管理画面構築に工数がかかる場合がありますので、事前にご相談ください。

サービス内容

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】

HTML/CSSの修正・カスタマイズを丁寧に対応いたします。
既存サイトの「少し直したい」「ここを変更したい」といったご相談も歓迎です。

見た目の崩れやレイアウト調整など、
HTML/CSSで対応可能な修正を承ります。

一つひとつ慎重に確認しながら作業を進めているため、
内容によっては少しお時間をいただく場合がありますが、
その分、丁寧な作業と細かな確認を大切にしています。

小さな修正でも問題ありませんので、
お気軽にご相談ください。

対応可能な内容
・HTML/CSS修正
・レイアウト調整
・表示崩れの修正
・レスポンシブ対応
・デザイン微調整
・テキスト変更
・画像変更

対応の流れ
① ご相談・内容確認
② お見積り
③ 作業開始
④ ご確認・修正対応
⑤ 納品

ご相談時に教えていただきたいこと
・サイトURL
・修正箇所
・修正内容
・デザイン、修正後イメージ（あれば）

相談だけでも大歓迎です。
「ここを少し直したい」などの小さなご依頼もお気軽にご相談ください。

丁寧に対応させていただきます。どうぞよろしくお願いいたします。

ご覧いただきありがとうございます。
フリーランスとして「Studio」でコーディング（実装）を承っている濱崎と申します。

★デザイン制作後に実装まで手が回らないWebデザイナー様
★受注が多く実装部分は手伝ってほしいWeb制作会社様

など、Studip実装部分のみ代行してほしいという方向けのサービスです。
※デザインカンプ（Figmaのみ対応）はお客様にご用意いただきます

【サービス内容】
Studio実装のみ
・画像圧縮
・レスポンシブ対応
・CMS構築
・内部SEO設定
・アニメーション（出現時、ホバーなど）
・カルーセル
・アコーディオン
・Google mapの埋め込み
・SNSの埋め込み
・背景動画の設定　　など

【料金】
デザインによって変動します！

以下の場合は別途追加料金が発生します。
・CMS操作マニュアルの作成
・CMSの本記事入力
・デザイン確定後の大幅なデザイン変更
・デザインがないページの追加
・お急ぎ納品
など

【ご準備いただくもの】
・デザインデータ（URLでご共有いただきます）
・Studioのアカウント

【納期目安】
デザインやご依頼時期によって変動します。

【購入と制作の流れ】
①ご相談とお見積り
ご依頼の内容を詳しくお聞かせください。
お見積りさせていただきます。
↓
②ご購入
お見積り内容にご納得いただけましたらご購入ください。
↓
③制作準備
Studio内のプロジェクトへご招待していただき、各種素材をお送りください。
↓
④制作開始
↓
⑤プレビューでご確認
↓
⑥修正対応
↓
⑦正式納品

お気軽にご相談ください！丁寧に対応させていただきます。

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

〇作業内容

・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の静的ページのコーディング
・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 」としています。

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

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

宜しくお願い致します。

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

◆サービス内容

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

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

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

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

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

◆制作の流れ

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

◆納品方法

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

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営業日となります。（ベーシックプランの場合）

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

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

▼こんな方へオススメ
・テキストや画像を少しだけ修正したい方
・自分で触るのが不安な方
・軽微な崩れや表示不具合を直したい方
・コストを抑えて手軽に依頼したい方
・継続的に細かな更新を任せたい方

▼ご提供内容
・テキスト修正、画像差し替え
・HTML／CSSの軽微な修正
・レイアウトの簡単な調整
・リンク修正や簡単な機能調整

▼ご購入後の流れ
①ご相談・内容確認
②お見積もり提示
③ご購入
④作業開始
⑤ご確認・修正対応
⑥納品

▼制作可能なジャンル
・企業サイト
・店舗サイト
・LP（ランディングページ）
・ブログ／メディアサイト

▼料金プランやオプション
・軽微修正（1ページ）：3,000円〜
・複数箇所修正：内容に応じてお見積もり
・追加修正／大幅変更：別途対応可能

▼納期
・通常：2～14日程度
・内容により変動あり

デザインカンプをもとにHTML / CSSコーディングを行います。
LP（ランディングページ）やWebサイトのコーディング、既存ページのHTML・CSS修正などに対応しております。

制作会社にて15年以上コーディング業務に携わってきました。丁寧で崩れにくいコーディングを心がけています。

【対応内容】
・デザインカンプからのHTML / CSSコーディング
・LP（ランディングページ）コーディング
・既存サイトのHTML / CSS修正
・レスポンシブ対応

※制作内容・ページ数によりお見積りさせていただく場合があります。まずはお気軽にご相談ください。

デザインカンプ（FigmaやXD、画像ファイルなど）をもとに、HTML/CSS/JavaScriptでコーディングを行います。

【こんな方におすすめです】
・デザインは自分で用意しているので、コーディングだけ依頼したい
・レスポンシブ対応（スマホ・タブレット・PC）のサイトを作りたい
・納品後に自分で修正できるよう、読みやすいコードで書いてほしい

【対応内容】
・HTML/CSS（SCSS）によるコーディング
・JavaScript（アニメーション・スクロール演出・フォームバリデーションなど）
・レスポンシブデザイン対応（モバイルファースト）
・Figma・Adobe XD・画像ファイルからの再現
・コメント付きの読みやすいコードで納品

【納品物】
・HTML/CSS/JSファイル一式
・画像・フォントなどの素材ファイル
・簡単な修正方法のメモ（希望者のみ）

【制作の流れ】

1. ご依頼・ヒアリング（使用するデザインデータや要件を確認）
2. お見積もり・納期の確認
3. コーディング着手
4. 途中経過の共有（スタンダード・プレミアムプラン）
5. 修正対応（2回まで無料）
6. 最終納品

【修正について】
納品後2回までの修正は無料で対応します。大幅な仕様変更・デザイン変更は別途お見積もりとなります。

まずはお気軽にメッセージでご相談ください。要件が固まっていない段階でも、一緒に整理するところからお手伝いします。

【業務内容】
既存サイトのちょっとした修正・調整をスピード対応します。「制作会社に頼むほどではないけど自分では直せない」そんなお悩みをお気軽にご相談ください。

【主な実績】
・大手通信会社のWebサイト制作・運用
・楽天市場 インテリアカテゴリ上位ECサイトの構築・運用

【対応内容】
・HTML/CSSの修正・調整
・WordPressの修正・カスタマイズ
・レスポンシブ崩れの修正
・既存デザインでのページ追加
・軽微な機能追加

【対応デザインデータ】
Photoshop（PSD）/ Figma / 参考URL

【料金目安】
※内容・作業量によりお見積りいたします

【納期目安】
・軽微な修正：当日〜2営業日
・ページ調整：3〜5営業日
※内容・ボリュームにより前後します

【動作確認環境】
Chrome / Firefox / Safari / Edge（Mac・Windows・iPhone・Android）
まずはお気軽にご相談ください。

【業務内容】
ご用意いただいたデザインをもとに、きれいに動くHTML/CSSへコーディングします。PSD・Figmaのデザインデータのほか、参考URLからの制作も対応可能です。
レスポンシブ対応はもちろん、表示速度や保守性を意識したコーディングを心がけています。JavaScriptによるアニメーションやインタラクションの実装も対応可能です。また、納品後にWordPressへの組み込みをご希望の場合もそのままご依頼いただけます。納品後の微修正にも柔軟に対応しますのでお気軽にご相談ください。

【主な実績】
・大手通信会社のWebサイト制作・運用
・楽天市場 インテリアカテゴリ上位ECサイトの構築・運用
【対応デザインデータ】
Photoshop（PSD）/ Figma / 参考URL

【納品物】
HTMLファイル一式（zip形式）・テストサーバー確認済み
【オプション対応】
・JavaScriptアニメーション・インタラクション実装
・WordPressへの組み込み・テーマ化

【制作の流れ】
デザイン確認 → コーディング → テストサーバーアップロード → ご確認・修正 → 納品

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

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

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

そういったお困りごとに2025 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サイト制作を実現します。
まずはデザインデータやご希望内容をお知らせください。
最適な対応プランをご提案いたします。

デザインデータを渡すだけで、思い通りのWebページに仕上げます。
FigmaやXDからの忠実なコーディングはもちろん、レスポンシブ対応・
SEO対策・アニメーション実装まで一括対応。
「依頼してよかった」と感じていただける制作を心がけています。

お客様との丁寧なコミュニケーションを大切にし、「親切・共感・提案」
の姿勢で、修正対応や納期管理も責任を持って進めます。
初めての方もどうぞ安心してご相談ください。

【サービス内容】
・デザインデータからのHTML/CSSコーディング（静的ページ対応）
・JavaScriptによる動的実装（アニメーション、スライダーなど）
・HP・LPのWordPress化（別途オプション）
・GSAPなどを使ったアニメーション表現（プレミアム対応）

【料金に含まれる内容】
・HTML / CSS / JSコーディング
・レスポンシブ対応（PC / スマホ）
・修正対応（5回まで無料）

【納期について】
・目安：1週間〜
※ボリュームや機能に応じて柔軟に対応いたします。
※お急ぎの場合もご相談ください（オプションあり）。

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

【納品形式】
・ZIP形式での納品
・FTP情報をいただければ、アップロード代行も可能です

どうぞお気軽にご相談ください。心よりお待ちしております。

Web制作の現場を知り尽くしたエンジニアが、貴社の制作ラインをテクニカル面からバックアップします。単なる作業代行ではなく、運用を見据えたクリーンな実装を提供します。

■ 当サービスが選ばれる理由
1.ピクセルパーフェクトな再現
余白、フォント、行間などデザイナー様の意図を正確に形にします。

2.保守性の高いコード設計
BEM等の命名規則に基づいたCSSと、functions.phpを活用した独自実装。

3.ディレクション不要の安心感
仕様の行間を読み、レスポンシブ時の挙動やhover演出まで先回りして提案・実装します。

■ 対応可能な業務
・静的コーディング（HTML5 / CSS3 / Sass / JS）
・WordPress実装（独自テーマ作成、カスタム投稿・フィールド設計）
・内部SEO対応（構造化データ、表示速度高速化）
・PHPバージョンアップに伴うコード修正・保守

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

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

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

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

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

■ バックエンド開発

• PHP/WordPress
• Shopify実装

■ 開発環境

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

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

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

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

【制作フロー】

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

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

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

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

＼LMSサイトの「離脱率改善」と「講座購入率向上」を実現するUI最適化サービス／

海外製LMSを利用したオンライン講座サイトの「ブランド力強化」「コンバージョン改善」「SEO強化」に特化した改善サービスをご提供いたします。

当サービスでは、Thinkificなどの海外LMSプラットフォームをベースに構築されたサイトを対象に、テンプレート依存から脱却し、ブランド価値を最大化する独自UI・UX設計を行います。

「デザインは整っているのに売れない」「アクセスはあるのに購入されない」
このような課題の多くは、導線設計・表示速度・信頼性設計の不足が原因です。

単なるデザイン修正ではなく、
・ユーザー行動分析
・コンバージョン導線設計
・SEO内部最適化
・表示速度改善
までを包括的に実施し、“売れるLMS”へと改善いたします。

このような方におすすめのサービスです
・LMSで講座販売をしているが購入率が低い
・テンプレート感が強くブランドイメージが弱い
・離脱率が高く、トップページの改善をしたい
・海外LMSを使用しているがカスタマイズ方法が分からない
・SEO評価と検索流入を強化したい
・表示速度を改善してユーザー体験を向上させたい

本サービスの特徴

・LMSに特化したUI／UX改善設計
学習者心理と購買行動に基づいた導線設計を実施します。

・ブランド価値を高めるデザイン最適化
ブランドガイドラインに準拠した統一感のあるデザインを構築します。

・コンバージョン率を重視した構造設計
講座購入までの導線を最適化し、CV率向上を実現します。

・SEO内部対策の実装
検索エンジンに評価される構造へ改善します。

・表示速度の高速化
表示速度改善により離脱率低下とSEO評価向上を実現します。

改善対象ページの例

・トップページ
・講座一覧ページ
・講座詳細ページ
・講師プロフィールページ
・ランディングページ
・購入導線ページ

提供内容

・UI／UX改善設計
・既存LMSテーマのカスタムCSS設計
・レイアウトおよび構造改善
・ブランドデザイン適用
・購入導線最適化
・SEO内部対策
・構造化データ実装
・表示速度改善
・モバイル最適化

SEO・分析関連の設定

・構造化データの実装
・メタ情報最適化
・ページ構造最適化
・サイトマップ最適化
・Google Analytics・Search Console連携
・検索評価改善施策

表示速度改善内容

・不要CSS／JavaScript削減
・画像最適化
・読み込み処理最適化
・レンダリング高速化
・Lighthouseスコア改善

期待できる改善効果

・直帰率改善
・講座購入率向上
・SEO評価向上
・表示速度改善
・ブランド信頼性向上
・問い合わせ増加

完成後のサポート（無料）

納品後30日間

・軽微な修正対応
・運用改善アドバイス
・UI改善提案
・技術的なご質問対応

制作の流れ

1 : お問い合わせ・ご相談
2 : 現状分析・課題整理
3 : 改善方針のご提案
4 : お見積り・ご契約
5 : 設計・実装開始
6 : テスト・品質確認
7 : 公開・納品

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

LMSは「構築するだけ」では成果は出ません。
正しく改善することで、売上・ブランド価値・ユーザー体験は大きく向上します。

貴社のLMSを“成果の出るプラットフォーム”へ最適化いたします。
まずはお気軽にご相談ください。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Web制作会社で働く現役Webエンジニアの私が、コーディング代行を致します。
既存サイトの不具合などの小さなご依頼から、対応可能です！

「サービス詳細」
いただいたデザインカンプ(Figma/XD/Photoshop/イラレ)から、Webサイトコーディングをします。
SEO対策に有利な、コーディングを致します。
・HTML/CSSコーディング
・Wordpressサイト開発
・JavaScript,JQueryを使ったアニメーション実装
・Vue.jsを使ったモダンフロントエンド開発
・レスポンシブ対応
・お問い合わせフォーム実装(追加料金)
・既存サイトの不具合対応

「ちゃんと進捗管理ができて、連絡ができるエンジニアです。」
私は、「進捗管理」ができるエンジニアです。
ですので、エンジニアによくある、「進捗状況が把握しづらい。」と言ったことは、私の場合ございません。
進捗管理シートを使用し、コーディングを進めます。ですので、進捗状況がわからないと言ったことは起こらないと思います。
また、内部SEO対策を考え、コーディングを致します。

「私の強み」
・内部SEOを意識しコーディング
・進捗確認 / 修正指示がしやすい。
・Wordpressサイトを作成する際は、セキュリティ対策を致します。
・サイト表示速度改善のため、画像圧縮を行います。
・常時SSL化とアクセスデータ見ることができるGoogleアナリティクスの設置を行います。

「私の実績」
実績
・ホームページの制作(住宅業・ホテル宿泊業・美容クリニック・介護/デイサービス・福祉・保育園・歯医者・鍼灸院等)
・LP(大手企業のサービスLP・オンラインスクール・美容クリニック等)
・採用サイト(年間数本制作しております)
・Wordpress
・長野県の企業のサイト制作をすることが多いです
などなど

「アフターフォロー」
・追加修正が3回目まで無料

「大まかな流れ」
①内容のヒアリング、お見積もり
ヒアリングにて、画像やデザインデータを確認させていただきます。
②ご契約
③コーディング
④ご納品
レンタルサーバーにアップロード or ファイル納品を想定しております。

Figma、Adobe XD、Photoshopなどでご支給いただいたデザインをもとに、LP（ランディングページ）のHTML/CSSコーディングを行います。

PC・スマートフォンのデザインに対応し、レスポンシブを意識した見やすいレイアウトで丁寧に実装いたします。

「デザインはあるので、コーディングだけ依頼したい」
「シンプルなLPをできるだけスムーズに公開したい」
といったご相談におすすめのサービスです。

【対応可能デザイン形式】
・Figma
・Adobe XD
・Photoshop（PSD）
・Illustrator（AI）
・画像デザイン
・PDF

※内容によってはご相談させていただく場合があります

【対応内容】
・FigmaデザインをもとにしたLP1ページのコーディング
・HTML / CSSによる実装
・PC / SP（スマホ）デザインに対応
・レスポンシブ対応
・見出し、ボタン、画像、セクションなどの基本実装
・シンプルなアニメーションを除く、静的なLPの実装

【このサービスでできること】
・デザイン支給済みのLPをWebページとして実装
・シンプルな1ページ構成のLP制作
・長さや構成に応じた柔軟なお見積り対応

【プランの目安】
・ベーシック：シンプルなLP（FV＋数セクション程度）
・スタンダード：一般的な長さのLP（標準的な情報量）
・プレミアム：長めのLP、または調整量が多いLP

※LPの長さやセクション数、実装内容によっては別途お見積りとなる場合があります。
※複雑なアニメーションや大幅なレイアウト調整は、内容に応じてご相談となります。

【ご依頼時にご用意いただきたいもの】
・デザインデータ（Figma / Adobe XD / Photoshop など）
・PC / SPデザイン（ご用意がある場合）
・使用する画像素材、テキスト
・必要に応じて参考サイトや補足指示

【ご注意】
・本サービスは「コーディング」を対象としております（デザイン制作は含みません）
・WordPress化、フォーム実装、EC機能実装、複雑なJavaScript実装は対象外、または別途ご相談となります
・内容によっては納期・金額をご相談させていただく場合がございます
・デザインの長さやセクション数、実装ボリュームによっては、事前にお見積りをご相談させていただく場合がございます

丁寧なコミュニケーションを心がけ、安心してご依頼いただけるよう対応いたします。
まずはお気軽にご相談ください。

既存のWebサイトについて、HTML/CSSを中心とした修正・更新対応を行います。

「テキストを変更したい」
「画像を差し替えたい」
「少しだけレイアウトを整えたい」
「スマホで表示が崩れているので直したい」
といった、既存サイトのちょっとした修正・更新に丁寧に対応いたします。

新しく作り直すほどではないけれど、必要な部分だけ直したい方におすすめのサービスです。
小規模な修正から複数箇所の調整まで、内容を確認しながら分かりやすく対応いたします。

【このようなご依頼に対応できます】
・テキスト（文言）の修正・差し替え
・画像の差し替え、サイズ調整、表示位置の修正
・リンク先URLの変更
・余白、文字サイズ、見出しなどのレイアウト調整
・セクションの表示 / 非表示対応
・ボタンや装飾の軽微な調整
・スマホ表示の崩れやレスポンシブの軽微な修正
・HTML / CSSを用いた既存ページの修正・更新

【こんな方におすすめです】
・既存サイトの一部だけ修正したい
・画像やテキストを差し替えたい
・スマホ表示の崩れを直したい
・社内で更新が難しいので外注したい
・小さな修正をまとめて依頼したい

【ご依頼時にご用意いただきたいもの】
・修正対象のURL、またはHTML/CSSファイル
・修正箇所が分かる資料（スクリーンショット、指示書など）
・差し替え用の画像や文言
・必要に応じてFTP情報やアップロード方法

【ご注意】
・本サービスは既存サイトの修正・更新が対象です
・大規模なデザイン変更やフルリニューアルは対象外となる場合があります
・WordPressテーマ改修、複雑なJavaScript実装、システム開発は別途ご相談となります
・修正内容やページ数によっては、納期・金額をご相談させていただく場合がございます

丁寧なコミュニケーションを心がけ、安心してご依頼いただけるよう対応いたします。
まずはお気軽にご相談ください。

経験17年のWeb制作者です。土日祝も対応。お気軽にご相談ください

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

• 急な案件！人手が足りない！
• 納期に間に合うか不安！？
• デザインカンプを再現したい！
• コーディングの品質にこだわりたい！
• 土日祝も対応できるコーダーを探している

そのお悩み、お任せください。

■■■■ ご発注から納品までの流れ ■■■■

① お問い合わせ
メッセージにてご相談ください。
→ ヒアリングとしてご希望の内容・ご予算・納期の確認させていただきます。

② お見積もり・ご提案
ヒアリング内容やデザインカンプ・素材をご共有ください。
→ ご共有データに沿った最適なお見積もりを提示いたします。

③ ご契約・仮払い
内容にご納得できましたらいただけましたら
仮払いをお願いいたします。

④ 制作開始
素材・デザインデータ※をご支給ください。
→ 制作を開始します。

⑤ 確認
初稿提出データをテスト環境にてご確認お願いします。
修正が必要な場合は対応いたします（3回程度）。

⑥ 納品
最終納品（ファイル一式 or 環境反映）をご確認ください。
→ こちらで完了となります。

=============

過去に在籍しておりました広告代理店・制作会社での経験と
フリーランスとしての実績を活かして案件に取り組ませていただきます。

「急ぎの案件で人手が足りない」
「品質を落とさずにスピードも担保したい」

そんな場面で、即戦力としてお役に立てられればと考えております。

これまで17年以上、Web制作に携わり
現在はフリーランスとして多数の案件を担当してきました。
時代に合わせた技術・価格設定に柔軟に対応していきます。

まずはお気軽にご相談ください。
ご状況に合わせて、最適な形でサポートいたします。

「安心感」と「高品質」を両立！丁寧なコーディングであなたのWebサイトを成功に導きます。

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

・コーダーとのやりとりが多く、手間がかかってしまう制作会社様
・コーディング後の修正指示が多く、対応に疲れてしまうディレクター様

→丁寧で伝わりやすいやりとりを大切にし、
修正の少ないWebサイトをご提供いたします。

発注の流れ

1. お問い合わせ・ご相談
   デザインデータやサイトの仕様、ご希望の納期などをお伺いします。ご不明点や実現したい動きなど、細かい内容も遠慮なくご相談ください。

2. 内容確認・お見積もり
   いただいたデザインや仕様をもとに、作業内容・納期・料金をご提案いたします。疑問点があればこの時点でしっかり擦り合わせいたします。

3. ご発注（ご契約）
   ご提案内容にご納得いただけましたら、正式にご発注ください。スケジュール確保のため、着手前にご発注をお願いしています。

4. コーディング開始
   ご発注後、デザインデータや必要素材をお預かりし、コーディングを進めます。進捗は適宜ご報告し、確認が必要な場合は随時ご相談いたします。

5. ご確認・修正対応
   一通りの実装が完了した段階でご確認いただき、修正やご要望に対応いたします。細かな調整もお気軽にお申し付けください。

6. 納品・アフターサポート
   最終確認後、データ納品またはサーバーアップいたします。納品後も不具合や軽微な修正など、ご相談いただければ対応可能です。

納期

各プランにより異なります。詳細はお問い合わせください。

コーディング〜納品の流れ

1. コーディング
   お送りいただいたデザインデータをもとに、HTML/CSS/JavaScriptでコーディングを行います。見た目や動きがデザイン通りに再現されるよう丁寧に仕上げます。

2. テスト・デバッグ
   さまざまなデバイスやブラウザで表示や動作の確認を行い、不具合や表示崩れがないかチェックします。どの環境でも快適に閲覧できるよう対応いたします。

3. 修正・調整
   ご確認いただいた後、修正やご要望に合わせた調整を行います。細かなご指摘もお気軽にご相談ください。

4. 納品・公開
   最終確認後、Webサイトのデータを納品いたします。サーバーへのアップロードや公開作業も、ご希望があればサポートいたします。

サービス内容

丁寧なコミュニケーションと高品質なコーディングで、お客様のWebサイト制作をサポートします。HTML/CSSコーディング、WordPressサイト制作、Webサイト修正など、幅広く対応いたします。

Webサイトのコーディングでお困りではありませんか？
「どこに頼めばいいかわからない…」「予算内で高品質なサイトを作りたい…」
そんなお悩みを、丁寧なコミュニケーションと確かな技術で解決します！
細部までこだわったコーディングで、デザイン通り・高品質なWebサイトを実現いたします。

今すぐお問い合わせいただければ、無料相談を承ります。お客様のWebサイトを成功に導くために、ぜひ私にお手伝いさせてください！

はじめまして！
この度はパッケージをご覧頂きありがとうございます！

4年前からWeb制作フリーランスとして活動しております。
制作会社さまやデザイナーさまたちと
お仕事させていただいております！

デザインデータはあるけど実装が、、
後々運用していくためにきれいなコードで書いて欲しい、、

そのような方ぜひともご相談いただけたらいいなと思います！

▼こんな方へおすすめ

・デザインカンプができていて、コーディングだけ依頼したい
・納期が決まっていてスピード対応してほしい
・修正の回数は無制限にしてほしい
・実務経験のあるコーダーに安心して任せたい

ぜひお任せ下さい！

▼ご提供内容

デザインカンプからのLP静的コーディング

→レスポンシブ対応（PC・スマホ）
→修正無制限
→フェードインのような簡単なアニメーション追加も対応可能

その他柔軟に対応しますので、まずはご相談ください！

▼ご購入後の流れ

①デザインデータ・素材をご共有ください
②内容確認・ご不明点をすり合わせ
③コーディング着手
④納品・修正対応
⑤完了

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

ベーシック（小ボリューム）：50,000円 / 納期7日
スタンダード（中ボリューム）：90,000円 / 納期14日
プレミアム（大ボリューム）：140,000円 / 納期21日

▼納期
ご購入後、デザインデータ受領のタイミングから起算します。お急ぎの場合はご相談ください。

ご不明点等ございましたら
お気軽にメッセージにてご相談ください！

■対応可能な業務
React / TypeScript / Next.jsを用いたフロントエンド開発を中心に、Webサイトのコーディング業務を承っております。
小規模なLPから中規模〜大規模サイトまで対応可能で、既存サイトの改修や機能追加なども柔軟に対応いたします。

レスポンシブ対応はもちろん、JavaScriptを用いたインタラクション実装（スライダー・スクロール演出・アコーディオン等）にも対応し、ユーザー体験を意識した実装を行っております。

⸻

■制作の流れ
① ヒアリング・要件整理
② お見積もり・スケジュール提示
③ デザインデータのご支給
④ 実装（進捗共有）
⑤ ご確認・修正対応
⑥ 最終納品

進行中もこまめにご報告し、認識のズレが生じないよう丁寧に対応いたします。

⸻

■納品・対応
GitHubでの管理、ZIP納品、FTPアップロードなど、ご要望に応じて柔軟に対応可能です。
また、納品後の軽微な修正や運用面のご相談にも対応しております。

⸻

■納期
案件内容に応じて最適なスケジュールをご提案いたしますが、
通常は1〜2週間程度での納品を目安としております。

お急ぎの案件についても、可能な限り柔軟に対応いたします。
なお、お約束した納期は責任を持って厳守いたします。

⸻

■強み
・迅速なレスポンスとスムーズな進行管理
・デザイン意図を正確に再現するコーディング力
・Webデザイン〜実装まで一貫対応可能

⸻

■メッセージ
ご要望をそのまま形にするだけでなく、
「より良くするためのご提案」を大切にしております。

長くお付き合いできるパートナーとして、
安心してお任せいただけるよう丁寧に対応いたします。

まずはご相談だけでも問題ございませんので、お気軽にご連絡ください。

■対応可能な業務
React / TypeScript / Next.jsを用いたフロントエンド開発を中心に、Webサイトのコーディング業務を承っております。
小規模なLPから中規模〜大規模サイトまで対応可能で、既存サイトの改修や機能追加なども柔軟に対応いたします。

レスポンシブ対応はもちろん、JavaScriptを用いたインタラクション実装（スライダー・スクロール演出・アコーディオン等）にも対応し、ユーザー体験を意識した実装を行っております。

⸻

■制作の流れ
① ヒアリング・要件整理
② お見積もり・スケジュール提示
③ デザインデータのご支給
④ 実装（進捗共有）
⑤ ご確認・修正対応
⑥ 最終納品

進行中もこまめにご報告し、認識のズレが生じないよう丁寧に対応いたします。

⸻

■納品・対応
GitHubでの管理、ZIP納品、FTPアップロードなど、ご要望に応じて柔軟に対応可能です。
また、納品後の軽微な修正や運用面のご相談にも対応しております。

⸻

■納期
案件内容に応じて最適なスケジュールをご提案いたしますが、
通常は1〜2週間程度での納品を目安としております。

お急ぎの案件についても、可能な限り柔軟に対応いたします。
なお、お約束した納期は責任を持って厳守いたします。

⸻

■強み
・迅速なレスポンスとスムーズな進行管理
・デザイン意図を正確に再現するコーディング力
・Webデザイン〜実装まで一貫対応可能

⸻

■メッセージ
ご要望をそのまま形にするだけでなく、
「より良くするためのご提案」を大切にしております。

長くお付き合いできるパートナーとして、
安心してお任せいただけるよう丁寧に対応いたします。

まずはご相談だけでも問題ございませんので、お気軽にご連絡ください。

数あるサービスの中からこちらのページをご覧いただきありがとうございます。
こちらはコーディングを代行するサービスになります。

【対応可能な業務範囲】
LP（ランディングページ）コーディング：売上に直結する、訴求力の高いページ構築。
コーポレート・個人サイト制作：TOPページから下層ページまで一貫した構築。
レスポンシブ対応：スマホ・タブレット・PC、全デバイスで最適な表示を実現。
お問い合わせフォーム設置：確認画面や自動返信メール機能の実装。
既存サイトの修正・更新：テキストの差し替え、バナーの追加、レイアウトの微調整。

【注意事項】
※あらかじめご了承ください

デザイン制作は含みません：本サービスはコーディングのみの価格です。デザインからのご依頼は別途ご相談ください。
サーバー・ドメイン代：お客様ご自身でのご負担となります。契約やアップロードのサポートは無料で行います。
大幅な仕様変更：制作開始後の大幅なデザイン・機能変更は、追加料金をいただく場合がございます。

ここまでご覧いただきありがとうございます。
ぜひお気軽にお問い合わせください。

社内SEとしての確かな経験と技術力で、あなたのWebサイトの課題を根本から解決し、ビジネス成果に貢献します。

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

Webサイトの更新や修正に時間がかかりすぎている、WordPressへの移行を検討しているが技術的な不安がある、レスポンシブ対応ができておらずスマホからのアクセスを逃している、デザインはいいのに実装でイメージ通りにならない、Webサイトのバグや表示崩れを早く直したい、といったお悩みはありませんか？

発注の流れ

お問い合わせ・ヒアリング
まずはメッセージで現在のサイト状況や課題、ご要望をお聞かせください。ランサーズのメッセージ機能やビデオ通話で詳細を伺います。

ご提案・お見積もり
ヒアリング内容に基づき、最適な解決策と詳細なお見積もりをご提案します。

ご契約・仮払い
提案内容と見積もりにご納得いただけましたら、ランサーズ上でご契約、仮払い手続きをお願いいたします。

制作開始
頂いた情報をもとに、丁寧かつ迅速に制作を進めます。進捗は随時ご報告いたします。

テスト・ご確認
制作物が完成しましたら、テスト環境でご確認いただき、フィードバックを頂戴します。

修正・納品
フィードバックを基に修正を行い、最終成果物を納品いたします。

対応範囲・価格

HTML/CSSコーディング（1ページ）：~10,000円
静的サイトの基本ページコーディング。PC/SP対応込み。

既存サイト修正・軽微な改善：~30,000円
特定箇所の修正やCSS調整など。

納期

企画・お見積り確定後、約1週間〜3週間で納品いたします。

制作の流れ

要件定義・サイト分析
ご依頼内容を深く理解し、サイト構造や必要な機能、改善点を詳細に分析します。

コーディング・テーマ開発
HTML/CSS/JSで高品質なWebサイトを構築、またはWordPressテーマとして実装します。

機能実装・テスト
必要な機能を追加し、複数環境で動作確認。不具合がないか徹底チェックします。

最終調整・確認
クライアント様にご確認いただき、ご要望に応じて最終調整します。

納品
品質基準を満たした成果物を納品いたします。

サービス内容

社内SEとして培った6年間の実務経験を活かし、WebサイトのHTML/CSS/JavaScriptコーディング、WordPressテーマ化、既存サイトの修正・改善を承ります。技術面だけでなく、プロジェクト進行管理やビジネス視点での課題解決を重視し、お客様のWebサイトをビジネス成果に繋がるようサポートいたします。レスポンシブ対応やパフォーマンス改善もお任せください。

Webサイトの「困った」を抱えていませんか？更新が大変、表示が崩れる、WordPressにしたいけど手が回らない…。社内SEとして6年間、様々なWebサイトの課題解決に尽力してきました。技術的な知識はもちろん、プロジェクトを円滑に進めるコミュニケーション力も私の強みです。あなたのWebサイトを、ただ美しくするだけでなく、運用しやすく、そしてビジネスに貢献するものへと生まれ変わらせます。まずは「こんなことできるかな？」といったご相談から、お気軽にお声がけください。あなたのWebサイトの未来を一緒に描きませんか？

お客様からご用意いただいたデザインデータをもとに、HTML / CSS のコーディングを代行いたします。
デザインの意図を大切にし、見た目が崩れない・修正しやすいコードを心がけています。

【こんな方におすすめ】
・デザインはあるが、コーディングができない
・デザイン通りに再現してほしい
・外注でも丁寧に対応してほしい
・あとから修正しやすいHTMLが欲しい
※デザイナー様・個人事業主様・制作会社様からのご依頼も歓迎です。

【対応内容】

・HTML / CSS による静的コーディング
・スムーススクロール / ハンバーガーメニュー等の基本的なJS実装
・WordPressの導入・構築・改修
・レスポンシブ対応（PC / タブレット / スマートフォン）
・デザイン忠実な再現

【対応可能デザイン形式】
・Figma
・Adobe XD
・Photoshop
・Illustrator

【お見積り／制作期間について】
記載されているものは目安のものとなります。
作成するページ数・要件によって変動いたしますので、お気軽にご相談ください。

【ご依頼の流れ】

1. ヒアリング／お見積り
2. デザインデータ・仕様の共有
3. コーディング作業
4. テスト環境でのご確認・修正対応
5. 納品

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