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

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

当サービスはHTMLで作成されたホームページの修正・更新・カスタマイズのご依頼を承っております。ご自身での対応が難しい箇所や、本業に集中したい方に代わって作業いたします。
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄

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

ベーシック（軽微な修正）

• テキスト修正・変更
• 画像やバナーの差し替え
• リンク先の変更
• ボタン文言の変更
• 色・余白・行間の調整

スタンダード（表示調整・修正）

• HTML/CSSの修正
• 表示崩れの修正
• スマホ表示の調整
• 既存デザインに合わせた調整

プレミアム（複数箇所対応）

• 複数ページの修正
• レイアウト調整
• セクション追加
• ページの追加

※サイトの構成やご相談内容により、作業時間およびお見積り金額は変動いたします。
軽微な内容につきましては、当日または即日での対応も可能です。

このような方におすすめ

• 本業の方に集中したい
• 急ぎで修正したい箇所がある
• 更新作業を代わりに対応してほしい

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

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

このパッケージは【初回お取引の方限定プラン】です。
１回のみご利用いただけます。

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

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

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

下層ページやホームページ全体のコーディングはできるの？
はい、もちろん対応させていただいております。
下層ページや複数ページのコーディングをご希望の場合は
メッセージをお送りいただけますと幸いです。

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

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

当サービスでは、ご提供いただいたデザインカンプからのコーディング〜サイト公開までを一貫して承っております。

【　こんな方におすすめ　】
・コーディングのリソースが足りていない
・すぐにコミュニケーションが取れるコーダーが欲しい
・自社でも簡単に更新できるようにWordPress化してほしい
・今あるサイトのコンテンツを更新可能な構成にして欲しい

【　強み・特徴　】
・即返信でスムーズなコミュニケーション
・デザイン意図を汲み取ったコーディング
・更新のしやすさを考えたWordPress化
・更新マニュアル付き納品

制作会社様や企業様からお仕事をいただいているコーダーが、デザインカンプに忠実なコーディングを行います。
見た目の再現だけでなく、レスポンシブ時の表示崩れの防止や動的コンテンツ部分の崩れの防止まで想定して実装いたします。
更新が必要な箇所は事前に伺い、簡単に更新できる作りで実装。
納品時にはマニュアルの送付とご要望がございましたら無料でレクチャーもおこなっております。

安心してサイトを運用できるよう、納品後の操作に関するサポートもおこなっておりますのでご安心ください。

ページ数や構成についても柔軟に対応可能です。まずはお気軽にご相談ください。

【　制作内容　】
・HTML / CSS / JavaScriptによるコーディング
・レスポンシブ対応
・WordPress構築（オリジナルテーマ）

【　制作の流れ　】
① ヒアリング・お見積もり
→まずはお気軽にご連絡ください。ヒアリングを行ったのちに制作ボリュームに合わせたお見積もりを提示いたします。
②ご契約・制作開始
→ランサーズにてご契約・仮払いまで済みましたら制作を開始いたします。
③ デザインカンプの共有
④ コーディング開始
⑥ 進捗ごとにご確認・ご報告
⑦ テスト環境にて全体確認
⑧ 修正対応 → 最終確認
⑨ サイト公開にて納品

【　基本料金　】
◯既存サイトの一部修正や追加コーディング
・コーディング　15,000円
※ボリュームにより増減します。事前のお見積もり依頼をお願いいたします。

◯LPorトップページのみ　40,000円

◯LP(12000px以上)orトップと下層3ページ　80,000円
※ページ数や構成。機能によりお見積もりが変動いたします。事前のお見積もり依頼をお願いいたします。

【　無料対応　】
・プライバシーポリシー
・404ページ
・お問い合わせサンクスページ
・無料セキュリティ対策
　-SiteGuard
　-Google reCAPTCHA v3

【　お客様にご用意いただくもの　】
・デザインカンプ（Figma・Photoshop・Illustrator・XDのいずれかで共有ください）
→テキストデータがコピペできる状態で共有ください
・ロゴデータ（もしあればご共有ください）
・使用画像（デザインカンプから書き出しできる状態でしたら別途でご用意は不要です）
・サーバー・ドメイン
・FTP情報
・WordPress登録用メールアドレス
・meta情報（サイト名・サイトの説明・サイトの検索キーワードなど）

その他お問い合わせフォームを作成する場合などにはご連絡用のメールアドレスを共有いただくことがございます。
ご協力をお願いいたします。

【　最後に　】
これまでにHP、LP含め数十件の制作に携わってまいりました。
実装にあたり、デザインカンプを丁寧に再現することはもちろん、実際に更新する方の負担ができるだけ少なくなるようなわかりやすい実装になることを心がけております。
プロフィールにこれまでの実績も掲載しておりますのでよろしければご参考ください。

ご相談、お見積もりは無料ですのでぜひお気軽にご連絡くださいませ。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

◾️提供可能な内容


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

◾️基本料金内


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

◾️オプション


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

◾️納期

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

◾️金額について

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

サービス内容

Figma / XD / PSD などのデザインデータをもとに、Webサイトのコーディングを行います。

制作会社様の「デザインはあるけどコーダーが足りない」、デザイナー様の「実装は任せてデザインに集中したい」といった場面を想定したパッケージです。

料金説明・参考料金

表示しているプラン料金は目安です。
ページ数、デザインの密度、アニメーション量、WordPress対応、既存サイト改修の影響範囲により変動します。
ご予算や作業範囲が決まっている場合は、カスタマイズからご相談ください。

■ 静的サイト
・LPコーディング：75,000円〜
・LPコーディング（画像中心）：30,000円〜
・トップページ：50,000円〜
・下層ページ：15,000円〜
・下層ページ量産 / テンプレート展開：10,000円〜
※LPとトップページの違いは、主に作業密度の差です。

■ 記事流し込み
・5ページ以下：1ページ 3,000円〜
・5ページ以上：1ページ 2,600円〜
※テンプレートと、流し込み元となる記事データをご共有ください。
※40ページを超える場合も、スケジュール次第で対応可能です。

