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の静的ページのコーディング
・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デザイナー様》デザインに集中して、コーディングだけ外注したい！
《Web制作会社様》案件が重なり、コーダーのリソースが急に必要になった！

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

【対象】

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

【活動実績】

• 2022 Top 100 Lancerに掲載

【納品までの流れ】

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

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

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

4. 製作開始

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

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

【主な確認事項】

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

【WordPressテーマ化について】

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

【注文時のお願い】

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

【注意点】

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

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

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

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

【その他】

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

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

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

◾️提供可能な内容


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

◾️基本料金内


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

◾️オプション


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

◾️納期

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

◾️金額について

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

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

- 制作実績100件以上 -
高品質の実装で、デザインを最大限に引き出します。

当パッケージをご覧いただきありがとうございます。
私はこれまでに100件以上のWebコーディング実績を重ね、
大手企業サイトや40ページを超える大学サイトなど大きな案件も多数担当してまいりました。

現在は、WordPress・Shopify制作を中心に、開発・構築・ディレクションまで一貫対応しております。

「ShopifyやWordPressを理解し、CMS部分も巻き取って欲しい」
「技術仕様を相談しながら構築を任せたい」

そんな課題をお持ちの企業・代理店様に最適なサービスです。

【選ばれる理由】
・デザイン再現度の高さ
　ピクセル単位での再現を意識し、デザインの意図を忠実に再現します。

・開発＋提案力
　ただの実装者ではなく、SEOや運用面を踏まえた最適な構成をご提案します。
　詳細な要件部分は不明でも、これまでの実装経験から判断して対応いたします。

・信頼される対応力
　丁寧なヒアリングと柔軟なコミュニケーションで、
　エンドクライアント・代理店問わず「安心して任せられる」と高い評価をいただいています。

【対応可能領域】
フロントエンド実装
・デザインカンプを元に正確なHTML/CSSコーディング
・GSAPなどを活用した高品質アニメーション
・JavaScriptによる動的機能の実装（表示切替、フォーム補助など）

CMS構築
・WordPress（オリジナルテーマ制作 / 投稿タイプ・カスタムフィールド対応）
・Shopify（Liquidを用いたオリジナルテーマ制作 / アプリ不要の機能実装）

周辺実装・最適化
・お問い合わせフォーム（ContactForm7 / MW WP Form / PHP工房）
・SEO内部対策（meta設定 / alt属性 / 表示速度 / OGPなど ）
・OGP / Favicon / 画像圧縮（webp変換）対応
・テスト環境構築・実機検証（Windows / Mac / iPad / iPhone / Android）

【対応データ】
・Figma / XD / Photoshop / Illustrator
・画像データ / PDF / 参考サイトなど

【お取引の流れ】
・ヒアリング
　ご依頼いただく内容を確認させていただきます。
　なお、オンラインMTGを必須とさせていただいております。

・ご契約・お見積り
　要件に応じた最適な金額・スケジュールをご提示します。

・テストアップ
　当方テストサーバーにて動作確認を行っていただきます。

・納品
　ご指定サーバまたはデータ納品にて対応いたします。

【価格以上の価値を感じていただける品質を】
安さではなく「確実で安心できる品質」を求めるクライアント様に選ばれています。
単なるコーディングではなく、サイトの成果に直結する構築をご提供いたします。

ご満足いただけるまで、責任を持って丁寧に対応いたします。
お気軽にご相談ください。

ご覧いただきまして、ありがとうございます。
安心してお取引していただけるよう、丁寧に質の高いサービスをご提供できるよう、心がけております。

当サービスは既存サイトの部分修正・改修のコーディングを承っております。
現在、新規サイトのフルコーディングはお受けしておりません。
𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄 𓐄

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

サービス内容

• HTML / CSSの調整
• JavaScript実装／修正（メニュー、タブ、アコーディオン、スムーススクロール、スライダーなど）
• アニメーション・動きの追加
• ページ追加 / セクション追加
• 複製ページ /デザイン流用ページ
• レスポンシブ対応
• SEOの設定（meta・alt・見出し構造の調整）

記載以外の内容についても柔軟に対応しています。

基本料金

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

※作業内容・ボリュームによりお見積りいたします。まずはお気軽にご相談ください。

納期

