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

HP、LPの修正、コーディング、WordPressオリジナルテーマ化は
お任せください！

【デザイナー様、企業のWeb担当者の方へ】
例えば・・・

ほんの少しの修正が必要だけど、手が空いていない
コーディングが苦手で任せたい
PCサイト画面はできたけど、スマホ用画面のコーディングは・・・
などなど・・・

お任せください！！

デザインだけに集中できるので、デザインの品質も向上します！

こんなお困りごとを解決できます。
ご相談だけでも結構ですので、ぜひお気軽にご連絡ください。

その他にも、
お問い合わせフォームをつけたい
文書を変えたい
HPをネットに公開したい
デザインはあるけど、コーディングができない、など
相談は無料です！

価格（全て税込の対応での掲載になります）
⚫︎修正、更新のご依頼：要相談　3,000円〜
（※内容によっては対応不可の場合もございます。）
システムの都合上10,000円と表記されております。

⚫︎ランディングページのコーディング：10,000円～
※長さによって変動いたします。

⚫︎ホームページのコーディング：10,000円～（ WordPressも対応`）

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

制作の流れ
ヒアリング・お見積もり（まずはご相談ください！）
ご契約（仮払いで契約となります）
クライアント様よりデザインデータご提供いただきます。
コーディング
ご確認・修正（回数無制限）
納品（zipファイルでの納品またはご指定サーバーにアップロードいたします。）
購入する際の注意点
＊ご依頼していただく場合は上記金額にシステム手数料（5.5%)がかかりますので
ご依頼していただく前にぜひご確認くださいませ。
詳しくは下記URLにてご確認ください。
https://www.lancers.jp/faq/A1034/936

納期
【修正、更新】
最短で即日納品

【LPコーディング】
４日〜

【HPコーディング】
4日〜

＊依頼内容によって変動いたしますのでご了承ください。

ポートフォリオも掲載しておりますが、実際に動くサイトをご確認希望の場合は、
下記の【ご依頼、ご相談】のURLの「見積もり・カスタマイズの相談に進む」から
一度ご連絡ください。
また質問なども同じURLからお問い合わせできますので、お気軽にご相談ください。

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

【ご依頼、ご相談】
https://www.lancers.jp/profile/nabejun0326

WEBサイトの修正、コーディング代行いたします！

web業界約15年以上となりますので安心してご依頼ください！
レスポンスも早く、すぐにご対応可能です！

▼こんな方におすすめ
・デザインの準備が終わってるのにコーディングの時間がない
・コーディングできるスタッフがいない
・わかる人に任せたい
他
・レスポンシブ対応に変えたい
・お問い合わせフォームをつけたい
・スマホ表示だと崩れる
・画像差し替えや文章の差し替えをしたい

■価格
※金額はすべて税込みとなります。

・修正、更新のご依頼：要相談
内容により対応不可の場合もございます。

・LPのコーディング：48,000円～
5000px以上ある場合は要相談

・ホームページのコーディング（5ページ以内）：110,000円
6ページ以上ある場合は1ページあたり10,000円追加となります。

上記はあくまでも目安となりますのでご相談ください。

■制作の流れ
①まずはご相談ください！
②ご契約（仮払いでの契約となります）
③お客様よりデザインデータのご提供
④コーディング・テスト
⑤ご確認・修正（3回まで）
⑥納品（ご指定の方法で納品いたします。）

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

■納期

・修正・更新
午前中までにご依頼いただければ当日納品

・LP制作
4日～

・ホームページ制作
14日～

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

あなたの想いをカタチに！デザインカンプからフルスクラッチ、WordPressまで、心を込めてコーディングいたします。

発注の流れ

お問い合わせ
メッセージにて、ご希望のWebサイトのイメージや目的、予算、納期などをお気軽にご相談ください。参考となる資料などがあれば、共有していただけるとスムーズです。

お見積もり・ご契約
ヒアリング内容に基づき、お見積もりを提示します。ご納得いただけましたら、正式にご契約となります。

コーディング作業
ご契約後、コーディング作業を開始します。進捗状況を随時ご報告し、お客様と連携しながら進めていきます。

ご確認・修正
完成したWebサイトをご確認いただき、修正点があればご遠慮なくお申し付けください。迅速に対応いたします。

納品・アフターサポート
最終確認後、納品となります。納品後も、保守・運用に関するご相談を承ります。

対応範囲・価格

デザインカンプからのコーディング：3万円〜
デザインカンプを忠実に再現。細部までこだわった美しいコーディングをします。ピクセルパーフェクトな仕上がりをお約束します。

HTMLからのWordPress化：5万円〜
既存のHTMLをWordPress化。ブログ機能の追加やSEO対策、更新しやすいサイト構造を実現します。お客様自身で簡単に更新できるようになります。

アニメーションの追加：1万円〜
動きのあるWebサイトで、ユーザーの興味を惹きつけます。スクロールアニメーションなど、様々な表現が可能です。

細かな修正：5,000円〜
表示崩れや誤字脱字など、細かな修正も丁寧に対応します。迅速な対応で、お客様のビジネスをサポートします。

納期

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

制作の流れ

Webサイト設計
お客様から提供されたデザインカンプや資料を基に、Webサイトの構造を設計します。SEO対策も考慮した設計を行います。

コーディング
設計に基づき、HTML、CSS、JavaScriptなどのコードを記述します。FLOCSSやBEMなどの設計ルールを活用し、保守性・拡張性の高いコードを書きます。

テスト・修正
作成したWebサイトを様々なデバイスでテストし、表示崩れがないか、動作に問題がないかなどを確認します。必要に応じて修正を行います。

お客様確認
お客様にWebサイトをご確認いただき、フィードバックをいただきます。修正点があれば、迅速に対応します。

納品
最終確認後、Webサイトを納品します。必要に応じて、サーバーへのアップロードやWordPressのインストールなども代行します。

サービス内容

デザインカンプからのコーディング、HTMLからのWordPress化、アニメーション実装、LP/HP作成、WordPressサイト作成、SEO対策など、Webコーディングに関するお仕事を幅広く承ります。制作会社クオリティを、個人ならではの価格でご提供いたします。

私は、制作会社クオリティのコーディングを、個人ならではの価格でご提供しています。
デザインカンプからのコーディング、HTMLからのWordPress化、アニメーションの追加など、コーディングに関するお仕事はなんでもお任せください！

まずは、お気軽にご相談ください。あなたのWebサイトを、もっと魅力的にするお手伝いをさせていただきます。

WEB標準に準拠したHTML・CSSコーディングを承ります。
人と検索エンジンに理解しやすいセマンティックなコーディングを行ないます。その結果としてSEOに有利となり、また、ハンディを持った方にも伝わりやすいアクセシブルなWEBページをご提供することができます。
販売価格は下層ページなど比較的簡易なページ内容（A4で1P程度）を想定しています。
トップページやLPなどの場合は別途お見積もりさせていただきます。
お気軽にご相談ください。

デザインからWEBサイトにおこします。
HTML・CSS・JavaScript・jQueryを使ってコーディングします。
修正のご希望は、柔軟に対応させていただきます。

Figmaデザインを高品質なHTML/CSSへ！あなたのWebサイトを魅力的に生まれ変わらせます。

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

• Webサイトのデザインはあるが、コーディングするリソースがない
• デザインの意図を正確に反映したコーディングを求めている
• レスポンシブ対応で、スマホでも見やすいサイトにしたい
• WordPressで簡単に更新できるサイトにしたい

発注の流れ

お問い合わせ・ヒアリング
メッセージにて、Figmaのデザインデータ、Webサイトの目的、ご希望の納期などをお知らせください。詳細な要件をヒアリングいたします。

プラン提案・お見積もり
ヒアリング内容に基づき、最適なコーディングプランをご提案します。お見積もり、納期、作業範囲をご確認ください。

ご契約・制作開始
ご提案内容にご納得いただけましたら、ご契約となります。着手金をお支払いいただき、制作を開始いたします。

テスト・修正
コーディングが完了しましたら、テスト環境にてご確認いただきます。修正点があれば、お気軽にお申し付けください。

納品・公開
最終確認後、納品となります。納品データをお渡しし、必要に応じてサーバーへのアップロードをサポートいたします。

対応範囲・価格

Basicコーディングプラン：30,000円〜
Figmaのデザインカンプを元に、HTML/CSSで忠実にコーディングします。レスポンシブ対応で、スマホやタブレットでも美しく表示されます。

Standard動的Webサイトプラン：50,000円〜
Basicプランに加え、JavaScript（jQuery）による動きのある表現を追加します。Webサイトにインタラクティブな要素を加え、ユーザーエンゲージメントを高めます。

Premium WordPress構築プラン：150,000円〜
Standardプランに加え、WordPressの導入、テーマ開発、カスタマイズを行います。お客様自身で簡単にコンテンツを更新・管理できる、運用しやすいWebサイトを構築します。

納期

要相談

制作の流れ

デザイン分析・設計
Figmaのデザインデータを分析し、コーディングに必要な要素を洗い出します。Webサイトの構造、コンテンツ、必要な機能などを整理します。

コーディング
HTML/CSS/JavaScript（jQuery）を用いて、Webサイトをコーディングします。デザインの意図を忠実に再現し、高品質なコーディングを行います。

テスト・品質チェック
レスポンシブ対応、ブラウザチェック、動作確認など、各種テストを行います。Webサイトの品質を確保します。

お客様確認・修正
お客様にテスト環境をご確認いただき、フィードバックをいただきます。修正点があれば、迅速に対応いたします。

納品
最終確認後、納品となります。納品データをZIPファイルでまとめてお渡しします。

サービス内容

Figmaデザインカンプからの高品質なHTML/CSSコーディング、レスポンシブ対応、WordPress構築を提供します。お客様のWebサイトを、デザイン通りに、使いやすく、運用しやすい形で実現します。

Webサイトのデザインはあるけど、コーディングでお困りではありませんか？
Figmaで作成されたデザインカンプを、忠実に、そして美しくHTML/CSSコーディングいたします。
レスポンシブ対応はもちろん、WordPressでの構築にも対応。
お客様のWebサイトを、デザインの意図通りに、そして誰が見ても使いやすい形に仕上げます。
コーディングでお困りの際は、ぜひお気軽にご相談ください！

✅こんな方におすすめ
• スマホでの表示崩れを直したい方
• WordPressの設定やテーマ調整に困っている方
• サイトの移行やサーバー設定を安心して任せたい方
• 企業サイトをしっかりと整えたい方
• 初めてのWebサイト制作で不安がある方

🛠️ご提供内容
• WordPressサイトの構築・移行（All-in-One WP Migration対応）
• レスポンシブ対応（スマホ・タブレット最適化）
• テーマカスタマイズ（色・レイアウト・構成調整）
• 表示崩れの修正・CSS調整
• サーバー設定（Xserver・Cyberduck・SSL・DNS・Basic認証）
• SEO初期設定（metaタグ・OGPなど）
• PR文・プロフィール設計のアドバイス（希望者のみ）

🛒ご購入の流れ

1. 「見積もり・相談」からご希望内容をご連絡ください
2. 内容確認後、最適なプランと納期をご提案します
3. ご購入後、必要な情報（ログイン情報・素材など）をご提供いただきます
4. 制作・修正作業を進行（進捗報告あり）
5. 納品・ご確認 → 修正対応（1回まで無料）
6. 完了・評価

🎨制作可能なジャンル
• 企業・店舗の公式サイト
• サービス紹介・ポートフォリオサイト
• ブログ・メディアサイト（WordPress）
• LP（ランディングページ）風の構成にも対応可能
• サブドメインでのテスト環境構築も対応可

Web業界実務20年超のクリエイターがHTMLコーディングを行います。

コーディングの手伝いを探している方や、パートナーをお探しの業者様等への
コーディング代行サービスを提供しております。

■ 基本サービス【4月・5月・6月迄の特価対応中】
▶デザインデータ 10,000px 15,000円
▶デザインデータ 20,000px 30,000円

■ サービスに含まれるもの
・HTML／CSS コーディング
・レスポンシブ対応込（ブレークポイント2、基本的なカラムダウン）
・簡易JavaScript込（タブ切り替え、アコーディオン開閉 等）
・簡易アニメーション込（スクロール時の上下左右スライドイン）

■ オプション（別途御見積）
・デザイン高さ＋2500pxにつき：4,000円
・Adpbe stock 画像使用5点以内：10,000円

■ 制作の流れ
① 「見積り・カスタマイズを相談する」よりご相談
② デザインデータ（ai/XD/Figma 等）お預かり
③ 御見積の提示
④ ご発注
⑤ コーディング作業
⑥ ご確認と修正・調整
⑦ 納品

■ 納品スケジュール
稼働状況により作業開始日および納品日は変動しますが、
完全フリーな稼働状況とした場合、以下が目安となります。
・デザインデータ換算で、最低でも6000px／1日ペースで制作
・トータル作業日数の＋1日を確認・調整期間

例えば24000pxのデザイン・コーディング案件の場合、
作業日に24000/6000で4日、確認・調整期間に+1日とし、
合計5日が最短納品日となります。
※確認一発OK等の場合は確認調整期間の圧縮は可能です。

■ 納品方法
・トークルームにてzipファイルによる納品

購入にあたってのお願い
まずは「見積り・カスタマイズの相談」にてお気軽にご相談ください。

●ご要望に合わせてお見積りをいたしますので、完成したデザインデータを事前にご用意ください。対応するデザインデータは Illustorator AI、XD、Figma のテキストデータや画像素材データがそのまま取り出せる状態であることを条件とします。

●購入後の状態が事前情報と異なる場合や想定していた仕様と異なり作業内容が変わる場合はご相談の上追加料金をお願いする場合があります。
●作業完了報告後のこちらの不備以外の修正や変更は回数や内容により追加料金を頂きます。
●サービス開始後５日間以上お返事頂けない場合納品完了とさせて頂く場合がございますので、連絡が取れない事情がある場合は事前にお知らせください。
●サービス開始後はキャンセルできません。
3,000 円

レスポンシブ対応で見やすく、保守しやすいWebページを制作いたします

HTML / CSS コーディング代行
・Figma / XD / Illustrator / PDF 等のデザインデータから忠実にコーディング
・スマホ対応（レスポンシブ）対応可
・保守性・可読性の高いクリーンなコードを意識しています

LP（ランディングページ）の作成
・1ページ完結のPRページ、イベントページ等
・既存テンプレートのカスタマイズ対応も可能です

デザインがない場合もOK
・簡単な構成案からの制作もご相談いただけます
・フリー素材・テンプレートを活用したコスト重視対応も可能です

軽度のJavaScript実装（ご要望に応じて）
以下のような簡単な動きに対応可能です：
・スライダー（Swiperなどの導入）
・ハンバーガーメニュー
・FAQの開閉
・モーダル表示（画像拡大など）
・スクロールアニメーション（AOS等ライブラリ）
・日付自動挿入 など

※本業の合間に対応しているため、通常は平日夜・週末の稼働となりますが、
　週末の案件につきましては可能な限り納期より前倒しで納品できるよう努めております。

丁寧なヒアリングを心がけ、ご希望に沿った成果物を納品いたします。お気軽にご相談ください。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

運用されるサイト・アプリの原因不明なエラーやバグの調査・修正・改善を行います。

些細なエラーやバグの対応であれば￥2,000(税別・手数料別)

1件のみの対応でも可能。

もちろんNDA(秘密保持契約書)を結んでの作業を徹底します。

本パッケージはWebサイトのコーディング代行サービスです。
ぜひお気軽にご相談下さいませ！

▼ こんな方におすすめ

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

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

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

▼ 料金

●トップページのコーディング：10,000円 〜
●下層ページのコーディング　：8,000円〜 / 1ページ
●LPのコーディング：25,000円〜
●アニメーション：要相談

※ 上記は基本料金となります。ページの長さやデザインの内容によって価格は変動します。
※ レスポンシブ対応込みの価格になります。

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

▼ 対応可能データ
※ 一枚で書き出した画像データ（JPEGかPNG）を一緒に送付ください。

▼ 納品までの流れ

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

▼ 納品形式

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

▼ 注意事項

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

※参考サイトのみのご提示やデザイン作成の対応は行なっておりませんのでご了承ください

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

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

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

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

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

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

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

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

発注の流れ

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

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

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

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

対応範囲・価格

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

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

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

納期

要相談

制作の流れ

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

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

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

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

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

サービス内容

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

▽▼ただいま特別価格にて提供させていただいております！▼▽

「デザインは準備できるんだけど、コーディングがな…」
「wordpress化まで頼める人いないかな…」

コーディング専門の私にぜひサポートさせてください！

＜サポート内容＞
・コーディング全般
・wordpress対応
・メタタグ設定、OGP設定
・レスポンシブ化

＜進め方＞
１．デザイン、メタタグ内容、OGP画像を提出していただきます。
　（デザイン以外は後ほどでも大丈夫です）
２．こちらでデザインに沿ったコーディングをいたします。
３．こちらのテストサーバーにて表示確認をしていただきます。
４．表示確認ができましたら、ファイルにて納品させていただきます。

親しみやすさが取り柄です！
パッケージやオプションにないプランもご提案可能ですので
まずはお気軽にご相談ください＾＾

共感を呼ぶLPで、Webサイトの成果を最大化しませんか？

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

LPのコンバージョン率が低い、デザインが古く感じる、スマホ対応ができていない、SEO対策が不十分

発注の流れ

お問い合わせ
メッセージにて、LPの目的、ターゲット、希望イメージなどをお聞かせください。

ヒアリング
LPの構成案、デザイン案（お持ちの場合）、参考サイトなどをご提供ください。

企画提案・お見積り
要件に基づき、最適なコーディングプランとお見積もりをご提案します。

制作開始
ご契約後、コーディング作業を開始します。進捗状況は随時ご報告します。

納品・修正
完成したLPをご確認いただき、修正点があればご指摘ください。迅速に対応いたします。

対応範囲・価格

基本コーディング：3万円〜
シンプルな構成のLPを、迅速にコーディングします。既存デザインの修正や、簡単なコンテンツ追加も対応可能です。

標準コーディング＋WordPress：8万円〜
デザインに合わせた最適なコーディングと、WordPress導入、レスポンシブ対応、SEO対策を行います。アクセス解析設置も可能です。

プレミアムフルサポート：15万円〜
デザインの提案からコーディング、WordPress導入、SEO対策、さらに効果測定に基づいた改善提案まで、LPに関する全てをサポートします。

納期

最短1週間

制作の流れ

企画立案
お客様からいただいた情報をもとに、LPの目的やターゲットを明確にします。

コーディング
LPの構成案、デザイン案（お持ちの場合）に基づいて、コーディングを行います。

追加作業
WordPress導入、レスポンシブ対応、SEO対策など、必要な作業を行います。

テスト・修正
完成したLPをテスト環境でご確認いただき、修正点があれば修正します。

納品・公開
最終確認後、LPを納品します。必要に応じて、公開サポートも行います。

サービス内容

LP（ランディングページ）のコーディングを専門に行います。共感を呼ぶストーリー性、効果的な導線設計、丁寧なコーディングで、LPのコンバージョン率向上を支援します。WordPress導入、レスポンシブ対応、SEO対策もお任せください。

Web制作を学び始めて2年、LPコーダーとして活動中の私が、御社のLPを「共感」で変えます！
「うちのLP、なんか反応がイマイチ…」そんなお悩み、ありませんか？
ユーザーの心を掴むストーリー設計と丁寧なコーディングで、御社のLPを生まれ変わらせ、コンバージョン率アップに貢献します。
WordPressでの制作経験も豊富なので、SEO対策もお任せください。
まずは、お気軽にご相談ください。御社のLPが抱える課題を一緒に解決しましょう！

貴社でご準備のあるデザイン案をコーディングします。
どこよりも早く納品。

■基本サービス
・HTML/CSSコーディング
・レスポンシブ対応
・テスト環境用意
・指定のサーバーへのアップロード
・納品後１週間の修正対応

■オプションサービス
・Wordpress化：30,000円
・お問い合わせフォーム：20,000円
・スライダー：15,000円
・フェードイン：10,000円
・アコーディオン：5,000円

概要

「検索順位が伸びない」「集客に課題がある」企業様向けに、SEO診断と改善提案を行います。
技術的SEO（サイト速度、モバイル対応、内部リンク構造など）を中心にチェックし、改善提案をレポート形式で納品します。

• 技術的SEO診断（Google Lighthouse / PageSpeed Insights）
• 内部リンク・メタ情報・構造化データの確認
• 改善提案レポート（PDF形式）を納品
• WordPressの場合は実装代行も可能

検索順位が重要となるBtoCサービスの上場企業様のSEO対策を専任で担当していた実績がございます。

昨今は、AIの技術進歩により従来のSEO対策だけではなく、AIの判定も検索順位に影響がある時代となっています。
過去にSEO対策を行っている企業様で、最近検索順位が伸びていない企業様はいらっしゃいませんか？
日進月歩で技術進化を続けているSEO対策、ぜひ弊社にお任せください。

Q&A

Q1. WordPress以外のサイトでも依頼できますか？
A1. はい、独自サイトや他CMSでも診断可能です。

Q2. 検索順位の保証はありますか？
A2. 順位保証はありませんが、検索評価が高まりやすい改善を行います。

Q3. 修正作業までお願いできますか？
A3. スタンダード・プレミアムプランで対応いたします。

\ コーディング経験80件以上！ /デザインカンプから高品質なWebサイトを制作。WordPressテーマ対応もお任せください。

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

• Webサイトのデザインはあるが、コーディングしてくれる人がいない
• レスポンシブ対応でスマホでも見やすいWebサイトを作りたい
• 予算内で高品質なWebサイトを実現したい
• 納期を守ってくれるコーダーを探している

私は「丁寧なコーディング」と「高いレスポンシブ対応力」を強みとしており、現在は2社と業務委託契約をいただき、長期的な案件に携わっております。これまでにホームページ・ランディングページ制作や修正案件など80件以上を手掛けてまいりました。

発注の流れ

①お問い合わせ
メッセージにて、納期・予算などをお知らせください。

②デザイン確認・ヒアリング
デザインカンプを共有いただき、詳細な仕様について打ち合わせを行います。

③お見積もり・契約
お見積もりをご確認いただき、ご納得いただけましたらご契約となります。

④制作開始
コーディング作業を開始いたします。簡単な文章変更、画像差し替えはいつでもお声掛けください。

⑤納品・検収
完成したWebサイトをご確認いただき、修正点があれば修正いたします。
zipファイル納品のほか、サーバーアップの対応も可能です。その際はご使用のサーバー情報などのご共有をお願いいたします。

対応範囲・価格

◇HTML/CSSコーディング：50,000円
LPコーディング (1ページ)。基本的なWebページのコーディングを行います。レスポンシブ対応込み。

◇WordPressテーマ対応：50,000円～
WordPressオリジナルテーマ対応。デザインカンプからWordPressテーマを作成します。

◇１ページ追加：10,000円～
WordPressオリジナルテーマの1ページ追加の対応。PC、スマホ、タブレットなど、様々なデバイスに対応したWebサイトを制作します。

---- 以下アニメーションは無料で実装しております ----
・ハンバーガーメニュー
・アコーディオンメニュー
・スライダー
・ モーダルウィンドウ
・スムーススクロール
・タブ切り替え
・簡単なスクロールアニメーション

※複雑な実装は別途お見積りとなります。

納期

7日～20日 (内容により変動いたします)

丁寧なコミュニケーションと迅速な対応で、Webサイト制作をサポートいたします。まずは、お気軽にご相談ください！

こんにちは、ご覧いただきありがとうございます。
フリーランスでWEB開発業務を請け負っています。
主にコーディング、WORDPRESSサイトの構築、カスタマイズを担当させていただいております。

サービス内容

• HTML, CSS, Javascriptのコーディング
• WORDPRESSテーマの導入、テンプレートカスタマイズ
• WORDPRESSカスタム投稿、カスタム分類、カスタムフィールドの設定
• その他、ご要望に応じて特殊機能の実装

すべてのプランに含まれる作業

• WEBサイト構築に必要なコーディング
• PC/SPレスポンシブ対応
• 基本的なSEO対策
• アフターフォロー（大幅なデザイン変更を伴わないものについては納品後1か月間無償対応）

ご要望に応じて対応可能

• お客様でサイト更新を行うためのマニュアル作成
• 不完全なデザインデータから当方裁量によるデザインの補完

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

• 公開用（またはテスト用）サーバー契約、ドメインの取得
• デザインデータ（PSD, AI, XD, Figmaなど）
• サイト掲載テキスト（開発時は仮のテキストでも構いません）

ご注文の流れ

• まずはお見積もりのご相談をください。なるべくデザイン画像（サンプル）をいただけた方が正確なお見積りができます。
• お打ち合わせ。メッセージのやりとりだけでは相互理解が難しいようでしたら、ZOOM等のビデオミーティングでヒアリングさせていただきます。
• 納期・料金について最終お見積り
• ご発注→作業着手
• 適宜進捗について報告いたします。作業を進める上で質問事項が発生した場合も随時ご連絡させていただくことがあります。
• 開発規模に応じて、完成したところから段階的に公開します。
• お客様によるご確認→フィードバック
• お客様指定のサーバーへのアップロードまたはZIPファイルでご納品
• 最終確認をもって作業完了

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

• https:

• https://"

• http://www.google.com”/

• http://www.google.com”"foo"/

• http://www.google.com/

• https://www.google.com/

• ftp://www.google.com/

• lancers@google.com

• javascript:alert('foo')

javascript:alert('foo')

[link](http://www.google.com/)


[jslink](javascript:document.location='http://www.google.com/')

[foo]: /url "title"

<A HREF="javascript:document.location='http://www.google.com/'">XSS</A

<a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>

• <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>
• <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>

* <a href="javascript:alert('foo')" onclick="alert('foo')">alert('foo')</a>

* 123 <a href="https://www.lancers.jp/">alert('foo')</a>
* 123 <script>alert('foo')</script>

• 123 <a href="https://www.lancers.jp/">alert('foo')</a>

• 123 <script>alert('foo')</script>

• <a href="https://www.lancers.jp/">alert('foo')</a>

• <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>

123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <script>alert('foo')</script>

123 <a href="https://www.lancers.jp/">alert('foo')</a>
123 <a href="https://www.lancers.jp/">alert('foo')</a>

<a href="https://www.lancers.jp/">alert('foo')</a>

<a href="https://www.lancers.jp/">
alert('foo')
</a>

123<a href="https://www.lancers.jp/">alert('foo')</a>

123<a href="https://www.lancers.jp/">alert('foo')
</a>

<script>
alert('foo')
</script>

123<script>alert('foo')</script>

123<script>alert('foo')
</script>

初めまして♪ちいうさと申します。
この度は、数多くの中からご覧いただきありがとうございます。

〜こんなことお困りではないですか？〜
◉ コーディングの知識がなく、更新や修正ができずに困っている
◉ 修正や相談にすぐ対応してもらえず、不安になったことがある
◉ デザインデータはあるけれど、正しくコーディングできる人がいない
◉ スマホやタブレットでの見え方が崩れてしまう
◉ 表示速度が遅く、原因がわからない
◉ HTML/CSSの構造が複雑で、他社に依頼しても断られた
◉ SEOを意識したマークアップができていない
◉ 細かなアニメーションや動きを追加したいけど方法がわからない
◉ 他社に依頼したが、デザイン通りに仕上がらなかった
◉ コーディングだけを頼める人が見つからない
◉ 古いサイトをリニューアルしたいけれど、どこから手をつければいいかわからない

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

▼お手伝いできること
◉コーディング
・ホームページ・LP
・レスポンシブ対応（PC版・スマホ版のどちらかのみでもOK）
・アニメーション（GSAPやjQueryを使用した動きの実装なども可能）
・既存Webサイトの改修など

他にも。。。
◉デザイン
・バナー・ヘッダー・サムネイル制作

・LP（ランディングページ）のデザイン
◉WordPress構築
・WordPressサイト構築：50,000円〜（テーマでの構築）
・WordPressサイト構築：100,000円〜（オリジナルテーマでの構築）
　※詳細：トップページ＋5ページ

▼対応可能な内容
・ホームページ・LP（ランディングページ）などのシングルページ制作

ページ数やコーディングの複雑さなどを踏まえて価格をお見積もりいたします。
お気軽にご相談の際に、デザインデータをご共有いただきますようお願いいたします。
デザインデータはFigmaを推奨しております。

▼納品までの流れ
1.お見積もり＆ご相談/ご購入
2.作業開始
3.ご確認・修正
4.最終確認


5.納品（サーバーアップロードまたはzipファイルの送付）

▼納期
要相談（ページ数やコンテンツにより変動）
※ご相談は無料ですので、お問合せください。

▼購入にあたっての6つのお願い
1.ご購入前に必ず「見積もり・カスタマイズ相談」からご連絡をお願いいたします。
2.制作内容・用途・参考サイト等はできるだけ詳しくお知らせください。
3.ご返信・ご確認は、原則3日以内にお願いいたします。ご連絡が長期間ない場合は、やむを得ずトークルームをクローズさせていただくことがございますので、あらかじめご了承ください。
4.完成後の大幅な仕様変更は追加料金が発生する場合があります。
5.実績として制作物をポートフォリオ等に掲載させていただくことがあります。NGの場合は事前にお知らせくださいませ。
6.納品後の軽微な修正（文言や色の変更など）は、1週間以内であれば無償対応いたします。

▼事前にご用意いただくもの
1.デザインデータ【必須】完成データ
2.デザインに使用した画像やロゴ
　※バナー・写真・アイコンなど、書き出しが必要な素材一式
3.フォント情報・使用してよいWebフォント指定
　※商用利用可能なフォントか、Google Fonts など代替指定があると安心です
4.納品形式の希望方法

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

★業務内容

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

★サービス内容

・HTML/CSS/JSでの静的コーディング
・レスポンシブ対応
・JavaScript(jQuery)を使用したアニメーション（ドロワー、アコーディオン等）
・お問い合わせフォームとWordPressはご相談ください。
※できる限りご要望に応じたいと思っております。

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

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

★納品までの流れ

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

★納品方法

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

★ご準備いただくもの

・デザインデータ　Figmaが得意ですがその他、Adobe Photoshop、Illustrator、等も対応できるようにいたします。
・デザインデータから書き出せない画像、動画、文章などがある場合は、事前に準備をお願いします。

★お約束

報連相を徹底し早いレスポンスを心がけます。
気になること、もっとこうしてほしい等、制作中であってお気軽にご相談ください！
また、納品前にご確認していただきますが納品後に気づいた点があれば1回まででしたら対応いたします。
ご要望に応じられない場合もありますが、できる限り対応させていただきたいと思っております。

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

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

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

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

【サービス内容】

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

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

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

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

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

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

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

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

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

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

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

【サービス内容】

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

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

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

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

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

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

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

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

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

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

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

【サービス内容】

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

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

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

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

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

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

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

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

▼こんな方におすすめ
「デザインができたので、自身のサイトを構築したい」
「納期までにコーディングを急いでやってほしい」

▼サービス内容

• HTML, CSS, JSのコーディング
• サイトのWordPress化
• アニメーションの実装

▼ご用意いただくもの

• 各種デザインデータ
• テキストデータ

以下のサービスを提供できます。

1. 既存サイトのWordPress化:

• サービス内容: 既存のウェブサイトをWordPressに移行します。これにより、お客様自身でコンテンツの編集や更新が簡単にできます。
• 特徴: カスタムフィールドとカスタム投稿タイプを活用することで、使いやすく、管理しやすいサイトを構築いたします。

2. PC専用サイトのレスポンシブ対応:

• サービス内容: PC専用でデザインされたサイトを、スマートフォンやタブレットでも適切に表示されるように最適化します。
• 特徴: Dartscssを使用し、既存のコードに影響を与えずにデザインを調整、レスポンシブ対応を実現いたします。

3. デザインカンプからのコーディング:

• サービス内容: Illustrator、Photoshop、XD、Figmaで作成されたデザインカンプをもとに、実際のウェブサイトに変換します。
• 特徴: 各種デザインツールのファイル形式に対応可能です。

4. アニメーション付与によるサイトのリッチ化:

• サービス内容: gsapのアニメーションライブラリを使用して、ウェブサイトに動的なアニメーションを追加します。
• 特徴: アニメーションにより、サイトが一層魅力的で動的な印象を持つようになります。

5. サイト高速化:

• サービス内容: ブラウザキャッシュ、遅延読み込み、Webp形式の画像使用などの手法を用いて、サイトの読み込み速度を向上させます。
• 特徴: サイトが軽量化され、ユーザーエクスペリエンスが向上します。

6. その他のサービス:

• サービス内容: サーバーやドメインの取得からサイトの構築まで、デザインデータがない状況でもお客様のニーズに応じたウェブサイトを作成します。
• 特徴: デザインデータが未準備のお客様でも、お気軽にご相談いただけます。お客様の要件やご予算に合わせた最適なプランを提案し、一緒に素敵なウェブサイトを構築いたします。

Webエンジニアとしての技術と、元教員としての丁寧なコミュニケーションで、あなたのWebサイトを理想の形に！

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

小規模事業者様が抱えるWebサイトに関するお悩み（デザインが古い、修正が難しいなど）を、低コストで解決します。

発注の流れ

① お問い合わせ
メッセージにて、ご希望のWebサイトイメージや必要な機能、納期などをお知らせください。
※パッケージのご購入前に必ずお問い合わせください。
お問い合わせの際は WEBサイトの修正箇所・（公開済なら）URL・Figma等のデザインを事前にお知らせいただくとスムーズです。
ご相談だけでもお気軽にどうぞ。

② 要件定義
ヒアリングシートにご回答いただき、詳細な要件を把握します。
基本的にテキストメッセージのみのやり取りとなります。

③ お見積もり
要件定義に基づき、お見積もりと制作スケジュールをご提示します。

④ 制作開始
ご契約後、制作を開始します。進捗状況は随時ご報告いたします。

⑤ 納品・検収
完成したファイルをご確認いただき、修正点があれば対応します。

納期

最短7日〜（お急ぎの場合ご相談ください）

制作の流れ

① ヒアリング
ヒアリングシートを用い、お客様のWebサイトに対する想いを丁寧に伺います。

② 構成案作成
Webサイトの構成案を作成し、お客様とイメージのすり合わせを行います。

③ デザイン
構成案に基づき、デザインカンプを制作します。

④ コーディング
デザインを元に、HTML/CSSでコーディングを行います。

⑤ 納品
修正ファイル一式を送付し、納品いたします。
※修正は納品後30日以内、誤字・簡単な調整など3回まで無料で承ります。
※新規機能の追加や大幅なデザイン変更は追加費用となります。

サービス内容

Webサイト制作、HTML/CSSコーディング、PHP/JavaScript（jQuery含む）の修正、Webサイト修正・更新など、Webサイトに関する様々な業務を承ります。丁寧なヒアリングと迅速な対応を心がけておりますので、お気軽にご相談ください。
※WordPressは対応できません。

Webサイトでお困りではありませんか？
「Webサイトがない」「デザインが古い」「修正を頼める人がいない」
そんなお悩みを、Webエンジニア兼元教員の私が解決します！
丁寧なヒアリングで、あなたの想いをWebサイトに。
Webサイトの修正・更新など、Webサイトに関する様々な業務を承ります。
まずは、お気軽にご相談ください。

稼働時間・連絡可能時間帯

返信は原則24時間以内に行なっております。
稼働時間は平日朝・夜・土日です。

注意事項

• 3日以上連絡が取れない場合、納期が遅延する場合があります。ご了承ください。
• 文章作成はオプションで承りますが、使用する画像素材はご準備ください。

約20年フロントエンドに携わっている経験を活かし、デザインを忠実に再現したコーディングをご提供いたします。

一般公開サイト用にSEOを意識したコーディングはもちろん、バックエンドエンジニアとしての目線からPHP、Railsなどのバックエンドプログラム向けのコーディングにも対応可能です。

Javascript等の動的カスタマイズもご相談ください。

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

迅速なレスポンス、丁寧な対応を心がけております。
ご相談は無料でお受けしておりますので、お気軽にご相談ください！

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

　デザインを忠実に再現いたします　

「 デザインは対応するので、コーディングだけ対応してほしい 」 という制作会社様や個人様
「 ランディングページ制作のご依頼を受けたけど、コーディングが苦手 」 というデザイナー様
「 コーディングの人手が足りない 」 という制作会社様やコーダー様。

など、コーダーをお探しの方はぜひご検討ください。

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

◆　パッケージ内容について　◆

• 静的コーディング
• ランディングページのコーディング
• レスポンシブ対応（PCサイズ・スマホサイズでの表示変更）
• スライダー、アコーディオン、ハンバーガーメニューなどアニメーションの実装
• 無制限の修正対応

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

◆　ご用意いただくもの　◆

• デザインデータ
• 画像データ（JPG・PNGなど）
• テキストデータ

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

◆　納品までの流れ　◆

①ヒアリング・お見積もり
↓
②デザインデータや各種素材をお送りいただく
↓
③作業開始
※進捗状況はこまめにご報告いたします。
↓
④テスト環境にて制作物のご確認
↓
⑤修正対応
↓
⑥最終確認
↓
⑦納品

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

◆　納品について　◆

• データ納品（ファイル一式を zip 圧縮したもの）又は指定のサーバーにアップロードして納品いたします。サーバーにアップロードをする場合は、FTP情報が必要になります。

• 納品前には独自の品質チェックシートを用いて確認いたします。また、品質チェックシートは納品時にお渡しいたします。

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

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

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

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

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

★こんな方へオススメです★
🔸継続的にお願いできるパートナーを探している制作会社様
🔸コーディングできる人を探しているデザイナー様
🔸レスポンスが良いフリーランスにお願いしたい
🔸リソースが足りないから外注したい
🔸すぐに対応してほしい

そんな方の期待にお応えします！
現在は制作会社様から業務委託にてコーディング依頼を受注しており、
継続的にお付き合いさせていただいております！

「ストレスのないコミュニケーション」と「思いやりのあるチャット」
を心がけております！

【当サービスの特徴】
🔸 XD / Figma / illustrator のデザインカンプに対応
🔸PCのみのデザインデータから各種サイズのレスポンシブ対応可能※LP等画像部分はSP版が必要です
🔸完全フリーランスだから昼夜、土日問わず連絡、作業いたします
🔸業務委託契約実績10社以上
🔸scss/BEMを用いたCSS設計によりコードの保守性担保

【対応できる業務】
🔸html/cssの静的コーディング
🔸jQueryによるアニメーションの実装
🔸Wordpress構築（オリジナルテーマ作成、カスタム投稿、カスタムフィールド等、各種プラグイン対応）
🔸既存サイトの更新業務（Wordpressも可）

【制作の流れ】
①デザインカンプの支給・確認
②お見積りのご提示
③コーディング開始
④完成品の確認・修正(デザイン変更による修正は3回まで無料です)
⑤最終確認、データ納品

【納品方法】
zipファイル / FTPサーバー / WordPress環境にデータ移行

【稼働時間】
6:00〜7:00 / 9:00〜18:00 / 21:00〜23:00
ご相談いただければ柔軟に対応いたします！
土日問わず対応できます！

気になることがあれば、まずは一度お声掛けください！
ご相談だけでも構いませんのでお気軽にどうぞ！

当方、ランサーズでの実績がまだございません。
この度、実績作りの為に格安にてホームページのコーディング作業を代行させていただきます。

とはいえ、もちろんコーディングはデザインに忠実に行います。
どうぞご安心ください。

実績を積めましたら通常価格に戻そうと思いますので、どうぞこの機会にご利用くださいませ。

さて、このサービスは【ホームページ・LPのコーディング代行サービス】です。

◆サービス内容

・HTML / CSSでの静的コーディング
・PC/スマートフォンのレスポンシブ対応
・JavaScript(jQuery)でのアニメーション実装
・お問い合わせフォームの実装
・WordPress構築(オリジナルテーマ)

◆料金表

・トップページ(10.000px程度まで)　：　10,000円

『有料オプション』
　・下記の有料オプション表をご覧ください。

『無料オプション』
　・レスポンシブ対応(PCかSPどちらか片方のデザインがあれば、よしなに対応いたします)
　・ホバーアニメーション(１種類で共通)
　・ハンバーガーメニュー
　・フェードイン(１種類で共通)
　・スライダー(シンプルなもの)
　・基本のSEO対策
　・ファビコン設定
　・OGP設定

※無料オプションの範囲を超える場合、有料にてオプション追加が可能です。

◆納品までの流れ

①ご相談・お見積もり
②デザインデータお預かり
③制作開始
④ご確認・修正対応
⑤データ納品

◆デザインについて

デザインデータ、画像素材、テキストなどのご用意をお願いいたします。
Figma、Adobe XD、Photoshop、Illustratorに対応しております。

◆納品方法

・ZIP形式
・サーバーへのアップロード

◆納期

稼働状況によりますが、1ページにつき３日程度を予定しております。
（シンプルなホームページやLPの場合)

◆注意事項

・サーバー契約、ドメイン取得はお客様ご自身でお願いいたします。
・コーディングの規則については、こちら側のルールに基づいて作業させていただきます。
・下層ページが同じレイアウトだったり、コンテンツ量が少ないなどの場合は、ご依頼内容や、ご予算に合わせて料金等柔軟に対応させて頂きます。
・修正は無制限ですが、大幅なデザイン変更はお断りさせていただく場合がございます。
・お客様都合によるキャンセルは受け付けておりません。
・連絡に対し１週間お返事がない場合は、その時点で納品完了・料金を頂戴しますのでご了承ください。
・作成したサイトは実績として掲載させて頂く場合がございます。掲載不可の場合は事前にご連絡下さい。

◆最後に

まずはお気軽にご相談ください。
もちろんご納得いただけなければ、お話の途中でキャンセルしていただいて大丈夫です。
それ以外にもご不明な点などございましたら、お気軽にご連絡ください。

最後までお読みいただきありがとうございました。

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

お客様にご送付いただいたデザインカンプを基に
Webサイトの静的コーディングを代行するパッケージとなっております。

コーポレートサイト、LP、ECサイト（静的部分のみ）など
html/css+javascriptを使用したサイト構築が対応可能です。

採用サイトや高級レストランのコーディングを担当することが多く
デザインの雰囲気に合わせたアニメーションの実装が得意としております。
別途お見積もりとはなりますが、

・スクラブアニメーション
・モーションパス
・パーティクルアニメーション
・スクロールエフェクト

など各種アニメーションの実装も可能でございます。
*「アニメーション実装のみ」のご相談は現在は対応しておりません。
予めご了承ください。

料金に含まれるもの

＊スタンダードプランの場合

1.PCのデザインカンプ7000pxまでの静的コーディング　＊1
2.レスポンシブ化
3.基本的なjavascript 4点まで
4.構造化マークアップ（ご希望の場合のみ）
5.W3Cでのバリデーションチェック

[基本的なjavascriptとは・・・]

スライダー、カルーセル、ハンバーガーメニュー、アコーディオン、タブ
簡易的なスクロールエフェクト

追加料金が必要となるサービス例

・Wordpressの実装
・お問い合わせフォームの実装
・作業開始後にデザインや仕様の変更が発生した場合
・クライアント希望のコーディングルールの設定
・アニメーション
・インスタグラム連携（インスタグラムグラフAPI）

お断りさせていただいてる作業例

・50ページを超えるご依頼

制作期間

目安となっております。
ご依頼いただける時期にもよりますのでお気軽にご相談ください。

納品形式

ランサーズ上でのzip納品

ご相談時に必要なもの

デザインカンプをご用意いただきお気軽にメッセージをご送付ください。
ご相談時はラフでも問題ございません。

対応可能なターゲットブラウザ

win:edge最新,chrome最新,firefox最新
mac:safari最新,chrome最新

iPhone:iOS最新のsafari
Andoroid:最新varのchrome

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

【制作の流れ】

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

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

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

あなたのビジネスを加速させる、Webサイトの小さな修正からLP作成まで、手軽に高品質なサービスをご提供します！

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

Webサイトの修正が滞っている、LP作成に手が回らない、コストを抑えつつWebの改善を進めたい

発注の流れ

お問い合わせ
メッセージにて、修正内容や希望のデザイン、納期などをお知らせください。参考となるWebサイトや資料があれば、共有をお願いします。

お見積もり
詳細なヒアリング後、お見積もりと納期をご提示します。修正内容やページ数によって料金が変動するため、事前にしっかりと確認します。

ご契約・制作開始
ご納得いただけましたら、仮払いをお願いします。仮払い確認後、作業を開始します。

納品・修正
修正完了後、お客様に確認していただきます。修正点があれば、お気軽にお申し付けください。納得いただけるまで修正対応いたします。

対応範囲・価格

HTML/CSS 修正：5,000円〜
既存のHTML/CSSの修正を迅速に対応します。テキストの修正、画像の差し替え、簡単なレイアウト調整など、Webサイトの更新作業を代行します。

LP 修正：10,000円〜
既存LPの修正や更新を承ります。デザインの微調整、コンテンツの変更、フォームの修正など、効果的なLP改善をサポートします。

LP 新規作成：30,000円〜
低コストでLPの新規作成を承ります。テンプレートを使用し、お客様の要望に合わせたデザインとコンテンツで、集客・売上アップに貢献します。

納期

最短3日

制作の流れ

要件定義・準備
お客様からいただいた情報をもとに、修正箇所の洗い出しやLPのデザイン案作成を行います。お客様のイメージを具体化していきます。

制作
修正作業やLPのデザイン・コーディングを行います。お客様の要望に沿って、丁寧に作業を進めます。

確認
修正したHTML/CSSやLPをお客様に確認していただきます。動作確認やデザインの確認など、細部までチェックをお願いします。

修正・納品
修正点があれば、修正対応を行います。お客様が納得するまで、何度でも修正いたします。

サービス内容

HTML/CSSの修正、LPの修正・作成を低価格で承ります。Webサイトのちょっとした修正から、集客に繋がるLP作成まで、幅広くサポートいたします。お気軽にご相談ください！

Webサイトの修正、LP作成でお困りではありませんか？
「HTML/CSSの修正を頼みたいけど、どこに頼めばいいかわからない…」
「LPを作りたいけど、時間がないし、費用も抑えたい…」
そんなお悩みを解決します！

私は、HTML/CSSの修正やLP作成を低価格で提供しています。

お客様のWebサイトやLPを、より魅力的で効果的なものにするために、全力でサポートさせていただきます。

まずはお気軽にご相談ください。
お客様のWebサイトやLPに関するお悩みを、一緒に解決しましょう！

■提供可能なこと
・HTML/CSS/jQueryを使ったコーディング
・保守・運用しやすいようなCSS設計
・Wordpressの導入、構築、改修
・独自チェックリストを用いた報連相
・gulpの環境構築
・gitでのコード管理

■制作内容の詳細
・静的コーディング（1ページ〜）
・レスポンシブ対応
・スライダー、スクロール、アコーディオン、ハンバーガーメニューなどの実装
・お問い合わせフォームの実装
・JavaScriptの機能実装：5,000円～ / 1点
・お問合せフォームの設置：内容に応じて別途お見積もり
・WordPress化：内容に応じて別途お見積もり
　

※WordPressは別途追加費用が発生いたします。

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

■購入の流れ
「見積もり・カスタマイズの相談に進む」より、
ご依頼の内容を詳しくお聞かせください。
↓
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします。
↓
お見積もりなど問題なければ、ご発注をお願いいたします。
写真やテキストなど、サイトに使用する素材がある場合お送りください。
↓
最終的な納品日をお伝えし、サイト構築開始。
↓
コーディング完了後、ご確認をいただき
3回までは無料で修正対応いたします。
最終チェックが完了後、データ納品となります。

■実績

・経歴
アパレル、美容系のECサイトの運営に従事
フリーランスとしてWebサイト制作の活動を開始

6社のWeb制作会社と業務提携を結び活動しております。
「丁寧な対応でよかった！」「より良い提案を積極的にしてくれて助かる」「金額以上のサービス内容だった」などのお声をいただいております。
　
・仕事に対する姿勢
丁寧なコミュニケーション、迅速なレスポンス、定期的な進捗の報告、納期厳守

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

「急ぎでLPのコーディングをしてほしい」
「デザインはあるけどコーダーがいない」
「ボリュームのあるサイトのコーディングをしてほしい」
「ワードプレスやアニメーションの対応もしてほしい」

上記のような様々なご要望をお持ちの方はぜひご連絡ください。

【私たちについて】
・グラフィックデザインからWEBデザインまで、業界15年以上の経験があります
・デザインとコーディングを2人体制による分業のため、それぞれの品質担保がしっかり出来ています
・2人体制のため、よりスピーディな対応が可能です
・デザイン中心のノーコード、コーディングからのワードプレス対応など様々ご対応可能です

【ご依頼について】
①ご相談
制作要件をご教示ください
（基本的にはメッセージでのやり取りになりますが、オンラインMTGでのご相談も可能です）

②お見積もり〜サービスのご購入

③制作開始
・1Pのコーディングは初稿まで3営業日
・複数ページの場合はその都度工数をお出しします

④納品
データ納品の他、こちらでの本番アップ対応も可能です
ワードプレス構築が入る場合は、コーディング後に構築期間が追加となります

依頼の流れ

　　1. ご相談・ヒアリング

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

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

サービス内容

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

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

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

＊＊＊＊＊

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

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

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

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

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

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

【制作の流れ】

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

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

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

Web初心者さんでも安心！
Webサイト制作・修正・カスタマイズを承ります。

✅ 対応内容
• 既存サイトのテキストや画像の修正・カスタマイズ
• HTML/CSSを使ったスマホ対応（レスポンシブ調整）
• 新規ページ作成（トップページ・LPなど）
• 複数ページ制作や簡単な機能追加（フォーム・Googleマップ埋め込みなど）

💡 ポイント
• デザインやレイアウトの調整も対応
• 初心者の方でもわかりやすく、安心して依頼可能
• 納品後の簡単な修正や相談も柔軟に対応

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

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

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

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

○HTML/CSS

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

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

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

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

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

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

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

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

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

ページをご覧いただきましてありがとうございます。

これまで制作会社様より受託をし、コーディングを行ってきました。
制作会社様との多数実績がございますので、安心してお任せいただければと思います。

コーディングを外注したい方、
デザインはできるけどコーディングはできない方、
せひご相談ください！

【作業内容】
HTML・CSSコーディング
js実装

【制作の流れ】
①ヒアリング・お見積り
②お客様からデザインデータのご提供
③コーディング
④テストアップ確認・修正
⑤最終調整・納品

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

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

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

発注の流れ

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

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

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

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

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

対応範囲・価格

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

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

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

納期

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

制作の流れ

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

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

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

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

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

サービス内容

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

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

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

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

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

HTML・CSS・JavaScriptでのコーディングでお困りではありませんか？

シンプルなコードで表現速度を重視し、スマートフォン・タブレットにも最適化。
意図を正確に反映したコーディングと、保守性・拡張性を意識した実装を提供します。

■ こんな方へおすすめ

• デザインデータから、正確で保守性の高いコーディングを依頼したい方
• JSギミックを含むLPやWebサイトを構築したい方
• 運用や更新を見据えて、整理されたソースコードを希望される方

■ ご提供内容

• HTML＋CSSによる構築
• JavaScriptによるギミック実装（タブ・アコーディオン・スライダー・モーダル等）
• 可読性・再利用性を意識したコーディング（BEM命名対応可）
• デザインデータの意図を丁寧に再現
• レスポンシブ・SEO・アクセシビリティ標準対応
• 瑕疵対応（当方のミスによる不具合・動作不良）無制限
• テストアップ後の軽微な修正（文字修正・色変更・余白調整など）対応（3回まで）
• 納品データ：HTML／CSS／画像／JSファイル

■ ご購入後の流れ

1. デザインデータの確認（PSD／XD／Figmaなど）
2. 内容・仕様確認のうえ、お見積り最終確定
3. コーディング作業開始
4. テストアップ／修正対応（3回）
5. 納品（zip／Git／テスト環境反映など）

• コーディング作業開始後の大幅なデザインや仕様の変更は、工数にも影響があるため一度作業を停止し、別途お見積りや納期について再検討する場合があります。
• 納品後の、当方瑕疵以外の修正は有料となります（1か所2,000円～）。

■ 料金について

• ポートフォリオ掲載許可をいただける場合は、制作費を15％割引いたします。
• デザインデータや仕様により、基本料金やオプション料金は納期・金額が前後する場合があります。
• 基本的なJSセットの内容はアコーディオン・タブ切り替え・スライダー・モーダルの4点です。
• ご質問、ご相談のみでも大歓迎です。お気軽にお問い合わせください。

13年の経験を活かし、HTML/CSS/JavaScriptの改修を迅速かつ正確に対応！Webサイトのお困り事を解決します

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

• 既存サイトの軽微な修正を頼みたい
• JavaScriptの動作エラーを直したい
• レスポンシブやアクセシビリティ対応を強化したい
• サイト運用を前提とした保守性の高い修正を依頼したい

■ 発注の流れ

1. 修正・改修内容のヒアリング（対象URL・デザイン・変更指示など）
2. 作業範囲とスケジュールの確認、最終お見積もり
3. 正式発注・仮払い確認後に作業開始
4. テストアップ／修正対応（納期に間に合う範囲で何度でも対応）
5. 納品（zip／Git／テスト環境反映など）

※ 納期に間に合わないほどの大幅な修正や仕様変更が発生する場合は、納期延長＋追加料金にて対応可能です。

■ 対応内容例

• テキスト・色・余白などの軽微修正
• HTML/CSS構造の改修、スタイル最適化
• 既存JavaScriptのエラー改修、機能追加
• 既存サイトのアクセシビリティ調整
• レスポンシブ対応やデザイン崩れ修正
• ソースコードの可読性・保守性向上（命名・コメント整備など）

■ 料金について

• ポートフォリオ掲載許可をいただける場合、制作費を15％割引
• 修正内容や難易度により、基本料金やオプション料金は納期・金額が前後する場合があります

■ ご相談について

• ご質問・相談のみでも大歓迎です。お気軽にお問い合わせください

大学で培った知識と５年の経験で、あなたのWebサイトを魅力的に改善します！

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

Webサイトの見た目を改善したい、HTML/CSSの知識がない、コーディングに時間がかかる、予算を抑えたい。

発注の流れ

お問い合わせ
メッセージにて、ご希望のWebサイトイメージ、修正箇所、参考URLなどをお知らせください。具体的なイメージがない場合でも、お気軽にご相談ください。

プラン提案・お見積り
お伺いした内容を基に、最適なプランとお見積もりをご提案します。納期や修正回数などもご提示します。

ご契約・お支払い
ご提案内容にご納得いただけましたら、ご契約となります。着手金として半額をお支払いいただきます。

制作開始
丁寧にコーディング作業を進めます。途中経過もご確認いただきながら、ご希望に沿ったWebサイトに仕上げていきます。

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

お支払い・納品完了
残りの半額をお支払いいただき、納品完了となります。納品後も、軽微な修正であれば対応いたしますので、お気軽にご連絡ください。

対応範囲・価格

小規模修正：１万円～
HTML/CSSコーディング：簡単な修正や変更をスピーディーに対応します。

Webページ作成：3万円～
既存WebサイトのページをHTML/CSSで新規作成します。

Webサイトフルリニューアル：１０万円～
Webサイト全体のデザインを考慮し、HTML/CSSでフルリニューアルします。要件定義から対応します。

納期

最短１４日

制作の流れ

要件定義
お客様からご依頼内容やイメージをヒアリングし、Webサイトの目的やターゲット層などを明確にします。

デザイン
Webサイトのデザイン案を作成し、お客様にご確認いただきます。修正があれば、何度でも対応いたします。

コーディング
デザイン案を基に、HTML/CSSでコーディングを行います。SEO対策も考慮し、検索エンジンに強いWebサイトを目指します。

テスト
作成したWebサイトをテスト環境で確認し、動作や表示に問題がないかを確認します。

納品
お客様に最終確認をしていただき、問題がなければ納品となります。

サービス内容

HTML/CSSのコーディング代行をいたします。Webサイトの修正、Webページ作成、Webサイトリニューアルなど、幅広く対応いたします。丁寧なコーディングを心がけており、お客様のご希望に沿ったWebサイトを制作いたします。

Webサイトの見た目をちょっと変えたい…でも、自分でやるのは大変。そんなお悩み、ありませんか？

✅ HTML/CSSの知識がない
✅ コーディングに時間がかかる
✅ 予算を抑えたい

そんなあなたのために、HTML/CSSのプロが、あなたのWebサイトを丁寧にコーディングします！

難しいことはお任せください。まずは、あなたのWebサイトの悩みをお聞かせください。

「こんなことできる？」「費用はどれくらい？」どんな些細なことでも構いません。お気軽にご相談くださいね。

本パッケージは以下のサービスです。
駆け出しのため費用は抑えております。
特に制作実績として公開させていただける方、
納期にご理解いただける方からのご依頼をお待ちしております。
ご提示した納期前に必ず納品いたします。

内容から判断がつかない場合は
お気軽にお問い合わせくださいませ！

◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
こんな方におすすめ
・コーダー不足で新たに外注先や委託先を探している方
・コーダーをお探しのWebデザイナー様
・急ぎの案件ではないため費用を安く抑えたい方

◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
ご提供内容
・HTML/CSS/JavaScriptによる静的サイトの構築（BEMを使ったCSS設計）
・静的サイトのWordPress化、WordPressオリジナルテーマ開発

◆◇ーーーーーーーーーーーーーーーーーーーー◇◆
全体の流れ
１．ヒアリング　
　└　正式なご依頼前にまずご相談くださいませ！
２．ご契約　＆　仮払い
３．制作開始
４．確認　＆　修正　
　└　ご検収いただくまで誠心誠意ご対応させていただきます。
５．納品

都内広告代理店のLP制作実績は100件以上。

青森県三沢市のWEBデザイナー、合同会社HOWDEEの類家と申します。
日頃からLP制作を多数取り扱っております。

下記のようなLP制作実績があります。

• 大手脱毛サロン
• 美容クリニック
• 美肌治療
• 美容Youtubeチャンネル
• シャンプー
• 医療用ウィッグ
• 士業
• 食品
• その他多数

下記対応可能です。

• アンケートギミックLP（設問4問解答後メインページが展開等）
• アニメーションCSS（文字が浮き上がる、ボタンが動く等）
• お問い合わせフォーム設置
• ECフォース組み込み
• WORDPRESS組み込み
• MAKESHOP等ECサイト組み込み
• もちろんHPコーディングも可能

LPコーディング対応フロー例

まずはデザインデータと指示書をご共有ください。もちろん各工程間で修正対応可能です。

1. 内容確認
2. ベースコーディング
3. 修正〜納品

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

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

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

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

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

○サービスの流れ

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

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

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

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

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

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

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

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

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

■当サービスの特徴

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

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

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

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

■ご契約の流れ

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

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

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

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

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

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

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

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

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

WebサイトのHTML・CSS、WorsPressのコーディングを承ります!!

【オススメの方】
・デザイン会社様・デザイナーの方でコーディングまで手が回らない
・社内のリソースが足りなくて困っている制作会社様
・コーディングまで手が回らないフリーランスの方

【制作環境】
■BEMをベースとしたCSS設計が可能（予測・拡張・保守・再利用しやすい）
■Gulp使用（CSS、jsの圧縮、画像の圧縮、ベンダープレフィックスの自動付与）
■W3Cが勧告するHTML5の仕様に準拠したマークアップ
■WordPress化も柔軟にカスタマイズ可能（SEO対策、セキュリティ対策、サイトパフォーマンス向上も可）

レスポンシブ対応、よくあるJavaScriptの実装は無料で対応させて頂きます！

【無料JavaScript一覧】
・ハンバーガーメニュー
・アコーディオンメニュー
・カルーセル/スライダー
・モーダルウィンドウ
・スムーススクロール
・タブ切り替えなど、その他にもご要望があればご相談ください。

【納期、料金】
提示価格は目安となります。
デザインやボリュームにより変動することもございますので、まずはご相談ください。

最後まで責任もって、対応いたしますのでご安心くださいませ。
ご不明な点は、お気軽にお問い合わせください。

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

【　こんな方におすすめ　】

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

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

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

【　料金　】

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

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

【　対応可能データ　】

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

【　納品までの流れ　】

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

【　納品形式　】

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

【　注意事項　】

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

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

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

特別料金でコーディングさせていただきます！
★あなたの想いを形に！心を込めたコーディングで、Webサイトの魅力を最大限に引き出します★

このようなお悩みを抱えの方はぜひ一度ご相談ください。
コーダーのリソースが足りずお困りの制作会社様
案件ごとにコーダーをアサインしたい制作会社様
コーディングを外注したいWebディレクターやコーダー様
コーディングをサポートしてくれるコーダーをお探しのWebデザイナー様

事前相談はいつでも無料で承ります。気軽にお問い合わせください。

サポート内容
コーディング全般
WordPress対応
メタタグ設定、OGP設定
・レスポンシブ対応

発注の流れ

1.プランを選択し、「まずは相談（無料）」ボタンをクリック
メッセージにて、業務内容やご要望、納期などをすり合わせします。
2.デザイン、メタタグ内容、OGP画像を提出していただきます。
3.デザインに沿ったコーディングをいたします。
4.こちらのテストサーバーにて表示確認をさせていただきます。
5.表示確認ができましたら、ファイルにて納品させていただきます。

対応範囲・価格

TOPページ コーディング：20,000円
TOPページのデザインに合わせて、美しいコーディングを施します。4セクションまで対応。

セクション追加：5,000円／セクション
TOPページに追加でセクションを増やしたい場合に。

下層ページ コーディング：10,000円／ページ
会社概要やサービス紹介など、下層ページのコーディングを承ります。

WordPress化：20,000円
コーディングしたWebサイトをWordPressで構築し、お客様自身で簡単に更新できるようにします。

納期

案件の内容により異なりますが、通常1週間～1ヶ月

制作の流れ

事前準備
お客様からいただいた情報をもとに、コーディングの準備を行います。

コーディング
HTML、CSS、JavaScriptを用いて、Webサイトを丁寧にコーディングいたします。

ご確認・修正
コーディングしたWebサイトをご確認いただき、修正点があればご指摘ください。

納品・アフターフォロー
最終確認後、納品となります。納品後も、軽微な修正は対応いたします。

サービス内容

HTML/CSS/JavaScriptを使用したWebサイトのコーディングを承ります。BEMやSassを用いた保守性の高いコーディング、レスポンシブ対応、WordPressのオリジナルテーマ開発も可能です。お客様の想いを形にするWebサイトを制作いたします。

Webサイトの見た目を変えたいけど、どこから手をつければいいかわからない…そんなお悩みはありませんか？HTML、CSS、JavaScriptのプロが、あなたのWebサイトを美しく、使いやすく生まれ変わらせます！丁寧なヒアリングで、あなたの想いを形にします。まずはお気軽にご相談ください。

▼こんな方へオススメ

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

▼サービス内容

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

▼ご用意いただくもの

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

▼料金プラン

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

▼納品

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

ご覧いただきありがとうございます。
ホームページのコーディングをしております、ともゆきと申します。
デザインカンプからコーディングし、デザインを再現いたします。
　デザインカンプを持っていてコーディングしてもらいたい！
　コーダーを探しているデザイナーさん
などお気軽にお声がけください

【作業内容】
・HTMLにて静的サイトのコーディング
・WordPressにて動的サイトのコーディング
・レスポンシブ対応
・ハンバーガーメニューやアコーディオンなど簡単なアニメーションの実装

【制作の流れ】
・ヒアリング/お見積り（お気軽にご相談ください）
・お客様からデザインのご提供
・コーディング
・ご確認・修正
・最終確認・納品

【納品前チェック】
・表示崩れ確認（320px～2560px）
・各ブラウザでの表示確認（Chrome、FireFox、Safari）
・ピクセルパーフェクトの確認
・問い合わせフォームの動作確認
・HTML及びCSS構文チェック（W3C）
・意図しない横スクロールは発生しないか
・誤字脱字がないか（テキスト比較ツール）
・JavaScriptの挙動確認・コンソールエラーの確認

最後に、私のポートフォリオに制作実績として掲載して良いという方はお値下げさせていただきます。
是非お気軽にご相談ください。