■ WordPress
・WordPressテーマ実装基本料金：30,000円〜
・固定ページ追加 / 既存テーマ調整：内容に応じてお見積もり
・カスタム投稿 / カスタムフィールド等：内容に応じて追加お見積もり
・お問い合わせフォーム：10,000円〜（Contact Form 7 使用）

■ 修正
・修正1か所：3,000円〜
・表示崩れ / レスポンシブ調整：5,000円〜
※内容により変動します。

基本料金に含まれるもの

・支給デザインをもとにしたコーディング
・PC / SP のレスポンシブ対応
・基本的なJavaScript実装
　例：スムーススクロール、スライダー、ハンバーガーメニュー等
・画像圧縮 / 2倍書き出し（retina対応）
・主要ブラウザ確認（Safari / iPhone含む）
・HTML構文チェック（Nu Html Checker）
・アクセシビリティ面の基本確認（WCAG 2.x）

納品までの流れ

1. ヒアリング・お見積もり
   デザイン、ページ数、仕様、希望納期、作業範囲を確認します。
   基本的にはランサーズメッセージで進行します。

2. お見積もり提出・ご購入
   内容に同意いただけましたら、ご購入をお願いいたします。

3. データの受け渡し
   デザインデータ、仕様書、ログイン情報など、制作に必要な情報をご共有ください。

4. 制作開始
   作業中は、必要に応じて進捗や確認事項を共有します。

5. テストアップ・ご確認
   コーディング完了後、テスト環境に初稿をアップします。
   ご確認いただき、修正点があれば対応します。

6. 納品
   対応完了後にご確認いただき、問題がなければZIPファイル、またはサーバー反映にて納品します。

注文時のお願い

【ご相談時にあると助かる情報】

・デザインが確認できるもの（Figma / XD / PSD / 画像など）
・ページ数、対応範囲
・PC / SP デザインの有無
・アニメーションの有無
・WordPress対応の有無
・希望納期
・納品方法（ZIP納品、サーバー反映など）
・既存サイト改修の場合は、対象URLや修正内容

【ご注文時に必要なもの】

・デザインデータ
・コーディングルール（ある場合）
・仕様書 / 指示書（ある場合）
・FTP / WordPressログイン情報（納品・反映に必要な場合）

可能であれば、確認用に1枚で書き出したJPEGまたはPNGも一緒にご共有ください。
フォント未適用などで、実際のデザインが確認しづらい場合があるためです。

制作着手後にデザイン変更があった場合、追加料金が発生する場合があります。
デザイン確定後にご依頼ください。

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

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

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

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

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

【対象】

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

【活動実績】

• 2022 Top 100 Lancerに掲載

【納品までの流れ】

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

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

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

4. 製作開始

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

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

【主な確認事項】

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

【WordPressテーマ化について】

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

【注文時のお願い】

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

【注意点】

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

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

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

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

【その他】

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

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

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

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

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

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

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

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

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

■当サービスの特徴

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

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

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

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

■ご契約後の流れ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ランディングページ（一枚ものページ）のコーディングを承ります。
✔ デザイン完全再現
✔ スマホ・タブレット対応
✔ 修正対応込み
✔ SEO内部構造最適化
✔ 広告LPに最適
✔ 最短即日対応

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

・LPデザインはあるがコーディングできない
・広告用LPを急ぎで公開したい
・コーダー不足で外注したい
・WordPress化も相談したい

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

まずはご相談ください。

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

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

【納品までの流れ】

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

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

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

4. 製作開始

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

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

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

◎コーディングを行うデザインデータ
※Figma、Illustrator、Photoshop、XDなどでお作りいただいたテキストコピペ可能なデータ

購入にあたってのお願い

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

コーディングだけでなく、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 データ納品）

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

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

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

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

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

【料金】
デザインによって変動します！
・既存サイトの修正等：10,000円～
・デザインを実装（TOPページのみ）：20,000円～

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

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

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

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

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

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

◎ サービス内容 ◎
・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 」としています。

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

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

宜しくお願い致します。

パッケージをご覧くださりありがとうございます。
こちらは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サイトにコーディングします。

デザインがあり、コーディングスタッフをお探しの企業様、
HTML・CSS・JavaScript・jQueryを使ってコーディングいたします。

• 社内にコーディングスタッフがおられない場合
• ご多忙でコーディングのお時間が取れない場合
• デザインデータだけ手元にある場合

など、ぜひお役に立てましたら幸いです。

110件以上の実績

多くのお客様にご利用いただき、
特定クライアント様から105回以上のリピートをいただくなど、
継続的な信頼をいただいています。

マーケティングの知見

マーケティングの知見もあり、実績を重ねてまいりました。
https://www.lancers.jp/profile/naka_rin
貴社の課題に合わせて
より良い方法をご提案させていただきます。

テスト環境について

テスト環境をお持ちでないお客様には、こちらのサーバーを無料でご提供し、
ブラウザでご確認いただけるようにご準備します。

サーバーやドメインについて

取得についても、ご相談に乗らせていただきます。

柔軟な対応

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

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

ご覧いただきありがとうございます。
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（ランディングページ）の
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.納品完了

▼こんな方へオススメ

■ Kindle本のリンクが飛ばない
■ EPUB化したらリンクが壊れた
■ 目次リンクが正常に動作しない
■ SNSなどに飛ばす外部リンクを設定したい
■Kindle本内部の別の箇所にジャンプさせたい
■ 既刊本にもリンクを追加・修正したい
■ 出版後にURLの変更でリンクが切れてしまった

▼ご提供内容

Kindle出版用EPUBファイルの、リンク設置・修正を代行します。

目次リンク・外部リンク・内部リンクに対応しています。
（目次リンクのみオプション対応・Word原稿限定です。）

Kindle Previewerでの動作確認を行います。

LeMEなどでEPUB化したあとに、リンクが正常に動作しなくなった場合の修正も可能です。