• 軽微な修正：最短 当日〜2営業日
• ページ全体の調整：2〜4営業日
  ※デザイン・ボリューム・稼働状況で前後します。

⌇このようなお悩みの方におすすめ
┈ スポットですぐに依頼したい
┈ 社内でコーディングできる人がいない

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

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

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

========

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

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

などなど

========

【　制作の流れ　】

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

◯無料セキュリティ対策（WordPressの場合）
・SiteGuard
・Google reCAPTCHA v3
========

【　料金　】

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

========

【　確認環境　】

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

========

【　当サービスの強み　】

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

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

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

========

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

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

本サービスでは、デザインを忠実に再現した静的サイト（LP・企業サイトなど）のコーディングを承っております。
スマホ・タブレット・PCすべてで快適に閲覧できるよう、丁寧に実装いたします。

■ サービス内容
・HTML / CSS / JavaScript による静的コーディング
・PC / スマホ / タブレット対応のレスポンシブ最適化
・JavaScript（jQuery）を用いたアニメーション実装
（例：ハンバーガーメニュー、スライダー、フェードインなど）
・既存サイトの調整・修正

■ 料金目安（レスポンシブ対応込み）
・LPコーディング：15,000円〜
・トップページ：15,000円〜
・下層ページ：5,000円〜（1ページあたり）
・アニメーション実装：2,000円〜
※作業内容・ボリュームによりお見積りいたします。
まずはお気軽にご相談ください。

■ 納品までの流れ
・「見積り・カスタマイズを相談する」より内容をご連絡ください
・デザインデータのお預かり
・コーディング作業
・ご確認・修正
・最終確認後、納品

■ 納品方法
・Zipファイルでの納品
・ご指定のサーバーへのアップロードも可能

丁寧なコミュニケーションと責任ある対応を心がけております。
「軽微な修正」であれば 当日対応 も可能です。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

〇料金

＊トップページ　20000円～

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

〇オプションについて

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

◾️提供内容

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

jQuery/JavaScriptの実装

CSSアニメーション

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

◾️基本料金内

jQuery/JavaScriptの実装

レスポンシブ対応

SEO対策

テスト環境
修正対応

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

◾️納期

トップページ：2～4日

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

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

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

サービス開始から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件以上の実績がございます。

◆サービス内容

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

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

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

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

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

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

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

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

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

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

■当サービスの特徴

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

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

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

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

■ご契約後の流れ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

※いずれも最新版です。

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

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

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

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

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

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

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

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

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

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

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

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

■ バックエンド開発

• PHP/WordPress
• Shopify実装

■ 開発環境

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

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

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

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

【制作フロー】

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ご覧頂きありがとうございます。中桐と申します。
Webサイトの修正を承ります。

◆ご提供業務
・既存ペーシのレイアウト更新、画像差替え
・定期的な月次更新、お知らせの更新、等々

◆品質保証
▲作業チェックリストと作業手順/注意事項リストなどを作成してトレーサビリティも確保
▲更新の Before/After の比較ツール併用で見落としの二重チェック
▲自家製チェッカーをカスタマイズして見落としの二重チェック
▲作業実施、合意に基づく作業報告、随時確認・気づき報告

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

こんな方におすすめ

・古いデザインのまま放置しているサイトを直したい
・スマホで見ると崩れるページを直したい
・文字が小さい／読みにくいサイトを改善したい
・業者に頼むほどではないが、自分では直せない

【 提供内容 】
※新規サイト制作・大規模リニューアルは対象外です。
・HTML/CSSの修正
・スマホ対応（レスポンシブ化）
・文字サイズ・余白・行間の調整
・レイアウト崩れの修正
・フォーム表示の調整
・軽いデザインの今風調整

【 納品物 】
・修正済みHTML/CSSファイル
・または修正箇所のコード一式
・事前／事後の比較画像（ご希望があれば）

【 ご購入後の流れ 】
サイトURL、またはHTML/CSSデータを送付
↓
修正したい内容をヒアリング
↓
作業開始
↓
仮納品 → 確認
↓
微調整後、正式納品

【 対応できるサイト例 】
・個人サイト
・小規模企業サイト
・ブログ
・LP
・ポートフォリオ
・古い静的HTMLサイト

【 料金・オプション 】
・基本プラン：指定ページの修正
・ページ追加、フォーム修正、特急対応などはオプション対応