出版前・出版後、いずれも対応できます。

ーーーーーーー

※EPUB化はオプション対応です。

※目次リンクはオプション対応・Wordで作成された原稿が対象です。
（見出し設定はオプション対応です。）

ーーーーーーー

▼ご購入後の流れ

① EPUBファイルをご提出ください
（見出し設定オプションをご利用の場合は、Wordファイルでご提出ください）
② リンク設置用リストをご記入いただきます
③ リンクの設置・修正作業および動作確認
④ 修正版EPUBファイルを納品

ーーーーーーー

▼対応可能な内容

■ 目次リンク（オプション対応・Word作成原稿のみ）
■ 外部リンク
■ 内部リンク
■ 巻末リンク
■ リンクエラー修正
■ 既刊本へのリンク追加・修正

ーーーーーーー

【重要な注意点】

リンクの設置・修正後にEPUBを再生成すると、
リンクが壊れることがあります。
本サービスのご利用は、原稿完成後がおすすめです。

原稿の修正等でEPUB化のやり直しが発生する可能性がある場合は、
追加料金なしで修正対応できる
スタンダードプランまたはプレミアムプランのご利用がお得です。

なお、リストに記載されていないリンクを追加する場合は、
別途追加料金をいただくことがございます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本サービスでは、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をご確認いただき、必要に応じて修正させていただきます。
⑤ご納品：お客様の希望に応じて納品させていただきます。

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

こんな方へおすすめ
✅ 短期間で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日
納期の調整も可能ですので、お急ぎの方はご相談ください！

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

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

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

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

いただいたデザインを元に、HTML / CSS / Javascriptでコーディングいたします。
ご要望をヒアリングした上で、STUDIOやWordpressでの作成も対応可能です。

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

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

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

【スタンダードプラン】
上記ベーシックプランの内容に追加
・各種アニメーション（Javascript）
・フォーム設置
・既存コードやコーディングルールに合わせた実装　等

【プレミアムプラン】
・複数ページの作成
・Webサイトの作成
・ブログ機能 / CMS付きサイトの作成（Studio使用）

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

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

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

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

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

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

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

◾️提供内容

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

jQuery/JavaScriptの実装

CSSアニメーション

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

◾️基本料金内

jQuery/JavaScriptの実装

レスポンシブ対応

SEO対策

テスト環境
修正対応

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

◾️納期

トップページ：2～4日

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

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

デザイナー/制作会社様向けに、経験豊富なエンジニアが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を使った仕掛けの実装（ハンバーガーメニュー、スライド、タブの切り替えなど）
・お問い合わせフォームの実装
・WordPress化

〇料金

＊トップページ　20000円～

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

〇オプションについて

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

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

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

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

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

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

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

▼以下の3つでお困りでしたら、まずはお気軽にご相談ください！
1.「案件が溢れてコーディングの対応がしきれない」
2.「円滑にコミュニケーションを取れるコーダーを探している」
3.「専属でコーディングを代行してほしい」
3つのお悩み全て解決いたします！

▼スケジュール、強み
✅フリーランスの方2名とWeb制作会社様2社と業務提携中。
✅1分以内の超即レス
✅品質管理チェックシートで品質チェックいたします。
✅SEO対策を意識したコーディング。
✅365日いつでも対応可能！

▼提供できること
✅HTML/CSS/SCSS/jQuery/JavaScript/コーディング
✅WordPress化
✅表示崩れの起きないレスポンシブ対応
✅サーバーへのアップロード

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

制作実績200件以上｜高品質なLPコーディング・WordPress実装を承ります

◼︎このようなお悩みはありませんか？
・デザインデータはあるのでLPのコーディングを依頼したい
・LPをWordPress化したい
・更新しやすいLPを構築したい
・既存LPの改修や機能追加を依頼したい
・制作会社の外部パートナーを探している
・公開後の保守や改修も相談したい

◼︎発注の流れ
・お問い合わせ・ヒアリング
　まずはメッセージにて、ご依頼内容やご希望納期、ご予算などをお気軽にご相談ください。
　⇩
・お見積り
　ご依頼内容を確認し、対応範囲・納期を明確にしたうえでお見積りをご提示いたします。
　⇩
・ご契約・制作開始
　ご契約後、制作を開始いたします。
　⇩
・ご確認・修正
　テスト環境または確認環境をご用意し、ご確認いただきながら制作を進めます。
　⇩
・納品
　最終確認後、ご希望に応じてサーバーへのアップロード・公開作業を行います。
　また、制作会社様やご担当者様にて公開作業を行われる場合は、データ一式での納品にも対応しております。

◼︎ 対応範囲・価格
・HTML/CSS LPコーディング
　50,000円～
　デザインデータをもとに、レスポンシブ対応込みのLPコーディングを行います。

・WordPress LP構築
　80,000円～
　LPコーディングに加え、WordPressオリジナルテーマとして実装いたします。

・WordPress LP構築（更新機能付き）
　100,000円～
　WordPress実装に加え、ACFやContact Form 7を用いた更新機能やお問い合わせフォームの実装に対応いたします。

◼︎ 納期
案件内容により異なりますので、まずはお気軽にご相談ください。
LPコーディングは5日～7日程度、WordPress構築案件は7日～10日程度を目安としております。
お急ぎの案件につきましても、スケジュールにより対応可能な場合がございますのでご相談ください。

◼︎ 制作の流れ
・要件確認・素材準備
　デザインデータ、原稿、画像などの素材をご共有いただきます。
　⇩
・コーディング
　デザインデータをもとにHTML/CSSコーディングを行います。
　レスポンシブ対応やJavaScriptによる動きの実装にも対応しております。
　⇩
・WordPress実装
　WordPress化をご希望の場合は、オリジナルテーマ構築やACF・Contact Form 7の実装を行います。
　⇩
・テスト・調整
　各種ブラウザやデバイスで表示確認・動作確認を行います。
　⇩
・納品・公開サポート
　必要に応じてサーバーアップロードや公開作業も対応いたします。