【 納期目安 】
・基本：3〜5日
・特急対応：最短1〜2日（オプション）

ご覧頂きありがとうございます。中桐と申します。
新規ページ作成から既存ページ修正まで小規模作業も承ります。

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

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

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

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

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

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

HTML5 / CSS3 / jQuery にて対応可能です。

コーディングルールがある案件や、既存サイトへの追加実装にも対応いたします。

修正や微調整にも柔軟に対応し、最後まで責任を持って仕上げます。

年間およそ 200ページ規模 の新規・修正案件に携わっております。

丁寧で正確なコーディングを心がけておりますので、どうぞ安心してお任せください。

料金は適正価格でのご提供となります。
ご不明な点やご相談などございましたら、お気軽にご連絡ください。

ご覧頂きありがとうございます。中桐と申します。
新規ページ作成から既存ページ修正まで小規模作業も承ります。

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

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

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

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

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

Shopifyのテーマで発生する「表示崩れ」「レイアウトの乱れ」「ちょっとした動作不良」などを、CSS/JavaScript/Liquidを用いて原因を切り分け、最短距離で修正します。
とりあえず直したい、でもどこが原因か分からない、アプリ導入後に崩れた、スマホだけ崩れる、特定ブラウザだけおかしい、という“よくある詰まり”に強いです。

▼こんな方へおすすめ

Shopifyのテーマで以下のような困りごとがある方
・PC/スマホで表示が崩れる、余白や文字サイズがおかしい
・ボタンが押せない/リンク範囲がズレる
・ヘッダー/メニュー/フッターが崩れた
・商品ページ/コレクションの並び・見た目を整えたい
・アプリ導入やテーマ更新後にレイアウトが崩れた
・ちょっとしたJS挙動（開閉、タブ、スライダー等）を直したい

▼ご提供内容（対応範囲）

・CSSの調整（余白、フォント、位置、レスポンシブ対応、崩れ修正）
・JavaScriptの軽微修正（クリック動作、簡易UI挙動の調整・不具合修正）
・Liquidの軽微修正（表示条件、文言、簡単な出し分け、マークアップ調整）
・原因調査（どのファイル/どの要素が原因か切り分け）
・修正後の簡易動作確認（PC/スマホの基本確認）

▼納品物

・Shopifyテーマへの修正反映
・変更点の共有（どこを直したか/今後触るときの注意点を簡潔に）

▼ご購入後の流れ

1. ヒアリング（症状の確認：いつから/どの画面/どの端末で発生か）
2. 調査・原因切り分け（テーマ/アプリ/カスタムコード等）
3. 修正案の提示→実装
4. 反映・確認→納品（修正点の共有）

▼購入時にご用意いただきたい情報（あるほど早いです）

・対象ストアURL（公開ページ）
・崩れているページURLと、崩れ箇所のスクショ（PC/スマホ）
・発生条件（iPhone/Android、Chrome/Safari等、再現手順）
・テーマ名、アプリ導入/更新の有無（分かる範囲でOK）
※管理画面への権限付与が必要な場合は、ランサーズの規約に沿ってご案内します。

▼非対応（別途相談）

・大規模な新規機能開発、アプリ開発、複雑な外部連携
・デザイン一式の作成（素材制作/ロゴ制作等）
・数値改善の保証（速度スコアや売上などは環境要因で変動します）
ただし「軽微修正として切り出せる形」に分解しての対応は可能です。

▼料金プランの目安

・ベーシック：軽微修正1件
・スタンダード：軽微修正3件＋原因切り分け
・プレミアム：緊急対応＋修正5件＋影響確認
追加修正や特急対応、検証環境での作業などはオプションをご利用ください。

まずは「これ直せますか？」の相談からで大丈夫です。
お気軽にご相談ください！

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

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

【対応内容】

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

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

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

【ご依頼の流れ】

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

適切な進捗共有 x 品質担保 x 納期厳守 丁寧なコーディングをご提供いたします

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

「デザインカンプからのコーディングを頼みたい」
「コーダーの手が足りない」
「LP(ランディングページ)に動きをつけたい」

こんなお悩み、ぜひお聞せください！
品質・納期管理の徹底と柔軟対応で、お客様それぞれの「ちょっと困った」に寄り添い、丁寧にお手伝いいたします。

【サービス内容】

• HTML・CSS(Sass)を用いた静的コーディング
• レスポンシブ対応 (PC・スマホ)
• JavaScriptを用いたアニメーション(ハンバーガーメニュー・スライダーなど)
• 基本のSEO対策(metaタグ設置等)
• ファビコン設定
• OGP設定
• テスト環境構築

　上記はベーシックプランに含まれている内容です。（すべて基本料金内で対応）
　その他ご要望があればお気軽にお問い合わせください！

【料金】

• ベーシック：HTML/CSSでの静的コーディング
  　　　　　　スムーススクロール、ハンバーガーメニューは基本料金に含まれます

• スタンダード：ベーシックプラン ＋ アニメーション1機能追加
  　　　　　　ベーシックに含まれていないアニメーションを1機能追加したプランです

• プレミアム：ベーシックプラン ＋ アニメーション2機能追加
  　　　　　　ベーシックに含まれていないアニメーションを2機能追加したプランです

アニメーションを2機能以上追加ご希望の場合はオプション選択より追加いただけます。

【納期】

• LP/TOPページ 平均14日〜20日ほど
  　※上記は目安となり、対応ページ数や内容の複雑さにより変動いたします。
  　※納品可能日はお見積り時にお伝えいたしますので、お急ぎなどのご希望があればご依頼時にご相談ください。

【制作の流れ】
　1.まずはお問合せからご要望をお聞かせください
　2. ヒアリング　
　　実装内容の確認、デザインデータのお預かり
　3.お見積もり　
　　仕様を確定し、納品可能日と合わせてお伝えいたします
　4. 同意・ご購入
　5. 作業開始　
　　デザインデータに基づきコーディングいたします
　6. ご確認・修正
　　テスト環境でご確認、修正対応
　7. 納品
　　ZIPファイルでのお渡し、もしくはFTPツールを用いたサーバーアップロードでの納品となります

【ご用意いただくもの】

• デザインデータ
  　※基本Figmaデータでのご提供をお願いしております。Figma以外のデザインカンプの場合は別途お時間をいただきます。
• 使用する画像素材やテキスト
• サイトタイトルや説明文
• アニメーションの参考サイトURL
• FTP情報(サーバーアップ納品をご希望の場合)

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

現在、ランサーズでの実績獲得のため、格安でご対応可能です！
アニメーション・ページの長さに関わらず、
LP or TOPページ　￥10,000でコーディングいたします。

◎こんな方へおすすめです◎
・デザインはあるけれど、実装する人手が足りない方
・制作が詰まっていて、急ぎで形にしたい方（状況により優先対応可）
・スマホ〜PCまでしっかり綺麗に整えたい方
・公開後の更新や修正を想定して、扱いやすい形で納品してほしい方
・やり取りが丁寧で、進行が分かりやすい相手に任せたい方

◎ご提供できること◎
・HTML、CSSでの静的コーディング
・レスポンシブ対応
・Javascript（jQuery）でのアニメーションの実装
・WordPress実装
・お問い合わせフォーム実装
・既存ページの修正
など

◎購入後の流れ◎
①ヒアリング
　デザイン確認後、対応範囲や納品形式などのすり合わせを行います。
②制作開始
③確認・修正
　修正は３回まで無料で行います。
④納品（データ一式／必要事項の共有）

◎納期について◎
例）
LP（1ページ）：正式に着手後、3日
TOP +下層数ページ：正式に着手後、7日〜10日

ページ数・内容によって納期は変動しますが、お急ぎ案件の場合も
できる限りお応えできるよう努めますので、まずはご相談ください。

◎お約束すること◎
・分かりやすく、丁寧なコミュニケーション
　安心して任せていただけるように、真摯に取り組みます。
・見やすく、運用しやすい納品
　更新や修正がしやすいよう、構成やファイルを整理してお渡しします。
・仕上がりの品質確認
　スマホ〜PCまで各ブラウザで表示を確認します。
・納期を意識した進行

なるべく迅速なレスポンス＆作業ができるよう心がけております。
内容に合わせて柔軟に対応しますので、ぜひお気軽にお問い合わせください。

古いホームページをスマホ対応に！ 費用を抑えて、集客チャンスを最大化します！

既存PC向けホームページをURLはそのままにレスポンシブ化（画面の大きさに合わせて表示を最適化）。

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