◼︎ サービス内容
Web制作会社にて5年間、200件以上の制作・改修案件に携わってまいりました。
建築・工務店、医療機関、製造業、士業、教育機関、動物関連事業など、幅広い業種のサイト制作実績がございます。
LPコーディング、WordPressオリジナルテーマ構築、ACF実装、既存サイト改修を得意としております。
保守性や運用性を考慮した実装を心掛けており、公開後の改修や機能追加にも対応しやすい構成で制作いたします。
制作会社様からの外注案件にも柔軟に対応しておりますので、お気軽にご相談ください。

▼こんな方におすすめ
・デザインはできるけどコーディングだけお願いしたい
・コーダーを雇いたいけど長期はいらない
・1日だけ手伝ってほしい
・ECサイトについて相談したい
・誰かの意見が欲しい
・スキルを学びたい

Webサイトのコーディング業務を承ります。
Figma、Adobe XD、Photoshopなどのデザインデータをもとに、
HTML/CSS/JavaScriptを使用したWebサイト制作を行います。

対応可能な業務
・HTML/CSSコーディング
・レスポンシブ対応（スマホ・タブレット対応）
・JavaScript実装
・LP（ランディングページ）制作
・企業サイト制作
・既存サイトの修正・改修
・WordPressテーマへの組み込み
・表示崩れ修正
・フォーム実装
・アニメーション実装

生成AIを活用し制作工程を効率化することで、品質を維持しながら短納期での対応を実現しています。
デザインの再現性はもちろん、保守性や可読性を考慮したコーディングを心掛けています。

「デザインはあるのでコーディングだけ依頼したい」
「既存サイトを修正したい」
「急ぎで対応してほしい」

といったご相談も歓迎しております。

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

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

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

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

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

【制作の流れ】

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

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

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

昔作ったホームページ、スマホで見づらくなっていませんか？

「スマホで見ると文字が小さい」
「画像や表が横にはみ出ている」
「余白や配置が崩れて見える」
「今のデザインは大きく変えたくない」
「作り直しまでは考えていないけど、見やすく整えたい」

そんな方向けに、既存ホームページのデザインや雰囲気を活かしながら、スマホでも見やすい状態に調整します。

【基本料金について】
基本料金30,000円は、1ページの軽微なスマホ表示調整・表示崩れ修正を対象としています。

現在のホームページのデザインや雰囲気を活かしながら、文字サイズ・余白・画像サイズ・横はみ出し・配置崩れなどを調整します。

複数ページ対応、PC/SPを含めた全体的なレイアウト再構築、既存デザインを踏襲した作り直しに近い対応は、別途お見積もりとなります。

ご購入前に現在のホームページURLを確認し、基本料金内で対応できるか、別途お見積もりが必要かを事前にご案内します。

【本サービスで対応する内容】
・1ページのスマホ表示調整
・文字サイズ、余白、画像サイズの調整
・横はみ出し、配置崩れの修正
・既存デザインを活かしたレイアウト調整
・PC、スマホ表示確認
・軽微な文章、画像差し替え

【おすすめの方】
・古い会社ホームページを使い続けている方
・スマホで見づらい部分を直したい方
・今のデザインを大きく変えたくない方
・予算を抑えてホームページを整えたい方
・小規模な会社、店舗、個人事業主の方

【基本料金外となる内容】
以下の内容は、基本料金外となります。

・PC/SPを含めたページ全体の作り直し
・複数ページのレスポンシブ対応
・大幅なデザイン変更
・新規ページ制作
・お問い合わせフォームなどの機能改修
・WordPressテーマの大幅改修
・予約機能、EC機能などの追加
・文章作成、写真撮影、ロゴ制作

ページ全体の再構築や複数ページ対応が必要な場合は、別途お見積もりいたします。

まずはURLを確認したうえで、軽微調整で対応できるか、再構築が必要かをお伝えします。

コーディング作業承ります。

デザイン案がなくても、簡単なラフ案と原稿あれば対応可能です。
1ページからも承りますが、複数ページももちろん大歓迎です！

デザイン制作も可能ですので、お気軽にご相談ください。
軽微なJavaScriptの機能実装も費用内で可能です。

PC、スマホ対応のレスポンシブコーディングとなります。
※PC/スマホ対応のレスポンシブデザイン（タブレットはPCの表示に準じます）

【作業内容】
・新規サイトのコーディング作業
・既存サイトへのページ追加
・LPページのコーディング
※データ納品も可能ですし、指定のサーバへのアップももちろん対応可能です。

ご不明な点ございましたら、お気軽にご相談ください。

デザインを忠実に再現。React/TSによる高品質で保守しやすいコーディングを提供します

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

「デザインは完成したものの、コーディングをするリソースや技術がない」「ReactやTypeScriptを用いたモダンで高速な実装をお願いしたい」「スマートフォンの表示崩れを防ぎ、レスポンスの早い開発者に依頼したい」とお悩みの企業様・デザイナー様に最適です。

発注の流れ

1. お問い合わせ・お見積り
   ご用意いただいたデザインデータや仕様書をご提示いただき、実装要件と納期を確認した上で最適なプランをご提案します。

2. ご契約・仮払い
   ランサーズ上で仮払いを完了していただき、実装に必要なテキストや画像素材が揃った段階で制作を開始します。

3. 制作開始・進捗報告
   進捗状況を定期的にご報告しながらコーディングを行います。進め方に関する疑問点もランサーズ上でいつでもご質問いただけます。

4. テスト・修正対応
   テスト環境にアップロードした成果物を、ブラウザや実機でご確認いただき、細かな調整や修正に対応いたします。

5. 納品・お取引完了
   ソースコードの納品または本番サーバーへの格納をもって、お取引完了とさせていただきます。

対応範囲・価格

基本コーディング（1P）：15,000円〜
シンプルなLPやWebページのHTML/CSSによる高品質な静的コーディングです。

モダンコーネント実装（React/TS）：35,000円〜
React/TypeScriptを使用したコンポーネント志向の実装。モダンなWebアプリやSPAに対応します。

フルパッケージ（CMS連携等）：75,000円〜
Reactでの構築に加え、WordPress連携や外部APIとの接続など、高度な動的機能まで実装します。

納期

開始から7〜21日（プラン内容によって変動します）

制作の流れ

デザインデータの解析と設計
デザインデータを細部まで分析し、再利用可能なパーツの切り出しやレスポンス設計を入念に行います。

コーディング＆レスポンシブ実装
セマンティックなマークアップを意識し、HTML/CSSまたはReactを用いて、スマートフォンの表示崩れがないよう実装します。

ブラウザチェックと動作検証
主要なブラウザや実機での表示確認・挙動テストを行い、アニメーション等の動作も徹底的にデバッグします。

サービス内容

プログラミング歴5年のソフトウェアエンジニアが、お客様の用意されたデザインを忠実に、そして美しくコードに落とし込みます。基本のHTML/CSSから、React/TypeScriptによるモダンで高速なコンポーネント開発まで幅広く対応。レスポンシブ化（スマホ最適化）は全プランで標準装備です。レスポンスの速さと丁寧な進行をお約束します。

デザインはあるけれど実装するエンジニアが足りない、あるいはReactやTypeScriptで高機能なWebサイトにしたいとお悩みではありませんか？プログラミング歴5年のエンジニアが、お客様のデザインデータをピクセル単位で正確に再現します。レスポンシブ（スマホ・タブレット対応）も標準装備。HTML/CSSだけでなく、Reactによるコンポーネント指向のクリーンなコーディングやWordPress化まで、ご要望に合わせた柔軟な実装が可能です。初めての外注で進め方がわからないという方にも、わかりやすい言葉で丁寧に対応いたします。ランサーズの仕様に則り、安全かつ迅速に進行します。まずは「お見積り・カスタマイズの相談」から、お気軽にデザインや構成についてご相談ください。

デザインデータ（Figma・PNG/JPG・PSD）をもとに、HP / LPのHTMLコーディングを代行します。

【提供内容】
・HTML/CSSコーディング（レスポンシブ対応）
・動きの追加（スライダー・ハンバーガーメニュー・アコーディオン・フェードイン等）
・アクセシビリティ対応
・SEO対策（適切なタグ構造・Lighthouse分析・Search Console活用）

【対応ファイル形式】
Figma／PNG・JPG／PSD（GIMPで確認。複雑なレイヤー構成は要相談）

【注意事項】
・素材（画像・テキスト）はご支給ください
・デザインの大幅な変更は別途ご相談
・納期はプランの目安です。ページ内の要素ボリュームにより変動します
・ご注文前に必ずメッセージにてご相談ください

完成デザインを、ホームページ・ランディングページに実装いたします。
レスポンシブ対応・WordPress構築まで対応可能です。
コーディング業務の外注先をお探しのデザイナー・制作会社様、お気軽にご相談ください。

■ こんな方におすすめです
・完成したデザインデータをすでに持っていて、コーディングできる人を探している方
・コーディング業務の外注先をお探しの方

■ サービス内容
・HTML/CSSを用いた静的コーディング
・レスポンシブ対応（スマホ・タブレット・PC対応）
・ハンバーガーメニュー等のJavaScript(jQuery)を用いたアニメーション実装
・WordPress構築（Snow Monkey / オリジナルテーマ）
・WordPressカスタマイズ（カスタム投稿・カスタムフィールド 等）
・HTMLサイト / STUDIO / Wixなどから WordPressへの作り替え

■ コーディング料金（レスポンシブ対応込）
・トップページ：20,000円～
・下層ページ（1P）：6,000円～
・LPコーディング：40,000円～

※6000pxまでの料金です。
　以降、3000px毎に＋10,000円

【オプション】
・基本的なJavaScript：3,000円～
・お問い合わせ機能：要相談

※ 税別価格です。
※上記を基本料金として、デザイン内容、実装内容により追加料金をいただく可能性がございます。

■ WordPress実装
・WordPress構築（SnowMonkey利用）：＋80,000円～
・WordPress構築（完全オリジナルテーマ制作）：＋210,000円～

※ Snow Monkey実装では仕様上の制限があり、デザインを再現できない場合はデザインの意図を保ちつつ一部変更させていただく場合がございます。

■ 無料対応
・レスポンシブ対応
・ハンバーガーメニュー
・TOPに戻るボタン（デザインにある場合）
・基本的なSEO対策（メタ設定）

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

■ 納期
着手から 4日～
※ページのボリュームや作業の空き状況によって異なります。

■ 修正について
・初回デザインとの差異による修正は、納品前まで無制限で対応いたします。
※Snow Monkey実装の場合は仕様上の制約により、対応できない修正がございます。
・大幅なデザインの変更を伴う修正は、別途料金が発生します。

デザイン意図に忠実に、丁寧にコーディングいたします。
まずはお気軽にご相談ください。

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実装、システム開発は別途ご相談となります
・修正内容やページ数によっては、納期・金額をご相談させていただく場合がございます

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

Figmaデザインを高品質なWebサイトへ！あなたの想いをカタチにします。

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

Webサイトのデザインはあるけど、コーディングできる人がいない。コーディングを依頼したいが、どこに頼めば良いか分からない。クオリティの高いWebサイトを制作したいが、費用を抑えたい。

発注の流れ

お問い合わせ
メッセージにて、Figmaデザインデータ、ご希望のWebサイトイメージ、納期などをお知らせください。

デザイン確認・ヒアリング
Figmaデザインデータを確認し、Webサイトの構成、必要な機能、デザインの詳細についてヒアリングいたします。

お見積もり・ご契約
お打ち合わせ内容に基づき、お見積もりと制作スケジュールをご提示いたします。

制作開始
コーディング作業を開始し、進捗状況を随時ご報告いたします。お客様からのフィードバックを元に修正も行います。

納品・検収
完成したWebサイトをご確認いただき、修正点があれば修正いたします。