スマホからのアクセスが増えているのに、ホームページがスマホ対応できていない。
スマホ対応したいが、リニューアル費用が高い。
PCサイトのデザインは気に入っているので、その雰囲気を損なわずにスマホ対応したい。

無料お見積もりの段階でおおよその仕上がりをテストページを作成してご提案します

お問い合わせの際に、ホームページのURLをお知らせください。
ホームページを拝見し、サンプルとして「仕上がり予定図」をご提示します。
それを確認してから発注するかどうかをご判断ください。

サンプル提示後の営業はいたしませんので、『思っていたのと違うな』ということであれば、そのままスルーしていただいてかまいません。
お気軽にどうぞ。

ページ数ではなくCSSファィルの容量で料金計算するから安くて明朗

ご自身でのお見積もりも可能です。
そのホームページに関わるすべてのPC表示用CSSファイルを選り出してください。
次にファイル容量を合計してください。

ファイル容量の合計が10KB（キロバイト）以内、なおかつ文字数のトータルが5,000文字以内 = 12,000円（最低ライン）。
ファイル容量の合計が20KB以内、なおかつ文字数のトータルが10,000文字以内 = 20,000円。
ファイル容量の合計が30KB以内、なおかつ文字数のトータルが15,000文字以内 = 28,000円。

基本料金4,000円＋10KB毎に8,000円という計算方法です。
見積もり時の計算が合っているかどうか（妥当な価格であるかどうか）を、第三者にも客観的に検証してもらえます。

この際、ページ数は関係ありません。
極端なケースですが、ページ数100ページであったとしてもCSSファイルの総容量が10KB以内かつ5,000文字以内であれば料金は12,000円となります。

ごく一般的な10ページ程度のホームページであれば10KB以内に収まっていることが多いです。

お問い合わせいただければこちらで計算いたします。

納期

最短4日間

制作の流れ

• コーディング
  お客様のPCサイトを基本に、トレンドを取り入れながらスマホやタブレットに最適なレイアウトを考えます。
  そこからお客様のご要望をお聞きして調整を行います。
  PCサイトに無い機能や、スマホページの時だけ追加したい画像がある場合はご相談ください（たとえばスマホ時にハンバーガーメニューを導入したいなど）。

• 対応画面
  PCとスマートフォンだけではなく、中間の大きさのタブレットにも最適化されます。
  一番小さい端末はiPhone SE（第2・3世代）を想定しています。

• 納品
  スマホ最適化されたホームページをZIPファイルで納品いたします。

レンタルサーバへの転送・設置も代行して欲しいという場合は、

• サーバ名
• アカウント名（ユーザー名）
• ログインパスワード

の情報が3つとも必要です。

設置代行は無料です。

サービス内容

PCサイトのデザインはそのままに、スマホに最適化するサービスです。低コストでスマホ対応を実現し、集客アップに貢献します。

ホームページをお持ちの卸売・小売業、飲食店、士業の皆様、スマホ対応はお済みですか？
スマホからのアクセスが増加している今、スマホ対応は必須です。
しかし、ホームページのリニューアルには高額な費用がかかります。
そこで、私がご提供するのが、既存のPCサイトのデザインをそのままに、低コストでスマホ対応を実現するサービスです。
最小限の工事で、スマホユーザーを取り込み、集客アップに貢献します。
まずは、お気軽にご相談ください。

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

【制作の流れ】

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

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

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

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

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

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

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

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

【対象】

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

【活動実績】

• 2022 Top 100 Lancerに掲載

【納品までの流れ】

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

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

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

4. 製作開始

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

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

【主な確認事項】

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

【注文時のお願い】

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

【注意点】

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

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

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

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

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

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

【その他】

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

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

インドネシアと日本の技術を結集！お客様のアイデアを、高品質なWebシステムとしてスピーディーに実現します。

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

レガシーシステムの刷新、業務効率化、顧客体験の向上、新規ビジネスの立ち上げ

発注の流れ

お問い合わせ・ご相談
お客様の課題やご要望をヒアリングし、最適なソリューションをご提案します。
お気軽にご相談ください。

要件定義・お見積もり
要件定義に基づき、Webサイトの設計、デザイン、機能などを具体的に決定します。
ワイヤーフレームやプロトタイプを作成し、お客様とイメージを共有します。

開発・制作
Webサイトの構築、コーディング、テストを行います。
進捗状況を随時ご報告し、お客様からのフィードバックを反映します。