対応範囲・価格

Webサイト コーディング：1万円〜
Figmaデザインを基に、HTML/CSS/JavaScriptで忠実に再現。レスポンシブ対応でスマホ表示も美しく。
フェードイン、スライド、ハンバーガーアイコンなどのアニメーション可能。

Webサイト コーディング：5万円〜
上記以外の複雑なアニメーションが必要な場合。

WebサイトWordPressオリジナルテーマ構築：10万円〜

納期

最短7日

制作の流れ

設計・準備
Figmaデザインデータを詳細に分析し、Webサイトの構造を設計します。

コーディング
HTML/CSS/JavaScriptを用いて、Figmaデザインを忠実にコーディングします。 レスポンシブ対応も行います。

WordPress 構築（必要な場合）
WordPress化をご希望の場合は、WordPressのテーマを構築し、必要な機能を実装します。

品質チェック
Webサイトの動作確認、表示確認、SEO対策など、品質チェックを行います。

最終確認・修正
お客様にWebサイトをご確認いただき、修正点があれば修正いたします。修正３回無料。

納品・公開
Webサイトのデータを納品いたします。サーバーへのアップロード作業もサポートいたします。

サービス内容

Figmaからのコーディング代行、Webサイト制作、WordPress構築を承ります。お客様のデザインを高品質なWebサイトとして実現いたします。

Webサイトのデザインはあるけど、コーディングできる人がいなくて困っていませんか？
コーディングを依頼したいけど、どこに頼めば良いか分からなくて悩んでいませんか？

そんなあなたのために、Figmaデザインからの高品質なWebサイト制作を承ります。

私は、Figmaデザインを忠実に再現し、細部まで丁寧に仕上げることを得意としています。
これまでの経験を活かし、お客様のWebサイト制作をサポートいたします。

Webサイト制作でお困りの方は、ぜひ一度ご相談ください。

ポートフォリオはこちら　https://fori.io/leo-code-lab

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

◆サービス内容

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

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

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

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

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

◆制作の流れ

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

◆納品方法

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

デザインの意図を汲み取り、現場で使い続けられるWebサイトを実現するHTML/CSSコーディング

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

・デザインを忠実にWebサイトで表現したい
・表示崩れや古いコードの修正に困っている
・Webサイトのパフォーマンスを改善したい
・保守性が高く、将来的な拡張を見据えたコードが欲しい

発注の流れ

1. ご相談・ヒアリング
   Lancersのメッセージ機能にて、Webサイトの目的、ターゲット、デザインデータ（Figma, XDなど）の有無、ご希望納期、ご予算など、プロジェクトの詳細をヒアリングします。

2. お見積り・ご提案
   ヒアリング内容に基づき、最適なコーディング範囲、費用、納期を記載したお見積もりとご提案書をLancersメッセージで提出します。

3. 契約・仮払い
   ご提案内容にご納得いただけましたら、Lancersの正規フローで契約を行い、仮払いをお願いいたします。これにより制作が正式にスタートします。

4. 制作開始
   提供いただいたデザインデータと仕様書をもとに、SEOや保守性を考慮した高品質なHTML/CSSコーディングを進めます。進捗は随時Lancersメッセージでご報告します。

5. ご確認・修正
   コーディングが完了しましたら、テスト環境でご確認いただきます。Lancersメッセージを通じて修正点や改善点をお伺いし、対応いたします。（各プランに応じた修正回数内）

6. 納品・検収
   最終確認が完了しましたら、指定の形式（zipファイルなど）でHTML/CSSファイル一式をLancersのメッセージ機能またはワークスペースにて納品いたします。納品完了後、検収手続きをお願いいたします。

対応範囲・価格

企画・事前相談：無料
プロジェクトの要件、デザインデータ、目的を詳しくお伺いし、最適なプランと見積もりをご提案します。

HTML/CSSコーディング（1ページ）：25,000円〜
デザインデータ（Figma, XDなど）を元に、静的ページ1枚のHTML/CSSコーディングを行います。基本的なPC/SP対応を含みます。

既存Webサイトの改修・調整：15,000円〜
既存サイトの表示崩れ修正や、古いコードのリファクタリング、特定の機能追加など、部分的な改修に対応します。

納期

ご依頼内容とプランによりますが、最短7日〜最長30日程度での納品となります。

制作の流れ

1. 要件確認・デザイン解析
   FigmaやXDなどのデザインデータと、サイトの要件（ターゲットブラウザ、デバイス、動きなど）を詳細に確認し、不明点は解消します。

2. 設計・ファイル構成
   受け取ったデザインを元に、再利用性、拡張性、SEOに配慮したHTML構造とCSS設計（BEM、FLOCSSなど）を行います。

3. コーディング実施
   設計に基づき、手作業でpixel perfectなHTML/CSSコーディングを進めます。JavaScript連携が必要な場合は、動的な表現も実装します。

4. 品質チェック・デバッグ
   主要ブラウザ（Chrome, Firefox, Safariなど）や各種デバイス（PC, スマホ, タブレット）での表示崩れがないか、動作に問題ないかを厳しくチェックします。

5. 最終調整・納品準備
   最終的な表示確認と細かな調整を行い、ご指定のファイル形式で納品データを準備します。

サービス内容

お客様のデザインデータ（Figma, XDなど）を忠実に、かつSEOや表示速度に配慮した高品質なHTML/CSSコーディングでWebサイトとして実現します。使い続けられる保守性の高いコードと、柔軟なJavaScript連携で、動きのある魅力的なWeb体験を提供します。レガシー対応からAI連携まで見据えたWebエンジニアが、長期的な視点でサポートいたします。

「デザインはできたけど、Webサイトとして形にするのが難しい」「動きのあるリッチな表現にしたいけど、実装が不安」そんなお悩みはありませんか？長年Web開発に携わってきた私が、お客様のデザインを忠実に、そして「使い続けられる」高品質なHTML/CSSコードへと変換します。SEOや表示速度、保守性まで考慮したコーディングで、ただ動くだけでなく、ビジネスに貢献するWebサイト基盤を構築。未来を見据えた技術力で、デザインの可能性を最大限に引き出します。まずはお気軽にご相談ください。