納品・公開
Webサイトをサーバーにアップロードし、公開します。
公開後も、Webサイトの保守・運用をサポートします。

対応範囲・価格

HTML/CSSコーディング：5万円〜
シンプルなHTML/CSSコーディング。
既存デザインからの変換や、簡単な修正に対応します。
小規模なLPやバナー制作にも最適です。

WordPressサイト構築：15万円〜
WordPressサイトの基本構築。
テーマ選定、プラグイン導入、コンテンツ設定など、Webサイトの立ち上げに必要な作業を代行します。
ブログサイトや中小企業サイトに最適です。

デザインデータからのWebサイト構築：30万円〜
デザインデータ（PSD/XD/Figma）を元に、高品質なHTML/CSS/JavaScriptでWebサイトを構築します。
レスポンシブ対応、アニメーション実装、SEO対策も可能です。
企業のWebサイトやECサイトに最適です。

WebサイトUI/UX改善：50万円〜
既存のWebサイトのデザインを分析し、UI/UXを改善します。
ABテスト、ヒートマップ分析、ユーザビリティテストなどを実施し、コンバージョン率向上を目指します。
ECサイトや会員制サイトに最適です。

AIを活用したWebシステム開発：100万円〜
AI技術を活用したWebシステムの開発。
ChatGPT連携、データ分析、自動レポート生成など、お客様のビジネス課題を解決するAIソリューションを提供します。

納期

要件定義後、最短2週間でプロトタイプを納品

制作の流れ

デザインデータ解析
お客様からご提供いただいたデザインデータ（PSD/XD/Figmaなど）を解析し、Webサイトの構造を設計します。

コーディング
HTML、CSS、JavaScriptなどの言語を用いて、Webサイトをコーディングします。
レスポンシブ対応、アニメーション実装、SEO対策も行います。

テスト・修正
Webサイトの動作確認、表示確認、セキュリティチェックなどを行います。
お客様にテストサイトをご確認いただき、フィードバックを反映します。

納品・公開
Webサイトをサーバーにアップロードし、公開します。
公開後も、Webサイトの保守・運用をサポートします。

サービス内容

デザインデータを、高品質なHTML/WordPressサイトに変換します。日本とインドネシアのハイブリッド開発体制で、迅速かつ丁寧に制作します。AI技術も活用し、お客様のビジネスを加速させるWebシステムを提供します。

Webサイトのデザインはあるけど、コーディングができない...そんなお悩み、ありませんか？

弊社は、日本とインドネシアのハイブリッド開発体制で、お客様のデザインデータを高品質なHTML/WordPressサイトに変換します。

「技術力 × ビジネス理解 × スピード」を軸に、お客様の事業成長を支援する開発パートナーとして活動しています。

AI技術も活用し、お客様のビジネスを加速させるWebシステムを提供します。

まずはお気軽にご相談ください。お客様のプロジェクトに最適な体制とプランをご提案させていただきます。

▼こんな方へオススメ

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

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

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

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

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

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

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

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

【サービス内容】
・HTML/CSSコーディング
・JavaScript（jQuery）を使ったアニメーション
・レスポンシブ対応

【オプション料金】
・追加1,000pxごと：+2,000円
・修正回数超過：1回 +2,000円
・PC/SPどちらかのみのデザイン支給：+5,000円〜
・JavaScript追加（内容により）：+2,000円〜（ホバー、フェードイン、ハンバーガーメニューは無料です。ご希望の場合はご依頼時にお申し付けください）

【納品方法】
・Zipファイルでの納品
・ご指定のサーバーへのアップロードも可能（FTP情報を共有ください）

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

いただいたデザインを元に、HTML / CSS / JavaScriptでコーディングします（レスポンシブ対応）。

◎デザインに忠実
◎シンプルで読みやすいHTML構造
◎修正・微調整も丁寧に対応
を心がけています。

■対応内容
・HTML/CSSコーディング
・レスポンシブ対応（PC／スマホ／タブレット）
・軽微なJavaScript（例：ハンバーガー、アコーディオン、スムーススクロール等）
・画像の圧縮・最適化（webp対応可）
・metaタグ設定（title、description、OGP、favicon等）