▼こんな方へオススメ
・既存サイトの特定ページを削除して、リンクも整理したい方
・テキストや画像を一括で差し替えたい方
・スマホ表示の崩れを直したい方
・WordPressのお知らせ更新やプラグイン設定変更を依頼したい方
・問い合わせフォームの項目を変更したい方
・「ちょっとした修正」を頼める相手を探している方

▼ご提供内容
・HTML / CSS / JavaScript / jQuery の修正
・WordPress軽微改修・記事更新・プラグイン設定
・レスポンシブ対応・表示崩れ修正
・問い合わせフォーム改修（項目変更・送信先変更等）
・SEO基本対応（メタタグ・OGP・構造化データ）
・表示速度の軽微改善

▼ご購入後の流れ

1. ご注文後にメッセージで詳細をヒアリングいたします
2. 仮払い確認後に作業着手いたします
3. 進捗はテキストでこまめにご報告します
4. 完成後、PC/スマホで動作確認結果をお見せします
5. ご確認・修正対応後、納品完了

▼制作可能なジャンル
・コーポレートサイトの軽微修正
・LP（ランディングページ）修正
・WordPressブログ・コーポレートサイトの改修
・HTML/CSS静的サイトのテキスト・画像差し替え
・問い合わせフォーム改修

▼料金プランやオプション
・ベーシック ¥10,000：1〜3ページの軽微修正・ページ削除・テキスト変更
・スタンダード ¥20,000：複数ページのリニューアル軽修正・レスポンシブ対応・WordPress軽微改修
・プレミアム ¥40,000：セクション追加・WordPressテーマカスタマイズ・表示速度改善・SEO基本対応

オプションは要件に応じてご相談ください。

▼納期
・ベーシック：2日
・スタンダード：4日
・プレミアム：7日

お急ぎの場合はご相談ください。可能な範囲で短縮対応いたします。

▼私について
SES勤務の現役ITエンジニアです（TypeScript / JavaScript / Angular / PHP 業務4年）。
Claude等のAIツールを活用した効率的な開発を得意としており、新規構築よりも「既存サイトの軽微修正・運用保守」に特に注力しています。

ランサーズでの活動は開始したばかりで実績はこれから積んでいく段階ですが、その分丁寧に対応いたします。
AI（Claude等）を活用していますが、最終的なロジック確認・品質チェックは私自身で行い、コードの説明責任・バグ対応もこちらで担当しますのでご安心ください。

▼対応しない範囲
・新規サイトのフル構築（別途ご相談）
・本格的なデザイン制作（デザイナー領域）
・ECサイト構築（別パッケージで対応予定）

★★ 半年限定キャンペーン（〜2026年11月16日 / 先着10名様） ★★
通常 ¥30,000 → ¥10,000 でHP・LPコーディング代行致します。

▼こんな方へオススメ
・デザインは完成済みだが、コーディングを外注したい制作会社・デザイナー様
・LP・1ページHP のコーディングだけ依頼したい個人事業主様
・既存サイトの一部ページ追加・修正をしたい方
・WordPress化を含めて格安で依頼したい方

▼ご提供内容
・Figma / XD / PSD / Sketch / 画像 デザインからのコーディング
・レスポンシブ対応（PC / タブレット / スマホ）
・モダンブラウザ対応（Chrome / Edge / Safari / Firefox）
・共通パーツの部品化、保守しやすい命名規則
・WordPress テーマ化（プレミアムプランのみ）
・お問い合わせフォーム実装（オプション）
・Cloudflare Pages 等への高速配信デプロイ

▼制作の進め方

1. デザインデータ受領（Figma 推奨）
2. 構成・コーディングルール確認
3. コーディング・実装
4. ステージング環境で確認・修正
5. 納品（ZIP / Git / FTP / Cloudflare デプロイ）

▼料金プラン
・ライト：1ページコーディング ¥10,000（キャンペーン価格）
・スタンダード：5ページコーディング ¥30,000
・プレミアム：WordPress化込み ¥45,000

▼有料オプション（別途お見積もり）
・追加ページ：1ページ 3,000円〜
・お問い合わせフォーム実装：5,000円
・SEO上位対策（構造化データ）：8,000円
・アニメーション・JS実装：5,000円〜

▼使用技術
HTML5 / CSS3 / JavaScript（TypeScript）/ Tailwind CSS / Sass / WordPress / Cloudflare Pages

▼ポートフォリオ
・ぢどり屋: https://jidoriya.b1ue.jp
・Playwright: https://playwright.b1ue.jp
・ravonote: https://ravonote.com

▼納期
ライト：10日 / スタンダード：21日 / プレミアム：30日（要相談）

▼販売実績ゼロ脱却のための限定価格です。
通常時は ¥30,000 相当の内容を、初期実績作りのため期間限定で大幅値下げしております。
ご質問だけでもお気軽にどうぞ。お見積もり無料です。

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

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

【対応内容】

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

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

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

【ご依頼の流れ】

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

数あるサービスの中からご覧いただきありがとうございます。
Webコーダーとして、ただ「見た目を再現する」だけでなく、「運用しやすく、修正に強い」コーディングを提供しております。

制作会社様の下請け案件から、個人主様向けのカスタマイズまで、柔軟に対応いたします。

【私に依頼するメリット】
✔️管理しやすいCSS設計
BEMなどの設計思想に基づき、変数やコンポーネントを整理したSass（SCSS）で構築します。納品後の修正や機能追加が容易です。

✔️WordPressの深いカスタマイズ
ACF（カスタムフィールド）やカスタム投稿の活用はもちろん、WooCommerceのフックを利用したテンプレート改修にも対応可能です。

✔️モダンなフロントエンド対応
Nuxt.jsによるコンポーネント実装や、JavaScriptを用いた動きのあるUI構築も承ります。