■プランの目安（ページ数）
・ベーシック：1ページ
・スタンダード：5ページ
・プレミアム：10ページ
※LP/下層ページなど、静的ページを想定しています。

■進め方

1. ヒアリング（デザインデータ/素材/仕様/希望納期）
2. コーディング（再現度・可読性・保守性を意識）
3. 確認・微調整（各プランの回数内）
4. 納品（HTML/CSS/必要に応じてJS、フォルダ構成整理）

■納品形式
・HTML / CSS / JS（必要に応じて）
・フォルダ構成を整理して納品します

■対応できない/注意事項
・大規模アニメーションやアプリ級の実装は別途ご相談
・デザイン制作/文章作成は原則含みません（素材支給前提）
・連絡はプラットフォーム上で行います

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

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

■ サービス内容

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

■ こんな方におすすめ

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

■ 本サービスの強み

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

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

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

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

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

▼こんな方へオススメ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

※いずれも最新版です。

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

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

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

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

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

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

【デザイナー様向け】jQueryとCSS3アニメーションで、リッチなLPをコーディング代行いたします（※）

※本パッケージはコーディング代行のため、デザインデータは別途提供ください。Photoshop (.psd) / Illustrator (.ai) / Figma / XD 対応可能です。

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

LP制作を受注したが、リッチな演出を実装しなければいけないため、コーディングやアニメーション実装を外注したい。

そんなときに、デザインさえ支給いただければ静的コーディングはもちろんアニメーション実装までワンストップで請け負います。

私は10年以上の経験を持つベテランのフロントエンドエンジニアです。
制作会社、事業会社での経験で培った知識と技術で、品質・スピード感・対応力にといて、デザイナー様のお力になります。
まずは、お気軽にご相談ください。
お客様のLP制作を成功させるために、全力でサポートいたします。

発注の流れ

お問い合わせ・データのご確認
「どのようなLPか」「動きのイメージ」に加え、「デザインデータ（またはカンプ画像）」を共有いただきます。
※データを確認し、正確なお見積りと納期を算出するためです。

プラン提案・お見積もり
作業内容と金額、納期をご提示します。

ご契約・仮払い
ご提案内容にご納得いただけましたら、ご契約となります。
ランサーズ上で「仮払い」のお手続きをお願いいたします。
仮払いの確認が取れ次第、作業に着手いたします。

デザインのご提供・コーディング
デザインをご提供いただきしだい、着手となります。
テストアップ後に修正点などをお知らせください。修正回数はプランによって異なります。

納品・残金のお支払い
すべての修正が完了しましたら、動作確認をお願いします。
問題がなければ、納品となります。残金をお支払いいただきます。
※「納期とスケジュール感について」も合わせてご参照ください。

納期とスケジュール感について

ベーシック（7日納品）：ご依頼から4〜5日目に初稿を提出
スタンダード（10日納品）：ご依頼から6〜7日目に初稿を提出
プレミアム（14日納品）：ご依頼から8〜10日目に初稿を提出

※修正対応を含めた余裕を持った「完納日」を納期として設定しております。
※スムーズに確認いただければ、上記より早く納品完了することも可能です。

稼働・連絡体制について

平日日中は別案件の開発に従事しているため、コーディング作業は主に「平日の夜間（19:00〜）」と「土日祝」に集中して行います。

🌙 夜間作業のメリット クライアント様（デザイナー様）が日中の業務を終えてからご依頼いただければ、翌朝の始業時には進捗確認ができる状態にしておくことが可能です。
「寝ている間に実装が進んでいる」サイクルを作れるため、お急ぎの案件でもスムーズに進行します。

※日中のチャット連絡は可能ですので、仕様確認などは随時行えます。

【制作会社様・Webデザイナー様へ】

「デザインにはこだわりたいが、JavaScript/jQueryの実装で手が止まってしまう…」
「納期間近なのに、スマホでメニューが動かないバグが取れない…」
「クライアントからリッチな動きを求められたが、実装スキルが足りない…」

そんな「フロントエンドの技術的な課題」を、制作会社で10年・事業会社で2年の経験を持つベテランエンジニアが解決します。

【こんなご依頼に対応します】

リッチなアニメーション実装

• オープニングのローディング演出
• スクロールに連動したパララックス・要素の出現アニメーション
• SVGを使用したラインドローイングアニメーション

機能的なUIの実装

• 複雑な絞り込み機能付きの検索
• スライダー（Swiper/Slick）の高度なカスタマイズ
• モーダルウィンドウ、アコーディオン、メガメニュー

WordPress関連

• Contact Form 7 のカスタマイズ・バリデーション追加
• 既存テーマとjQueryの競合解決

プラン内容

💎 ベーシックプラン：10,000円（税抜）
【スポット実装・レスキュー】高難易度アニメーション1点 or 複雑なバグ修正
「ここの動きだけ、どうしても実装できない！」というプロ向けのプランです。

• 複雑なオープニングアニメーションの実装
• GSAPなどを使用したリッチなスクロール演出 1点
• WordPressプラグインとjQueryの競合解消などの重度なトラブルシューティング

納期: 2〜3日

💎 スタンダードプラン：30,000円（税抜）
【LP・1ページ丸ごと】アニメーション実装一式（動きの付け足し）
デザインとHTMLコーディングはできているが、「動き」だけプロに任せたいWebデザイナー様向け。

• LP1ページ分の全アニメーション実装（スライダー、フェードイン、スムーススクロール、SPメニュー等）
• マイクロインタラクション（ボタンのホバー効果など）の調整
• スマホ実機での挙動確認・調整

納期: 5〜7日

💎 プレミアムプラン：50,000円〜（税抜）
【高機能実装】WordPress組み込みや複雑な診断・計算コンテンツ等
単なる表示のアニメーションを超えた、機能要件を含むJavaScript開発。

• 「条件分岐のあるフォーム」や「見積もりシミュレーション」の実装
• 外部APIとの連携（Google Maps APIやInstagram埋め込みのカスタマイズ等）
• WordPressの検索機能のAjax化など

納期: 10日〜

私の強み

1. 「制作会社の品質」を知っています ナショナルクライアント（大手食品・電機メーカー等）の案件経験が豊富です。ただ動くだけでなく、「クロスブラウザ対応」「納品後の更新のしやすさ（保守性）」を考慮した、事故のないコードを納品します。
2. 「更新作業」まで考慮した設計 納品後、クライアント様や他のエンジニアが修正する際に困らないよう、可読性の高いコードと設計を心がけています。
3. 緊急対応も可能 「明日までに直さないといけない」といった緊急のトラブルも、スケジュール次第で即日対応いたします（まずはご相談ください）。

発注の流れ

ヒアリング・要件定義・お見積もり
ヒアリング内容をもとに、最適なプランをご提案します。お見積もりもこの段階で提示します。

ご契約
ご提案内容とお見積もりにご納得いただけたら、契約を締結し、制作を開始します。

動作確認・修正
実装後、お客様に動作確認をしていただきます。修正点があれば、遠慮なくお申し付けください。

納品・アフターサポート
最終確認後、納品となります。納品後も、簡単な修正やご質問には対応いたします。

ご覧いただきましてありがとうございます。
デザインを再現するだけでなく、SEOやメンテナンスも考慮したコーディングを行います。
私自身、Webデザインもしているので、デザインの意図を理解したうえでコーディングいたします。

PCデザインまたはスマホデザインのみでも大丈夫です。
画面サイズに合わせて適宜レスポンシブ対応いたします。
必要であれば、一方のデザインを私の方で起こすことも可能です。

【このようなお悩みの方におすすめです！】
・コーダー不足で信頼できる外注をお探しの制作会社様
・デザインだけに集中したいデザイナーの方
・画像差し替え、テキスト変更などページ更新を必要な時だけ依頼したい企業様

【パッケージに含まれるサービス】
・レスポンシブ対応
・HTML / CSSコーディング（Word Press制作も可）
・お問い合わせフォーム実装
・JavaScript / CSSを用いた動作
・画像圧縮による表示速度最適化
・内部SEO対策(metaタグ、画像に適切なalt、正しい文書構造に応じた適切なHTMLタグなど)
・BEMをベースとした長期メンテナンスしやすいCSS設計
・Google Analyticsなどアクセス解析用のタグ埋め込み
・各種ブラウザ表示テスト
・各種端末表示テスト
・修正無料
・サーバーへのアップロード

【基本料金内JavaScript一覧】
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
・タブ切り替え
など一般的によく見られる動作は、基本料金内で数にかかわらず実装いたします。
その他の動作や複雑なアニメーションについてはご相談ください。