✔️Gitによるチーム開発
GitHubでのコード管理・連携が可能です。

【対応可能なスキル】
WordPress： オリジナルテーマ構築、ACF、カスタム投稿、各種プラグイン連携
WooCommerce： フックを活用した機能追加・表示改修
コーディング： HTML5/CSS3（Sass）、レスポンシブ対応
JavaScript： 素のJSによるDOM操作、Nuxt.js（コンポーネント実装のみ）
バージョン管理： Git / GitHub

【制作の流れ】
1.ヒアリング・お見積り： デザインデータや仕様書をご提示ください。
2.コーディング着手： 適宜進捗をご報告しながら進めます。
3.確認・修正： テストサーバー等でご確認いただき、必要に応じて修正します。
4.納品： ファイル一式、またはサーバーへのアップロードにて完了です。

実績100件以上の現役エンジニアの私が、フロントエンドの開発代行を致します。
既存サイトの不具合などの小さなご依頼から、Webサービスの開発まで、対応可能です！

固定の金額をご提示するのが難しいので、ひとまず見積もり依頼をしていただきたく思います。

「サービス詳細」
いただいたデザインカンプや仕様書から、Webサイト/Webアプリコーディングをします。
・HTML/CSSコーディング
・Wordpressサイト開発
・Vue.js/Nuxtを使ったモダンフロントエンド開発
・ReactやNext.jsを使ったモダンフロントエンド開発
・バックエンドも含めた機能開発
・JavaScript,JQueryを使ったアニメーション実装
・レスポンシブ対応
・お問い合わせフォーム実装
・既存サイトの不具合対応

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

「私の強み」
・サイトだけでなくWebアプリも対応
・デザインから対応できる
・VueやReactなどのモダンフロントも得意
・内部SEOを意識しコーディング
・Wordpressサイトを作成する際は、セキュリティ対策など適切なプラグイン導入を致します。
・サイト表示速度改善のため、画像圧縮を行います。
・常時SSL化とアクセスデータ見ることができるGoogleアナリティクスの設置も可能です

「私の実績」
・ホームページの制作(住宅業・ホテル宿泊業・美容クリニック・介護/デイサービス・福祉・保育園・歯医者・鍼灸院等)
・LP(大手企業のサービスLP・オンラインスクール・美容クリニック等)
・採用サイト(年間数本制作しております)
・Wordpress
・長野県の企業のサイト制作をすることが多いです
・営業支援システムの開発(フロントバックどちらも)
・ToC向けポイントサイト(フロントバックどちらも)
・オンラインスクール向けのシフト管理・授業管理・課題管理・生徒管理システムの開発
・SaaSの新規開発（日報管理・従業員コンディション管理・AI日報会話システム）において、設計から実装・クライアント折衝まで開発リード・フロントバックどちらも対応

などなど

「私の経歴」
フリーランスでWeb制作を学び、歯科医院や企業のホームページを制作。Web制作会社でサイト制作経験を経た後、システム開発会社でフロントエンドおよびバックエンド開発を担当
フリーランスとしてスタートアップ企業に所属し、PoCやMVPの開発を複数件対応
サイト制作は100件以上の経験あり。

「アフターフォロー」
・追加修正が3回目まで無料
・納品後1ヶ月は、不明点の質問に無料でお答えします。

「大まかな流れ」
①内容のヒアリング、お見積もり
ヒアリングにて、画像やデザインデータを確認させていただきます。
②ご契約
③コーディング
④ご納品

レンタルサーバーにアップロード or ファイル納品 or 指定の箇所へデプロイ(AWS/GCPなど) or github repositoryへpushを想定しております。

HTML/CSSの小さな修正・表示崩れを安全に対応します

Webサイトの文字修正、画像差し替え、CSSの余白調整、軽微な表示崩れなど、小さな修正に対応します。

本番サーバーへ直接ログインして作業するのではなく、修正対象のHTML/CSSファイルや画像、修正指示をお送りいただき、修正済みファイルまたは差分コードとして納品します。

AIツールも補助的に活用しながら、コード確認・原因調査・修正案の作成を行います。ただし、最終的な確認は当方のWindows環境と主要ブラウザで行います。

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

・Webサイトの文字や画像を差し替えたい
・CSSの余白や配置のズレを直したい
・小さな表示崩れを修正したい
・本番サーバーに直接入らず、安全にファイルで修正してほしい
・大きな制作会社に頼むほどではない小修正を依頼したい

対応できる内容

・HTMLの文章修正
・画像差し替え
・リンク先の変更
・CSSの余白、文字サイズ、色、配置の軽微な調整
・スマホ表示やPC表示の軽微な崩れ確認
・修正箇所の説明付き納品

対応が難しい内容

・大規模なWebサイト制作
・WordPress本体やプラグインの複雑な改修
・ログイン機能、決済機能、会員機能などの開発
・高度なJavaScript、React、Vueなどのフレームワーク修正
・本番サーバーへ直接ログインしての作業
・原因が深く複雑なバックエンド不具合

発注の流れ

1. ランサーズ上でご相談
   修正したい箇所、対象URL、HTML/CSSファイル、画像、指示内容をお送りください。

2. 内容確認と対応可否のご連絡
   修正可能な範囲、必要な作業、納期を確認します。対応が難しい場合は、無理に受注せず事前にお伝えします。

3. 仮払い後に作業開始
   ご依頼内容に合意いただいた後、仮払い確認後に作業を開始します。

4. 修正ファイルまたは差分コードを納品
   修正済みファイル、差分コード、修正内容の説明をランサーズ上で納品します。

5. 確認・軽微な修正対応
   納品後、内容に問題がないか確認いただき、プラン範囲内で軽微な調整に対応します。

納品形式

・修正済みHTML/CSSファイル
・修正前後の差分コード
・修正箇所の説明テキスト
・必要に応じたスクリーンショット確認

まずは、修正したい箇所が対応可能かお気軽にご相談ください。