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

迅速・丁寧な対応で、お客様のWebサイトを最適な形に仕上げます

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

Webサイトの修正や更新に時間がかかって困っていませんか？急ぎで新しいランディングページが必要なのに、信頼できるコーダーが見つからずお悩みではありませんか？技術的なことはよく分からなくても、安心して任せられるプロを探していませんか？

発注の流れ

1. お問い合わせ・ヒアリング
   まずはお客様の現状のお悩みやご希望のサービス内容、納期、ご予算について、ランサーズメッセージにて詳しくお聞かせください。

2. お見積もり・ご提案
   ヒアリング内容に基づき、最適なサービス内容と工数、それにかかる費用と納期を明確に記載したお見積もりを提示いたします。

3. ご契約・仮払い
   お見積もり内容にご納得いただけましたら、ランサーズの仮払い機能を通じて契約を締結し、プロジェクトを開始いたします。

4. 素材共有・制作開始
   仮払い完了後、制作に必要な詳細情報（デザインデータ、テキスト原稿、画像素材など）をご共有いただき、制作を開始します。

5. 初稿提出・修正
   完成した制作物をテスト環境でご確認いただき、修正点があればお申し付けください。迅速に調整し、最終確認を行います。

6. 納品・完了
   最終確認後、ご希望の形式（HTML/CSSファイル一式など）で納品いたします。これでプロジェクトは完了です。

対応範囲・価格

Webサイトの微修正・更新：10,000円〜
既存サイトの軽微な修正、テキスト更新、画像差し替えなど、短い時間で完了するHTML/CSSの調整に対応します。

ランディングページ制作：30,000円〜
デザインデータ（Figma, XDなど）に基づいた、標準的なランディングページのHTML/CSSコーディング一式を提供します。

Webサイト・複雑なLP制作：60,000円〜
複数ページのWebサイトや複雑なレイアウトのページ、JavaScriptを伴うインタラクティブな要素のコーディングに対応します。

納期

ご依頼内容により異なりますが、最短3日〜2週間程度で対応可能です。

制作の流れ

要件定義・計画立案（1〜2日）
お客様から頂いた情報を基に、どのような構成でコーディングを進めるか計画を立てます。

コーディング実装（3日〜10日）
計画に基づき、HTMLとCSSを用いて忠実にデザインを再現するコーディング作業を行います。

品質チェック・テスト（1〜2日）
複数ブラウザでの表示確認やW3C準拠のチェックを行い、品質を保証します。

お客様確認・修正（1〜3日）
お客様にご確認いただき、必要に応じて修正対応を行います。

最終納品（即日）
最終的なデータをお渡しし、プロジェクトを完了します。

サービス内容

WebサイトのHTML/CSSコーディング、ランディングページ制作、既存サイトの改修を迅速かつ丁寧に対応いたします。お客様のビジネスに貢献できるよう、高品質なコードで最適なWeb体験を提供します。

Webサイトのちょっとした修正や、新しいランディングページがなかなか形にならない…そんなお悩みはありませんか？「迅速な返信、丁寧な対応」をモットーに、HTML/CSSコーディングであなたのビジネスをサポートいたします。培ってきた経験を活かし、お客様のイメージを正確に、そして素早くWeb上で実現させます。IT・通信・インターネット業界のお客様に特化し、専門用語を避け、分かりやすい言葉でご説明しますので、Webに詳しくない方もご安心ください。まずは一度、お気軽にご相談ください！

XD、Figma等のデザインデータからHTMLコーディングを行い、WordPressのオリジナルテーマを制作します。

内容

1. WordPressのインストール・設定
2. プラグインの選定・インストール・設定
3. オリジナルテーマファイルの制作
4. カスタム投稿・カスタムタクソノミーの設定
5. 可能な範囲での機能の実装・カスタマイズ

Webコーダーとして、LPおよびWebサイトのコーディング業務を中心に対応しております。
デザインデータの意図を正確に汲み取り、HTML・CSS・JavaScriptを用いた再現性の高い実装を得意としています。

主に以下の業務に対応可能です。
・LP（ランディングページ）のHTML/CSS/JavaScriptコーディング
・PC・スマートフォン対応のレスポンシブ実装
・既存LP・Webサイトの修正、改修対応
・WordPressへの組み込み（オリジナルテーマ・既存テーマ対応）
・デザインデータ（Figma／Adobe XD／AI）をもとにしたコーディング
・軽微なJavaScriptによる動き・アニメーション実装

制作会社様とのお取引や、継続案件・量産案件の対応経験もあり、
「デザイン通りに、かつ安心して任せられる実装」を常に意識しております。

また、レスポンスの早さと丁寧なコミュニケーションを大切にしており、
進行中の不明点や仕様確認もこまめに共有しながら進めます。

1ページのLP制作から、複数ページ・継続案件まで柔軟に対応可能です。
ご要望やご予算に応じて最適な進め方をご提案いたしますので、
まずはお気軽にご相談ください。

発注の流れ

1.  メッセージにてご相談

　（制作内容・ページ数・デザインデータの有無など）

2. 内容確認後、お見積り・納期をご提示
3. ご発注・制作開始
4. 初稿提出 → ご確認
5. 修正対応
6. 納品（HTML/CSS/JSデータ一式 または WordPress反映）

※不明点がある場合は、事前にしっかり確認しながら進めます。

対応範囲

・LP（ランディングページ）コーディング
・HTML / CSS / JavaScript 実装
・レスポンシブ対応（PC・タブレット・スマートフォン）
・既存LP・Webサイトの修正、改修
・WordPressへの組み込み
　（オリジナルテーマ／既存テーマ対応）
・デザインデータ対応
　（Figma／Adobe XD／Illustrator）

※守秘義務の関係で公開できない実績もございますが、
　内容については個別にご説明可能です。

価格目安

・LPコーディング（1ページ・レスポンシブ対応）：10,000円〜
・JavaScriptを含むLP：15,000円〜
・アニメーション・調整込み：20,000円〜

※デザインのボリューム、ページの長さ、JS内容により変動します。
※継続案件・複数ページの場合は、別途お見積りいたします。

納期目安

・LP（1ページ）：3〜5日
・修正対応：内容に応じて柔軟に対応

※お急ぎ案件も、スケジュール次第で対応可能です。
　まずはご相談ください。

制作の進め方・大切にしていること

・デザイン意図を正確に汲み取ること
・読みやすさ・使いやすさを意識した実装
・レスポンスの早さと丁寧なコミュニケーション
・「あとから修正しやすい」コードを意識

制作会社様とのお取引や継続案件の経験があり、
スムーズに進行できる外注パートナーとしてお役に立てます。

「とりあえず相談したい」「仕様が固まっていない」
という段階でも問題ありません。
お気軽にメッセージください。

▼こんな方へおすすめ
とにかく安価にホームページを作成したいと考えている方

▼やすくできるための理由
テンプレートを利用した作成のため、安く作成ができます。

▼サーバーへのアップロード
サーバーへのアップロードはお客様にてお願いいたします。
サーバー構築、サーバーへのアップロードをご希望のお客様は、別料金にはなりますが対応可能ですので、おっしゃってください。

▼注意事項
テンプレートを使用していますので、内容確認時点では著作権表示があります。
著作権表示は、ご入金後に、削除いただくことが可能です。(削除したものを納品させていただきます)

ランディングページ(LP)・WEBサイト・WordPress導入サイトの

コーディングを承ります！

制作会社様・デザイナー様からのご依頼をお待ちしております。

安心してお任せいただけるよう、丁寧に正確に迅速にお仕事いたします！

「まずは相談する(無料)」ボタンから
どうぞお気軽にご相談ください。

ー ご発注から納品まで ー

1. 「まずは相談する(無料)」ボタンからご連絡

ご依頼を検討されている内容、ご希望納期等をお知らせください。

2. ご相談内容に返信

ご相談内容に対する回答を返信いたします。

3. ご発注

ご依頼いただく場合は、ご発注にお進みください。

4. 仮払い

ご発注を承認後、仮払いのお手続きにお進みください。

5. 制作開始

仮払いお手続き完了後、即制作を開始できるよう、制作に必要なものをご送信ください。
納期については、仮払いお手続きが完了し、必要なものが揃った状態の翌日からの日数とお考えください。

6. テストサーバにてご確認

コーディングが完成しましたら、こちらで用意したテストサーバーにアップロードいたします。
そちらにて表示等のご確認をいただき、修正箇所があれば修正いたします。
デザインカンプとは違うように変更する場合は、軽微なものであれば対応いたしますが、コーディングのやり直しになるような変更が発生しないよう、よろしくお願いいたします。

7. 納品

ご指定のサーバーへのアップロードか、ZIPファイルをお渡しするか、どちらにも対応可能です。

8. 納品後の修正

表示の不具合等が見つかった場合などについては、１ヶ月以内は修正対応いたします。
納品後に、例「ここの文字の色やサイズを変更したい」「この画像の表示位置を変えたい」などといった変更は、別料金での対応となります。
尚、クライアント様側でコード改変等をおこなった結果での不具合についても、別料金での対応となりますことをご理解ください。

ー ご用意いただくもの ー

• デザインカンプ(Figma、XD、Illustrator、Photoshop)
• サーバー情報(アップロードにて納品の場合)
• WordPressの場合は、管理画面URL、ログイン情報

ー お願い ー

デザインカンプを基に制作しますが、カンプだけではわからない箇所もあります。
そのような箇所については、追加情報をお知らせください。
リンク先など。
できる限りお早く納品ができるよう、あらかじめカンプ内に記載いただくか別途お知らせをお願いいたします。

• サイト名
• サイトURL
• DESCRIPTION(サイトの説明文)
• FAVICONについて(用意がなければこちらで簡易的なものを作成)
• OGPの情報(X、Facebookアカウント情報など)
• SNS等共有時に表示される画像(用意がなければこちらで簡易的なものを作成)
• デザインカンプに有料フォントが使用されている場合(指定がなければ近似のGoogleフォントで対応)
• サイト内、外部サイトのリンク先のURL
• お問い合わせフォームの送信先メールアドレス
• お問い合わせフォームの自動返信用メールアドレス
• 開閉したり追尾したり、動きのある箇所。
• ボタンやリンクなど、HOVERで色を変えたり、OPACITYの調整等する箇所
• レスポンシブ表示のブレイクポイント(基本は、〜1025、1024〜751、750〜600、599〜320pxでデザインに合わせて設定しています)
• 余白等、どの程度カンプ通りにするか(特別指定がなければ、ズレ等と判断した部分についてはこちらの判断で調整します)

※特に細かいご指定がないことについては、こちらで適宜調整していきますので、何かご指定がある場合はあらかじめお伝えください。

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

まずはお見積もりからお願いしております。

■作業内容
・HTML/CSSを用いた静的コーディング（1ページ〜制限なく複数ページまで作成します）
・レスポンシブ対応
・JavaScriptの動的実装

・お問い合わせフォームの実装（静的ページの場合はGoogleフォームでの対応となります）
※ご希望の方には、お問い合わせフォームの参考ページをお送りします。

■料金表
◎基本プラン
・トップページのコーディング※：20,000円
・LPのコーディング※：20,000円
・下層ページのコーディング※：10,000円～/ 1ページ
・部分コーディング、既存ページの修正：3,000円〜/1箇所

※PC版縦5,000px以上より1,000pxにつき1,000円加算させていただきます

◎オプション
・JavaScriptの機能実装：2,000円～ / 1点
　(ハンバーガーメニューは無料)
・お問合せフォームの設置：15,000円

＜無料オプション（ご希望の場合）＞
・表示速度の高速化のための画像圧縮
・SEO対策のためのmetaタグ設置
・テスト環境の構築

■制作の流れ

1、ヒアリング&お見積り

2、お客様からデザインのご提供

3、コーディング＆テスト

4、ご確認・修正

5、最終確認・納品

※テストはMacで「Chrom、Safari、Firefox」の各ブラウザで行います。
※納品方法は基本的には、zipファイルとなります。
サーバーアップをご希望の場合は事前にご相談ください。

■納期

最短で5日〜

ご希望の納期がある場合はご相談くださいませ。
納期は「2、お客様からデザインのご提供」完了後からとなります。

■その他
迅速・丁寧にコーディングいたします。

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

こちらコーディング代行サービスとなっておりますので

デザインとサイトに使用する画像素材は全てお客様の方でご用意をお願いいたします
・画像加工には対応できませんのでご了承くださいませ。

・デザインは、 Photoshop / XD / Figmaなどに対応しております。
上記以外の形式をご希望の場合は一度ご相談くださいませ。

あなたのECサイト、もっと売れるようにしませんか？コーディングから運営代行まで、私が全部お引き受けします！

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

ECサイトの売上不振、サイト更新の負担、技術的な問題

発注の流れ

ヒアリング
ECサイトの現状、課題、ご要望などを詳しくお聞かせください。具体的な目標やイメージを共有しましょう。

プラン提案・お見積もり
ヒアリング内容に基づき、最適なプランをご提案します。お見積もりや納期もこの段階で確定します。

ご契約
ご提案内容にご納得いただけましたら、契約となります。必要な情報や素材をご提供ください。

制作・作業開始
ECサイトの改善、LP制作、運営代行など、プランに基づいた作業を開始します。進捗状況は随時ご報告いたします。

納品・完了
完成した成果物をご確認いただき、必要に応じて修正を行います。ご満足いただけたら納品完了です。

対応範囲・価格

Basicプラン：3万円〜
HTML/CSSコーディング、バグ修正、簡単なLP作成（1ページ）

Standardプラン：5万円〜
Basicプランに加え、ECサイト運営代行（商品登録、顧客対応）、HP更新

Premiumプラン：10万円〜
Standardプランに加え、LPの本格的な作成、GitHubでのバージョン管理、Go/JavaScriptを用いた機能追加

納期

プランによって異なります（Basic: 1週間、Standard: 2週間、Premium: 1ヶ月）

制作の流れ

現状分析
まずはお客様のECサイトやLPの現状を詳しく分析します。課題や改善点を見つけ出します。

企画・設計
分析結果をもとに、具体的な改善策やデザイン案を練り上げます。お客様のご要望を最大限に反映させます。

制作
コーディング、デザイン、コンテンツ作成など、実際の制作作業を行います。品質にこだわり、丁寧に作業を進めます。

テスト・修正
完成した成果物をお客様にご確認いただきます。フィードバックをいただき、修正や改善を行います。

納品・サポート
最終的な納品物を納品します。納品後も、必要に応じてサポートいたします。

サービス内容

ECサイトの運営に必要なスキルをワンストップで提供します。コーディング、LP制作、バグ修正、運営代行、HP更新など、ECサイトに関するあらゆるお悩みを解決します。

ECサイトの運営、大変ではありませんか？
「商品登録が面倒…」「LPを作りたいけど時間がない…」「バグが直せない…」
そんなお悩みを、私が解決します！
3年間の実務経験で培ったスキルを活かし、あなたのECサイトを「売れる」サイトに変身させます。まずは、お気軽にご相談ください！

提案金額は目安です。ページ数の増減、納期の前後などにより調整可能です。

webデザイナー/デザインカンプをお持ちの方へ
デザインソフトに沿って丁寧にデザインいたします
クライアントさんの希望に沿って柔軟に対応いたします。

デザインデータから高品質なWebサイトを迅速に構築します！レスポンシブ対応でスマホも安心。あなたのビジネスをWebで成功に導きます。

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

企業のWebサイトをリニューアルしたいが、デザインデータはあるもののコーディングできる人がいない。スマホ対応も必須。

発注の流れ

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

お打ち合わせ
デザインデータを確認し、Webサイトの構成、機能、SEO対策などについてご提案します。

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

制作・納品
コーディング、テスト、修正を行い、Webサイトを納品します。

対応範囲・価格

基本のWebサイト構築：5万円〜
HTML/CSSによるレスポンシブWebサイト構築（5ページまで）。デザインデータからのコーディング、スマホ対応、SEO対策。

WordPressテーマ化：10万円〜
WordPressテーマ化（オリジナルテーマ）。基本のWebサイト構築に加え、WordPressによるCMS導入、ブログ機能追加。

STUDIO制作：8万円〜
STUDIOを用いたWebサイト制作。STUDIOによるWebサイト制作、アニメーションやインタラクションの実装。

納期

最短1週間で納品

制作の流れ

要件定義・設計
お客様から提供されたデザインデータと要件を詳細に分析し、Webサイトの構造を設計します。

コーディング
HTML, CSS, JavaScriptを用いて、Webサイトのコーディングを行います。レスポンシブ対応も行います。

テスト・修正
テスト環境で動作確認を行い、修正点があれば修正します。

納品・公開
Webサイトを納品します。必要に応じて、サーバーへのアップロード作業も行います。

サービス内容

デザインデータから高品質なWebサイトを迅速に構築します。レスポンシブ対応でスマホも安心。WordPressテーマ化やSTUDIO制作も対応可能です。

Webサイトのデザインはあるけど、コーディングできる人がいなくて困っていませんか？スマホ対応もしたいけど、どうすればいいかわからない？そんなあなたのために、私がWebサイトを制作します！FigmaやXDのデザインデータを正確に再現し、レスポンシブ対応でスマホでも快適に閲覧できるWebサイトを制作します。WordPressテーマ化やSTUDIO制作も対応可能です。お気軽にご相談ください。

クオリティとスピードを両立！あなたのWebサイトを、もっと魅力的に。

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

Webサイトの見た目を改善したい、サイトの表示速度を上げたい、スマホ対応ができていない、バグを修正したい、Webサイトの品質を向上させたい。

発注の流れ

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

お見積もり・ご提案
お伺いした内容を元に、最適なプランとお見積もりをご提案します。

ご契約
ご提案内容にご納得いただけましたら、正式にご契約となります。

制作開始
経験豊富なコーダーが、丁寧に制作を進めます。進捗状況は随時ご報告します。

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

対応範囲・価格

静的コーディング：3万円〜
HTML/CSSによる静的コーディングを、迅速かつ丁寧に行います。レスポンシブ対応も含まれます。

Webサイト改修：1万円〜
既存Webサイトのデザイン修正や機能追加を承ります。小さな変更から大規模な改修まで対応可能です。

バグ修正・パフォーマンス改善：5千円〜
Webサイトの表示速度改善や、JavaScriptのエラー修正など、技術的な問題を解決します。

納期

最短3日

制作の流れ

ヒアリング
お客様のWebサイトの目的やターゲット層、デザインの方向性などを詳しくヒアリングします。

企画・設計
ヒアリング内容を元に、Webサイトの構成案やデザイン案を作成します。

コーディング
構成案とデザイン案にご納得いただけましたら、コーディング作業を開始します。

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

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

サービス内容

Webサイトのコーディング、改修、バグ修正、パフォーマンス改善など、Webサイトに関する様々なニーズにお応えします。丁寧なヒアリングと確かな技術で、お客様のWebサイトをより魅力的に、より使いやすく改善します。

Webサイトのコーディングでお困りではありませんか？

「Webサイトのデザインが古く、見栄えが悪い…」「スマホで見たときに表示が崩れてしまう…」「Webサイトの表示速度が遅く、ユーザーが離脱してしまう…」

そんなお悩みを、現役フリーランスコーダーの齊藤が解決します！

丁寧なヒアリングで、お客様のWebサイトの課題を明確にし、最適な改善策をご提案します。確かな技術と豊富な経験で、お客様のWebサイトをより魅力的に、より使いやすく改善します。

Webサイトのコーディング、改修、バグ修正、パフォーマンス改善など、Webサイトに関するお困りごとは、ぜひ齊藤にお任せください！

高品質なコーディングで、お客様のウェブサイトをさらに魅力的にしませんか？

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

ウェブサイトの見た目を良くしたい、スマホ対応にしたい、表示速度を改善したい、バグを修正したい

発注の流れ

お問い合わせ
メッセージにて、ご希望のコーディング内容、デザインデータ、納期などをお知らせください。

お打ち合わせ
詳細な内容をヒアリングし、最適なコーディングプランをご提案します。

ご契約
お見積もり内容にご納得いただけましたら、ご契約となります。

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

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

対応範囲・価格

レスポンシブコーディング：3万円〜
HTML/CSS/JavaScriptによる静的コーディングを行います。PC・スマホ表示に対応。

サイト改修：5千円〜
既存サイトのデザイン修正、レイアウト調整、コンテンツ追加など、柔軟に対応いたします。

バグ修正：3千円〜
ウェブサイトの表示崩れ、動作不良などのバグを迅速に修正します。

パフォーマンス改善：1万円〜
画像最適化、コード改善など、ウェブサイトの表示速度を向上させます。

各種フォーム作成：1万円〜
お問い合わせフォーム、アンケートフォームなど、ご要望に応じたフォームを作成します。

納期

最短3日

制作の流れ

設計
お客様からいただいたデザインデータや指示書を基に、ウェブサイトの構造を設計します。

コーディング
設計に基づいて、HTML、CSS、JavaScriptなどのコードを記述します。

テスト
PC、スマホなど、様々なデバイスでウェブサイトが正常に表示されるか確認します。

修正
お客様にご確認いただき、修正点があれば修正します。

納品
ウェブサイトのデータをサーバーにアップロードし、公開します。

サービス内容

HTML/CSS/JavaScriptを用いたウェブサイトのコーディング、既存サイトの改修、バグ修正、パフォーマンス改善、各種フォーム作成を承ります。お客様のウェブサイトをより使いやすく、魅力的なものにするために、丁寧な作業を心がけています。

ウェブサイトのコーディングでお困りではありませんか？
「スマホ対応ができていない」「デザインが古くて見栄えが悪い」「表示速度が遅い」といったお悩みを解決します！
HTML/CSS/JavaScriptのスキルを活かし、お客様のウェブサイトをより魅力的で使いやすいものに改善いたします。
まずは、お気軽にご相談ください。お客様の課題を丁寧にヒアリングし、最適なコーディングプランをご提案いたします。

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

🎯 サービス概要

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

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

✅ 業界特化の実績

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

✅ デザイン解釈力

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

✅ 技術の幅広さ

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

🛠 対応可能な業務

基本サービス

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

JavaScript実装

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

品質管理・最適化

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

📋 制作フロー

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

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

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

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

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

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

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

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

5. 納品・サポート

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

🎯 得意な案件・業界

医療・ヘルスケア

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

金融・保険

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

公共・教育

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

IT・製造業

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

🚀 こんな方におすすめ

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

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

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

ご覧いただきありがとうございます！
3S code　代表　庄司　雅幸です。

当事業所はコーディング業務を主に請け負っており、
現在はWeb制作会社様と提携し業務をしております。

■基本料金に含まれるもの
HTML / CSSを使用した静的コーディング
レスポンシブ対応(スマホ)
テスト確認用サーバーの設置
お問い合わせフォーム（見た目のみ）
ハンバーガーメニュー
タブメニュー
スライダー

■基本料金に含まれないもの
スマホ用デザインがない場合のレスポンシブ対応

■動作確認
Chrome, Firefox, Safari

■納期
7〜14日程度で納品が可能です。
※稼働状況やページ内容により変動します。
※品質重視のため長めに納期を頂いております。

■納品までの流れ
①ヒアリング
②デザインデータお預かり（XD、Figma、Photoshop）
③コーディング
④テストサーバーにアップ（ご確認・修正）
⑤納品（ZIPファイル送付、またはFTPでレンタルサーバーへのアップロード）

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

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

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

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

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

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

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

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

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

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

美容室サイト実績あり！スマホで差をつける集客特化型LPで売上を伸ばします

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

「スマホからの集客が伸び悩んでいる」「Webサイトのデザインが古くて信頼感がない」「シンプルで分かりやすいLPが欲しい」といったお悩みはありませんか？経験豊富なコーディングスキルで、集客に繋がる高品質なLPを制作いたします。

発注の流れ

1. ヒアリング・ご相談
   まずはお気軽にご相談ください。Webサイトの目的、ターゲット、ご希望のデザイン、納期などをお伺いします。

2. プラン提案・お見積もり
   ヒアリング内容に基づき、最適な制作プランとお見積もりをご提案いたします。不明点があればお気軽にご質問ください。

3. ご契約・仮払い
   お見積もり内容にご納得いただけましたら、正式にご契約となります。この時点で仮払いをお願いいたします。

4. 制作開始
   契約内容に沿って制作を開始します。中間報告を行いながら、お客様のご要望を形にしていきます。

5. 最終確認・修正
   完成したLPをご確認いただき、修正点があればお申し付けください。ご納得いただけるまで丁寧に対応いたします。

6. 納品・お支払い
   最終確認が完了後、納品データをお渡しいたします。その後、ランサーズ上でのお支払い手続きをお願いいたします。

対応範囲・価格

LP制作（基本1ページ）：100,000円〜
集客に繋がるランディングページ（LP）の新規制作。基本構成1ページをHTML/CSSでコーディングし、レスポンシブ対応いたします。

LP修正・追加コーディング：50,000円〜
既存LPのHTML/CSSコーディング修正や、追加セクションの制作を行います。デザインデータの提供があれば対応可能です。

LP公開サポート：20,000円〜
制作したLPの公開前最終チェックや、簡単なSEO対策（metaタグ設定など）を実施し、運用開始をサポートいたします。

納期

14日〜30日

制作の流れ

企画・要件定義
LPの目的やターゲットを深掘りし、最適なコンテンツ構成とデザイン案を策定します。

コーディング・開発
HTML/CSSを駆使し、レスポンシブデザインで高品質なコーディングを行います。

テスト・デバッグ
各種ブラウザやデバイスでの表示確認、動作テストを徹底し、品質を確保します。

サービス内容

お客様のビジネスを加速させる、HTML/CSSコーディングによるレスポンシブWebサイト制作を承ります。特にランディングページ（LP）制作を得意とし、シンプルかつモダンなデザインで、ターゲットに響くWebサイトを構築。美容室サイト制作の実績を活かし、丁寧なヒアリングと迅速な対応で、お客様の理想を形にします。PCとスマホ両方に対応した高品質なWebサイトで、集客力アップをサポートいたします。

Webサイト、特にランディングページ（LP）は、お店やサービスの第一印象を決定づける大切な顔です。しかし、「今のサイトでは情報が伝わりにくい」「スマホで見た時に見づらい」と感じていませんか？
私はHTML/CSSを用いたコーディングとレスポンシブデザインを得意とし、お客様の「集客したい」「ブランドイメージを高めたい」という想いを形にします。特に美容室サイトの実績があり、シンプルかつ洗練されたデザインで、訪問者の心を掴むLPを制作いたします。お客様のビジネスの魅力を最大限に引き出し、成果に繋がるWebサイトを一緒に作りませんか？まずはお気軽にご相談ください。

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

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

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

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

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

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

「デザインデータはあるけどコーディングはどうしよう」
「コーディングだけお願いしたい」
「何も言わずに淡々とコードを書いてほしい」
いう方、お気軽にご相談下さい

Webページをコーディング(ご希望があればスマホ対応も可能です)し、WordPress化致します。

▼サービス内容
・お預かりしたデザインカンプやサイトのコーディング
・静的サイトのWordPress化
・SEOを意識したタグの適切な使用をしたコーディング
・レスポンシブ(スマホ)対応(希望があれば)
・jQueryを使用した簡単な動きはサービスいたします("ハンバーガーメニュー"や"Topへ戻るボタン"など)

▼制作〜納品の流れ
①ヒアリング・お見積もり
→ページ数、動きについてのご相談や使用する画像についてのご相談とお見積もり

②デザインデータや画像データのご共有

③コーディング・テスト
→環境テストはMacでChrom, Safariで行います

④提出・ご確認・修正
→制作物をご確認いただき、修正等伺います

⑤最終確認・納品

▼納期
余裕を持った納期のご提案をさせていただいております。
目安としてはデザインデータをお預かりしてから５日〜２週間ですが、最終的にはご相談にて決めさせていただきます。

納品方法は
・サーバーへのアップロード
・zipファイルでの納品
など、お客様とご相談させていただきます。

▼お取引後のアフターケア
修正を納品から1週間までを無料にて対応させて頂きます。
お気軽にご連絡ください。

購入にあたってのお願い
▼デザインとサイトに使用する画像素材は全てお客様でご準備をお願いいたします。
・画像加工には対応できませんのでご了承くださいませ。
・デザインデータは、Illustrator / Photoshop / Adobe XD / に対応しております。

ご覧いただき、ありがとうございます！
制作会社様・デザイナー様を中心に、
デザインカンプからの実装を承っております。

「コーディングに時間を取られたくない…」
「デザイン通りに再現してくれる人に任せたい…」
そんなお悩みはございませんか？

Himawari-codeでは、
デザイン意図を丁寧に読み取り、納期を守ることはもちろん、
やり取りの負担を感じさせない、スムーズで丁寧な進行を心がけています。

◆サービス内容
・LP/HPの静的コーディング（HTML / CSS / JavaScript / GSAP）
・オリジナルテーマを使用したWordPress構築
・既存サイトの修正およびページ追加
・フォーム、スライダーなど部分的な機能追加や改修

◆料金表

【コーディング（レスポンシブ対応）】
・トップページ：15,000円〜
・下層ページ（1P）：5,000円〜

【WordPress対応】
・トップページ：15,000円〜
・１ページ：10,000円〜
・投稿機能追加（カスタム投稿等）：3,000円〜

※ページの長さ・アニメーション量・構成により変動します

【料金内に含まれるもの】
・各ブラウザ検証（Edge / Chrome / Firefox）
・OGP/meta/ファビコン設定等の基本的なSEO設定
・公開後１ヶ月間は軽微修正対応（テキスト修正・画像差替え等）

現在は実績構築段階のため、
内容に応じて柔軟にお見積りいたします。

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

◆ご依頼の流れ

①メッセージでご相談
　ご要望やデザインデータをお送りください。内容を拝見し、お見積りをお伝えします。

②ご購入・トークルーム開始
　ご購入後、専用の「トークルーム」でやり取りを行います。

③制作開始〜進捗共有
　随時進捗をご報告しながら、丁寧にコーディングを進めます。

④初稿確認・修正対応
　テストサーバーでご確認いただき、修正があれば対応します。

⑤最終確認・納品
　最終確認後、納品データをお渡しして完了です。

まずはお気軽にご相談ください。
ご要望をお伺いし、安心してご依頼いただけるよう対応いたします。

真面目な大学生が丁寧なコードで集客LPを制作します

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

「広告を出したいけどLPがない」「LPを低コストで作りたい」「簡単なLPを素早く立ち上げたい」とお悩みではありませんか？ Web制作を学び始めたばかりの私が、真面目に納期を守り、シンプルなLPを丁寧にコーディングして、あなたの課題解決をサポートします。

発注の流れ

1. 事前相談・ヒアリング
   まずはメッセージで、LPの目的やご希望、納期、ご予算について詳しくお聞かせください。

2. お見積り・仮払い
   ヒアリング内容に基づき、最適なプランと正確なお見積りを提示します。ご納得いただけましたら仮払いをお願いいたします。

3. 素材のご提供
   デザインデータ（Figma, XD, JPGなど）とLPに掲載するテキスト、画像素材をご提供ください。

4. コーディング作業開始
   いただいた素材を基に、丁寧にHTML/CSSでコーディングを進めます。進捗は随時ご報告します。

5. 初稿確認・修正
   完成したLPのテスト環境URLをお送りしますので、内容をご確認ください。修正点があればお申し付けください。

6. 最終確認・納品
   修正が完了後、最終確認いただき、問題なければデータ一式を納品いたします。

対応範囲・価格

シンプルLPコーディング（1セクション）：15,000円
導入部分のみの非常にシンプルなLPをHTML/CSSで丁寧にコーディングします。基本的な情報提供に最適です。

標準LPコーディング（3セクション）：30,000円
主要な情報やサービス紹介を含む3セクション程度のLPを、レスポンシブ対応でコーディングします。集客の土台作りに。

高機能LPコーディング（5セクション＋α）：50,000円
サービス詳細やお問い合わせフォーム連携など、5セクション以上のLPをレスポンシブ対応で制作。軽微なアニメーションも対応します。

納期

最短7日〜

制作の流れ

要件定義・素材確認
クライアントからのデザインデータ、テキスト、画像素材を詳細に確認し、コーディングの要件を明確にします。

HTML構造化・CSSスタイリング
提供されたデザインに基づき、セマンティックなHTML構造を構築し、見やすく保守性の高いCSSでスタイリングします。レスポンシブ対応もこの工程で行います。

動作確認・テスト
複数のブラウザやデバイスで表示崩れがないか、リンクが正しく機能するかなど、入念に動作確認とテストを行います。

修正・調整
クライアントからのフィードバックを基に、修正点や微調整を行い、最終的な完成度を高めます。

最終納品
完成したLPのHTML、CSS、画像ファイルなどを一式で納品します。

サービス内容

広告・イベント・プロモーション業界の皆様へ。Web制作を学ぶ大学生が、あなたのキャンペーンを成功に導くシンプルなLPを、HTML/CSSで丁寧にコーディングします。コストを抑えつつ、納期厳守と真面目な作業で高品質なLPを提供。スマートフォン対応も標準で、あなたのWeb集客を力強くサポートします。

「広告キャンペーンを成功させたいけれど、LP制作にコストはかけたくない…」「Webの知識がないから、誰に頼めば良いか分からない」そんなお悩みはありませんか？ Web制作を真面目に学ぶ大学生が、あなたの想いを形にするシンプルなLPコーディングをお手伝いします。最新のHTML/CSSで、スマートフォン対応もバッチリ。丁寧な仕事と納期厳守をモットーに、小さな一歩からWeb集客をサポートします。まずは、あなたのLPに対するご希望を、お気軽にお聞かせください。一緒に最適な解決策を見つけましょう！

この度は当サービスにご関心をお寄せいただき、誠にありがとうございます。
当方では、セキュリティ対策を万全に施した安心・高品質な各種フォーム制作を承っております。

■対応可能なフォーム例
・お問い合わせフォーム
・会員登録フォーム
・アンケートフォーム
・資料請求フォーム
・見積りフォーム
・注文フォーム
・その他カスタマイズフォーム

■なぜセキュリティが重要なのか？
フォームはお客様の大切な個人情報を預かる場所です。
例えば、アドレス・お名前・住所など、万が一流出すれば
・信頼の失墜
・損害賠償リスク
といった大きな問題に発展しかねません。
「情報漏洩を防ぐこと」は、お客様との信頼関係を守る最初の一歩です。

■情報漏洩以外のリスクにも要注意！
フォームには情報漏洩以外にも、
・サイバー攻撃
・不正アクセス
・マルウェア感染
・データ改ざん・消失
といったリスクが潜んでいます。

だからこそ、SSL/TLSによる暗号化通信 + フォーム自体のセキュリティ対策が欠かせないのです。

■当方の強み
当方では、最新のセキュリティ要件を満たしたフォームを設計・構築。
安心・安全で使いやすいフォームをご提供します。
※表示価格は最低価格となっております。

■開発の流れ
1)ヒアリング（業務内容・目的・必要な機能を丁寧に伺います）
2)プラン提案・お見積り・スケジュール提示
4)システム開発・動作レビュー・修正対応
5)テスト環境での検証
6)本番納品・リリース完了！

■安心のアフターサポート
保守対応や機能改善のご提案も可能です（オプション）

※価格は基本料金です。ご要件に応じて金額・納期は変動いたします。まずはお気軽にご相談ください！

ご希望に合わせたシステム開発で、業務の効率化・サービスの品質向上をしっかりサポートいたします！

こんな方へおすすめ
・ずっと手つかずでサイトが古い状態で放置している方

ご覧いただきありがとうございます。
Web制作コーダーの菊地友貴です。

コーディング代行として１０社以上の制作会社様との業務経験があり、
デザインを再現する丁寧なコーディングはもちろん

「情報共有」
「品質管理」
「スケジュール管理」

を徹底しております！

こんなお悩みを解決します！

　・デザインはあるけどコーディングは任せたい・・・
　・デザイン以外の部分も、さまざまな端末に合わせて「良い感じ」にしてほしい・・・
　・納期まできちんとスケジュール管理して安心してお取引したい・・・

このようなお悩みはお任せください！

制作する上のでお約束

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

＊レスポンシブまで丁寧に対応し、デザイン上にない部分も「良い感じ」になるよう調整します。
　→Googleの拡張機能を使って、ブラウザ上にデザインを重ねながら、
　　余白のズレや、文字の間隔などピッタリと揃うように調整していきます。
　→基本的には320px〜2500pxまで、中途半端な画面幅でも表示崩れのないようにコーディングします。

②進捗状況の「見える化」を行い納期を厳守します

＊「案件管理シート」 を共有し、進捗状況や質問事項などがいつでもご確認いただるため、
　　情報の漏れや連絡のタイムラグを防ぎ、お忙しい中でのやり取りのご負担を減らします。

＜案件管理シートの構成＞
１）質問・回答シート
２）スケジュール管理シート
３）品質チェックシート
４）サイト情報シート

スプレッドシートのリンク１つを管理していただくだけで、
案件に関わる全ての情報がまとまっています。

③貴社のコーディングルールに合わせてコーディングします

＊制作会社様によって指定のコーディングルールがある場合にも柔軟にご対応します。

＜これまでの具体例＞
・BEM設計
・カラム部分のみBootstrap使用
など
　

こんなメリットがあります！

・制作会社提携１０社のコーダーによる丁寧なコーディング
・デザインツールは幅広く対応（XD、Figma、illustrator、Photoshop可能）
・納品までの丁寧なスケジュール・質問対応管理
　

▼ご依頼・制作の流れ
①「まずは相談する（無料）」よりお問い合わせください。
②デザインや仕様、ご依頼内容の確認をします。
（必要時にオンラインでのお打ち合わせも可能です。）
③問題なければコーディングを開始します。
④修正・確認チェック
⑤納品

下層ページの追加（別途費用）などあれば気軽にご相談ください。

【最後に】

関わっていただいた方に嫌な思いをしてほしくない、
この人に頼んでよかったと思ってもらえるよう相手の負担を巻き取りたい！
という気持ちで、１つ１つ大切にコーディングさせていただきます。

「案件管理シート」も、お忙しい制作会社様の負担を少しでも減らしたい、
どのようにすればお互いに気持ちの良いやりとりができるか、
と考えて作成しました。

一緒にクライアント様に喜んでいただけるWebサイト制作をしていけますと幸いです。
ご相談を心よりお待ちしております。

HTML、CSSを中心としたコーディング業務をさせて頂きます。
簡易な物であればjQuery実装も可能です。

【デザイナー様が精魂込めて制作したデザインを丁寧にコーディングいたします！】
この度は多数の出品パッケージからご覧いただき、ありがとうございます。
個人の方から法人様のホームページまで幅広く制作を行なっている小松　直正（こまつ なおまさ）と申します。

**【こんなお悩みのある方におすすめ 】

• WEBサイト制作を一括して受注して手が回らない
• 社内コーダーのリソースが足りなくなった
• コーディングを外注できるパートナーが欲しい
• すでにデザインはあるけどコーディングができない

単発のご依頼から長期の継続したご依頼まで、一つ一つのサイト制作を誠心誠意、丁寧に対応・コーディングいたします。
デザイナー様が制作した想いを形にいたします！

納品後1ヶ月のアフターサポートとして、テキスト変更や画像の差し替えなど軽微な修正は無償で承っております。
■ 作業内容

• 静的コーディング（HTML / CSS）
• Javascript / jQueryを用いたアニメーション
• レスポンシブ対応（スマホ / タブレット）
• Wordpress化 (追加オプションにてご案内しております)

• ■ ご相談から納品までの流れ
  ①ヒアリング

  ご依頼予定のデザインのご案内や、ご希望の納期、作業範囲などお聞かせください。
  お聞かせいただいた内容を基に対応の可否を判断させていただきます。
  打ち合わせは、zoomまたはGoogle Meetにて行わせていただきます。
  
↓
  
②お見積もり・ご依頼

  作業内容、納品予定日、お見積もりをご提示いたします。
  こちらをご覧いただき、ご依頼いただくかどうかご検討ください。
  ご依頼となりましたらデザインデータと制作に必要な素材（写真、画像、ロゴ等）をご提供ください。
  ↓
  
③コーディング作業開始、初稿の提出
  コーディングを開始し、完了次第初稿をご確認いただきます。
  修正等がございましたら、都度迅速に対応させていただきます。
  ↓
  ④納品

  ご確認いただきご依頼いただいた作業内容及びページに問題がなければ、ご依頼者様のご希望の方法にて納品させていただきます。
  zipファイルやサーバーへのアップロードなど、ご希望をお知らせください。

  納品後1ヶ月のアフターサポートをご提供しております。
  テキストや画像の変更など、軽微な修正は無償で対応させていただきますので、ご要望がございましたらお気軽にご連絡ください。

表示確認の環境
・PC
Google chrome、Safari、Firefox、Microsoft Edge
・スマホ
Google chrome、Safari

当サービスの強み
土日祝祭日も作業しておりますので、金曜日にご依頼をいただき翌週月曜日の納品なども可能です。（ページ数や内容によります）
ご依頼者様のビジネスパートナーとして、懇切丁寧に対応・作業させたいただきます。
些細なご質問やご相談でもお気軽にお問い合わせください！

レスポンシブに対応しておりますので、
スマートフォンやタブレットでの表示が可能となっております。
ブレイクポイントをご提示いただき、
また、コーディングの難易によってご相談させていただければと思います。

基本的な金額は
<<一般的なデザインの場合>>
[レスポンシブに対応する場合]
・TOPページ 15,000
・下層ページ 12,000

[レスポンシブに対応のない場合は]
・TOPページ 12,000
・下層ページ 9,000

<<コンテンツなどの内容が少ない場合>>
[レスポンシブに対応する場合]
・TOPページ 12,000
・下層ページ 8,000

[レスポンシブに対応のない場合]
・TOPページ 10,000
・下層ページ 5,000

ランサーズは初めてですので、レビュー5件までは割引価格で提供いたします。

私の業務内容を下記に記載いたしますので、ご興味いただけましたら、
ご連絡のほど、宜しく願いいたします。

【スキル】
・HTML / CSS(Sass) / Javascript / jQuery / PHP(WordPress実装レベル)
・WordPress(オリジナルテーマの作成)
・Gulp

■上記のスキルを使用して以下のご提供が可能です。
・ランディングページの制作
・WordPressを用いたオリジナルテーマのサイト制作
・マルチデバイスに対応したサイト制作(レスポンシブ対応)
・Sass(CSS設計)を用いた保守・予測・拡張・再利用しやすい設計
・Javascript / jQueryを用いたアニメーション
・Gulpを使用したユーザビリティを向上させた効率的なコーディング

【使用ツール】
・Adobe (XD / Photoshop) / Figma
・Chatwork / Slack / Zoom / Microsoft Teams / Google Meet 等
　※その他は貴社の規定に従います。

【実務経験】

実務経験の詳細を記載いたします。
どの案件も納期を遵守しており、お客様からのクレームは一切ございません。
納品前の品質チェックを重要項目として考えておりますので、品質を担保するための「品質チェックシート」を作成し、納品前の確認を行なっております。

(1)LINEマーケター様 LPコーディング
・ボリューム：9224px(問い合わせページ含む)
・担当範囲：ディレクション、コーディング
・実装期間：5日(レスポンシブ込み)

<意識したこと>
・制作状況の報告
・納期の遵守
・依頼者の想いが伝わるデザインにする
・ヒアリングシートの活用により、依頼者とデザイナー様の認識違いを無くす
・表示崩れを起こさないコーディング
・仕事を納期通りにやり切る姿勢

(2)法人様 会社紹介のサイト制作(静的サイトのコーディング)
・ボリューム：TOP 1ページ　下層3ページ
・担当範囲：コーディング
・実装期間：7日(レスポンシブ込み)

<意識したこと>
・制作状況の報告
・納期の遵守
・品質チェックシートの提出
・デザインを忠実に再現する
・仕事を納期通りにやり切る姿勢

【稼働時間】
・現在専業フリーランスとして活動しており、1日10時間以上の稼働が可能です。
貴社の事業を最優先に取り組ませていただきます。

・14年にわたる社会人経験を生かし、丁寧な対応と即レスにより円滑なコミュニケーションをお約束いたします。

・自主的な報連相と納期遵守にて作業を行います。

円滑なコミュニケーションとコーディングにより、依頼者様の業務をお手伝い致します。
ご興味いただけましたらご連絡いただけると幸いです。

本パッケージは、Webサイトのコーディング代行サービスです。

\\ お悩み解決をお手伝いいたします //

• コーディングの人手が不足している
• コーディングの費用を抑えたい
• レスポンシブデザインに対応したい など

このようなお悩みがありましたらお気軽にご相談ください。

サービス内容

① ベーシックプラン: 24,000円
シンプルなLP（1ページ）

② スタンダードプラン: 42,000円
少し複雑なLP（1ページ）
・スライダー、ドロワー、アコーディオンメニューなどの実装
・フォームの実装

③ プレミアムプラン: 100,000円
WordPressオリジナルテーマ
・トップページ + 下層ページ（5ページまで）
・スライダー、ドロワー、アコーディオンメニューなどの実装
・フォームの実装

【 共 通 】
・HTML/CSS/JSコーディング
・基本的なアニメーション（ホバーアニメーションなど）
・レスポンシブデザイン
・基本的なSEO対策
・WordPress対応
・フォームは外部サービスやWordPressのプラグインを使用
・画像主体でコーディングする場合は納期/金額減

金額は目安になります。ページの長さや実装内容によって増減しますのでご了承ください。
上記以外でも対応できる場合がありますので、気軽にご連絡ください。

納品までの流れ

①ヒアリング・お見積り
「まずは相談する（無料）」よりご依頼内容を記載してご連絡ください。
必要な機能などを確認させていただき、お見積りや今後のスケジュールなどを返信いたします。
zoomなどによるご相談も可能です。

②ご契約・お客様よりデザインデータのご提供
お見積り内容などに納得していただけましたら、仮払いによるご契約をお願いいたします。

③コーディング
進捗状況や確認事項など、随時ご連絡させていただきます。

④テスト環境でのご確認
テスト環境にて動作やデザインをご確認いただきます。

⑤修正
必要に応じて修正して再度ご確認いただきます。

⑥納品
zipファイルでの送信、またはご指定のサーバーにアップロードいたします。

対応デザインデータ

figma / XD / Photoshop

上記以外の場合も可能な限り対応させていただきます。

ブラウザ・端末の確認環境

【 Google Chrome 】Mac / Windows / iPad / iPhone / Android
【 Firefox / Microsoft Edge 】Mac / Windows
【 Safari 】Mac / iPad / iPhone

注意点

・契約金額は上記価格にシステム手数料5.5%がかかります。(https://www.lancers.jp/faq/A1034/936)
・デザインデータがない場合は対応できかねますので予めご了承ください。
・アップロードをご希望の場合、「AWS」など対応できない場合もありますのでご了承ください。
・「注文時のお願い」も併せてご確認ください。

その他の特徴

・休日祝日を含めて稼働しております。
・ご連絡いただいた場合、基本的に即返信させていただいております

最後に

数あるサービスの中からご覧いただき、誠にありがとうございます。私はオンラインスクール「デイトラ」でWeb制作コースを受講し、その後は法人様と連携してLPのコーディングやWordPressオリジナルテーマでのコーディングを行っておりました。
ご依頼をいただけた場合は、「丁寧な対応」と「高品質」を意識し責任をもって納品させていただきます。
ご相談やお問い合わせはいつでもお待ちしておりますので、「まずは相談する（無料）」からお気軽にご連絡ください。ご検討のほど、よろしくお願いいたします。

デザインデータ（Figma / XD / PSD /
Canva等）からHTML・CSS・JavaScriptでコーディングいたします。

■ 対応範囲
・LP（ランディングページ）のコーディング
・レスポンシブ対応（PC・タブレット・スマホ）
・お問い合わせフォームの設置
・スクロールアニメーション等の基本的なJS実装
・既存ページの修正・更新

■ こんな方におすすめ
・デザインはあるけどコーディングできる人がいない
・社内にWeb担当がいなくて外注したい
・急ぎでLPが必要だけど制作会社は高すぎる
・既存ページの修正・更新を頼みたい
・HTMLメールのコーディングが必要

■ 納品ファイル
HTML / CSS / JavaScript / 画像ファイル一式

■ 制作の流れ

1. デザインデータまたは参考サイトをお送りください
2. 内容確認後、作業を開始します
3. テストページで確認いただきます

4. 修正対応後、ファイル一式を納品します

   ■ 対応可能なデザインツール
   Figma / Adobe XD / Photoshop / Canva / PowerPoint / 手書きラフ

   ■ ご注意事項
   ・デザイン制作（デザインから作成）は含まれません
   ・WordPress等のCMS構築は対象外です
   ・修正はベーシック2回、スタンダード以上3回まで無料対応
   ・やり取りはメッセージで行います

   ご不明な点はお気軽にメッセージください。

IT・Web業界の「ちょっとした困りごと」を解決！あなたの業務を迅速にサポートします

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

Webサイトの軽微な修正に時間がかかる、資料作成やデータ入力業務が滞っている、本業に集中したいが雑務に追われている、社内に事務やWeb更新を任せられる人材がいない、IT系の専門知識がある事務代行を探している。

発注の流れ

ご相談・ヒアリング
まずはメッセージにて、ご依頼内容、目的、ご希望納期、予算をお聞かせください。ランサーズのメッセージ機能で丁寧にご要望を伺います。

お見積もり・ご提案
ヒアリング内容に基づき、最適なプランと詳細なお見積もりをご提示します。疑問点があればお気軽にご質問ください。

ご契約・仮払い
内容にご納得いただけましたら、ランサーズ上でご契約手続きを行い、仮払いをお願いいたします。これをもって正式な発注となります。

作業開始・進捗報告
仮払い確認後、作業を開始します。途中経過をご報告しながら、必要に応じてランサーズのメッセージ機能で確認・調整を行います。

納品・完了
最終成果物をランサーズ上で納品いたします。内容をご確認いただき、問題がなければ承認手続きをお願いします。

対応範囲・価格

事務サポート・データ入力代行：15,000円〜
Excel, Word, PowerPointを使った資料作成やデータ入力、集計作業を正確かつ迅速に代行し、業務の効率化を支援いたします。

Webサイト軽微な更新・修正：20,000円〜
HTML/CSSを用いたWebサイトのテキスト・画像差し替え、リンク修正など、軽微な更新作業を承ります。

Webコンテンツ入力・画像加工：18,000円〜
ブログ記事の入力代行、簡単な画像加工（リサイズ、トリミングなど）、アイコン・ボタンデザイン制作をサポートします。

納期

ご依頼内容と作業量によりますが、簡単なデータ入力やWeb修正であれば3～7日、資料作成であれば7～14日を目安にご相談ください。

制作の流れ

要件定義・詳細確認
ご依頼いただいた内容について、具体的な作業範囲や成果物のイメージを詳細に確認します。使用するツールやフォーマットなども決定します。

素材・情報収集
作業に必要なデータ、テキスト、画像、既存のWebサイト情報などをクライアント様からご提供いただきます。

作業実施
ご提供いただいた情報をもとに、データ入力、資料作成、HTML/CSS修正、画像加工などの作業を正確に進めます。

確認・修正
完成した成果物を一度ご確認いただき、必要であれば修正指示を承ります。ランサーズのメッセージ機能でフィードバックをお願いします。

最終調整・納品
修正対応後、最終確認を経て正式に納品となります。

サービス内容

IT・通信・インターネット業界のお客様に特化し、正確かつ迅速な事務処理と、HTML/CSSを用いたWebサイトの軽微な更新・修正を代行いたします。データ入力、資料作成からWebコンテンツのテキスト修正、簡単な画像加工まで、幅広い業務で皆様の業務効率化をサポートします。

日々の業務に追われ、コア業務に集中できていますか？特にIT・Web業界では、細かな事務作業やWebサイトの軽微な更新など、専門性を要するほどではないけれど時間のかかる業務が多くありますよね。「誰かに任せたいけど、どこから手をつけていいか分からない…」そんなお悩みはありませんか？私は、正確かつ迅速な事務処理能力とHTML/CSSコーディングの基礎スキルを活かし、IT・Web関連企業や個人事業主様の「ちょっとした困りごと」をサポートします。データ入力から資料作成、Webサイトのテキスト修正まで、幅広く対応することで皆様の業務効率化に貢献し、本業に集中できる環境を整えます。まずはお気軽にご相談ください！

AIとビジネス知見で「売上につながる」Webサイトを実現！

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

Webサイトからの集客や売上が伸び悩んでいる、サイトが古く更新が滞っている、ITの専門知識がないので誰に相談すれば良いかわからない、成果が出るWebサイトを効率的に作りたい、といったお悩みはありませんか？

発注の流れ

お問い合わせ・ヒアリング
まずはランサーズのメッセージ機能で、サイト制作の目的や現状の課題、ご予算、納期について詳しくお伺いします。貴社の「想い」を形にするための第一歩です。

企画・提案・お見積り
ヒアリング内容に基づき、成果を最大化するためのサイト構成、デザイン案、必要な機能などを具体的に企画し、詳細なお見積もりをご提示します。ランサーズのワークスペースで画面共有も可能です。

ご契約・仮払い
提案内容とお見積りにご納得いただけましたら、ランサーズ上でご契約手続きを行い、仮払いをお願いいたします。これにより安心して制作を進めることができます。

制作開始
ご契約後、デザイン制作、コーディング、WordPress実装と進めます。進行状況は定期的にご報告し、ランサーズのメッセージ機能で密に連携を取ります。

検証・修正
制作物が完成しましたら、テスト環境にてご確認いただきます。修正点があればランサーズのメッセージ機能で詳細をお伝えください。ご納得いただけるまで調整を行います。

納品・完了
最終確認後、本番サーバーへのアップロードを行い、正式に納品となります。その後の運用に関するアドバイスも可能です。ランサーズでの完了手続きをお願いいたします。

対応範囲・価格

企画・構成ご相談：10,000円〜
Webサイト制作に関するお悩みや、実現したい目標をヒアリングし、最適な方向性や戦略をご提案します。

ランディングページ制作：30,000円〜
AIと営業経験で、訪問者の心を掴み、成果に繋がる集客特化型LPを制作します。

WordPressサイト構築：50,000円〜
ビジネス目標達成のためのカスタムWordPressサイトを、デザインから機能実装までトータルで構築いたします。

納期

プロジェクト内容により変動しますが、最短2週間〜最長2ヶ月程度です。

制作の流れ

要件定義・企画
貴社のビジネス課題と目標を深く掘り下げ、成果を出すためのサイト設計と機能要件を明確にします。AIを活用し、市場トレンドや競合分析も行います。

デザイン・設計
FigmaやIllustratorを使い、ヒアリング内容に基づいたUX/UIデザインを作成。営業経験を活かし、ユーザー導線を意識した魅力的なデザインを提案します。

開発・実装
HTML/CSS/JavaScriptでコーディングし、WordPressをベースにサイトを構築。PHPの基本知識とAIを組み合わせ、堅牢かつスピーディーに実装します。

テスト・最終調整
クロスブラウザ対応、レスポンシブデザインの確認、機能テストを徹底。医療事務で培った正確性で細部までチェックし、高品質なサイトとして調整します。

サービス内容

お客様の「想い」と「ビジネス目標」を深く理解し、AI技術と自身の営業・医療事務経験で培ったビジネス視点、正確な作業能力を融合させたWordPressサイト制作を提供します。単にサイトを作るだけでなく、集客や売上向上に直結する企画・構成からデザイン・実装、運用サポートまでワンストップで対応。お客様のビジネス成長を強力に後押しいたします。

「Webサイトを作ったけど、問い合わせがない…」「今のサイトは古くて売上UPに繋がらない」と感じていませんか？私も前職で営業を経験し、数字への意識とお客様の想いを形にすることの大切さを肌で感じてきました。単なるサイト制作で終わらせず、貴社のビジネスゴール達成を最優先に考えます。AI技術で効率的に高品質なサイトを構築し、営業経験で培ったヒアリング力で本質的な課題を解決。医療事務で養った正確性で、安心してお任せいただけるWebサイトを共に創り上げましょう。まずはお気軽にご相談ください！

デザインデータ（Figma・XD・画像・PDF等）をもとに、
HTML / CSS / JavaScript によるWebページのコーディングを行います。

AIツールを活用して効率化しつつ、
最終的なコード確認・表示チェックは人の目で行い、
実用性・可読性・保守性を意識した実装を心がけています。

☆対応内容
HTML / CSS / JavaScript コーディング
レスポンシブ対応（PC／タブレット／スマートフォン）
軽微なデザイン調整（余白・文字サイズ等）
既存コードの修正・整理

☆目安
1ページ（LP・下層ページなど）
静的ページ想定
ボリュームが多い場合は事前にお見積りいたします

※ JavaScript を多用する実装や高度なアニメーションは事前相談とさせてください。

学習中の情熱をWeb制作に！丁寧なHTML/CSSコーディングであなたのサイトを整えます

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

Webサイトのちょっとした修正を依頼したいが、どこに頼めば良いか分からない。小さな修正案件なのに、プロに頼むと費用が高くついてしまう。既存ページのテキストや画像の更新を自分でする時間がない。

発注の流れ

1. お問い合わせ
   ランサーズメッセージ機能にて、お客様のWebサイトの現状、具体的なご要望、ご予算、希望納期などを詳しくヒアリングいたします。お気軽にご相談ください。

2. お見積り・提案
   ヒアリング内容に基づき、作業範囲とそれにかかる費用、納期についてランサーズメッセージでご提案・お見積りを提出します。

3. ご契約・仮払い
   ご提案内容にご納得いただけましたら、ランサーズ上で正式にご契約いただき、仮払いをお願いいたします。これにより作業を開始します。

4. 作業開始
   ご提供いただいた素材（テキスト、画像など）と指示書に基づき、HTML・CSSのコーディングまたは修正作業を丁寧に進めます。

5. ご確認・修正
   作業が完了しましたら、ランサーズメッセージ機能でご確認いただける形で初稿を提出します。簡単な修正があれば対応いたします。

6. 納品
   最終確認後、完成したWebサイトのHTML/CSSファイル一式をランサーズを介して納品いたします。

対応範囲・価格

企画・事前相談：無料
まずはランサーズメッセージ機能で、お持ちのWebサイトや修正したい内容についてお聞かせください。

既存サイトの軽微な修正：5,000円〜
既存Webサイトのテキスト変更、画像差し替え、リンク修正など、軽微な内容の修正を行います。

HTML/CSS単一ページコーディング：15,000円〜
ご提供いただいたデザインデータに基づき、HTMLとCSSを使って1ページ分のWebサイトをコーディングします。

納期

7日

制作の流れ

要件確認と素材受領
お客様からWebサイトの修正・作成したい内容、目的、ターゲット、必要な素材（テキスト、画像、デザインデータなど）の詳細をお伺いします。不明点があれば積極的に質問し、認識のズレがないよう丁寧にすり合わせを行います。

コーディング・修正作業
お伺いした内容とご提供いただいた素材に基づき、HTMLで骨格を作り、CSSでデザインを整えるコーディング作業を進めます。お客様の意図を忠実に再現できるよう、細部にわたって丁寧に作業します。

テスト・チェック
完成したWebサイトが、PCやスマートフォンなどの複数のデバイスで適切に表示されるか、基本的な表示崩れがないかを確認します。リンクが正しく機能するかのテストも行います。

初稿提出とフィードバック
ランサーズメッセージ機能を通じて、作業結果の初稿をお客様にご確認いただきます。ここでいただいたフィードバックをもとに、必要な調整や修正を行います。

最終調整と納品
最終的な調整を施し、お客様にご満足いただける品質になったところで、ランサーズを介して完成したWebサイトのファイル一式を納品いたします。

サービス内容

WebサイトのHTML/CSSコーディングや既存ページの軽微な修正を承ります。学習中のため、実績豊富なプロの方よりも安価で丁寧な対応を心がけております。デザインデータからの忠実なコーディングや、既存サイトのテキスト・画像更新など、「ちょっとしたWebサイトの困りごと」を解決するお手伝いをいたします。迅速かつ誠実な対応で、お客様のWebサイト運営をサポートします。初めてのWebサイト依頼でもご安心ください、一緒に形にしていきましょう。

Webサイトのちょっとした修正や、デザインからの簡単なページ作成でお困りではありませんか？「プロに頼むほどではないけれど、自分ではなかなか手が回らない…」そんなお悩みを、HTML/CSS学習中の私が丁寧に解決いたします。まだ学習段階ではありますが、その分、一つ一つの作業に真摯に向き合い、お客様の期待に応えるべく誠実に対応することをお約束します。初めてWebサイトを依頼する方もご安心ください。あなたのビジネスをWebでサポートするお手伝いをさせてください。

Webサイトのちょっとした修正から、LPの調整、文字起こしまで、あなたのWebサイトを丁寧にサポートします！

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

Webサイトの小さな修正を頼める人がいない、LPの調整に手が回らない、文字起こしに時間がかかる

発注の流れ

お問い合わせ
メッセージにて、修正内容、希望納期、予算などをお気軽にご相談ください。

詳細確認
修正箇所や文字起こし対象のファイルなど、詳細な情報をお送りいただきます。

お見積り
内容を確認後、お見積もりと納期をご連絡いたします。

作業開始
ご納得いただけましたら、作業を開始いたします。

納品・修正
修正完了後、ご確認いただきます。修正があれば、対応いたします。

対応範囲・価格

Webサイト簡単修正：3,000円～
Webサイトのテキスト修正、画像の差し替えなど、簡単な修正を1箇所から承ります。

LP調整：10,000円～
LP（ランディングページ）のデザイン調整、テキスト修正、構成変更など、改善をサポートします。

文字起こし：1分500円～
音声ファイルや動画ファイルの文字起こしを、丁寧にテキスト化します。議事録作成やコンテンツ作成に。

納期

要相談（修正内容による）

制作の流れ

内容確認・整理
お客様からいただいた情報を基に、修正内容や文字起こしの範囲を明確にします。

作業
Webサイトのコード修正、LPの調整、文字起こし作業などを行います。

確認
修正箇所やテキストデータをご確認いただきます。

修正対応
修正依頼があれば、対応いたします。

納品
最終確認後、納品となります。

サービス内容

Webサイトの小さな修正からLPの調整、文字起こしまで、丁寧に対応いたします。Web制作の経験はまだ浅いですが、一つひとつ丁寧に、お客様と相談しながら進めていきます。初めて外注する方も安心してご依頼ください。

Webサイトのちょっとした修正、LPの調整、文字起こしでお困りではありませんか？
「どこをどう直せばいいかわからない…」「LPの調整に時間が取れない…」「大量の文字起こしに追われている…」そんなお悩みをkana_webが解決します！
Web制作の知識と丁寧な作業で、あなたのWebサイトをより良く、より使いやすく改善します。小さな修正から、LPの改善、文字起こしまで、幅広く対応いたします。
初めての外注でも安心！相談しながら一緒に進めていきましょう。まずはお気軽にご相談ください。

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

パッケージ内容について

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

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

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

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

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

対象ブラウザについて

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

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

納品までの流れ

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

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

③制作開始

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

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

htmlコーディング、Wordpressでサイトを新規制作、既存サイトのWordpress化、既存サイトの運営・更新・管理をおこないます。

▼デザイン会社様でコーダーをお探しの方

▼既存サイトの運営・更新・管理を外部委託される場合など

お気軽にお申し付けください。

フリーランスでWebエンジニア、Webコンサルをしております、市川喬士と申します。
私のサービスに興味を持っていただき、ありがとうございます。
是非、以下ご確認ください。

▷最新の制作物はこちら(デモサイト)
http://takashi0520.html.xdomain.jp/demosite2/
また、制作物一覧はこちら
https://vanilla-fireplace-f3c.notion.site/5396253653fd4ad8ab074a7dec4cbdbf

【こんな方にオススメ！】

・コーディング作業が苦手なデザイナーの方
・デザインデータはあるが、コーダーが不足しているディレクターの方
・どのようなデザインにしたいかのイメージはあるが、それを制作することが困難な方
・外注先をお探しのweb制作会社の方

【費用に含まれているもの】

・Adobe Photoshop/XD/Figmaで作成されたデザインカンプからのHTML/CSSコーディング
・マルチ画面対応のコーディング
・jQuery & CSSアニメーション
・画像圧縮による表示速度最適化
・予測・再利用・保守・拡張を意識したCSS設計による、保守性の高いコーディング
・chrome、safari、Microsoft Edge、firefoxによる確認

【追加でご提供できること】

・HTML/CSSコーディングファイルのWordPress化
・JavaScript(jQuery)を用いた動的サイト(高度なもの)
・gsapによるアニメーション
・gulp環境下での制作
・貴社指定サーバーへのアップロード
・納品後の修正作業
・スピード納品(即日可)
・WordPressテーマを使用してのWebサイト制作

【納期】

時期により、少し変動はしますが、1ページあたり5日〜1週間で納品させていただきます。
ご希望の納期がある場合はご相談いただければ、可能な限り、対応いたします。

【スケジュール】

①ご相談・お見積り・スケジュール確認（無料）
②デザインデータを確認(Photoshop、XD、Figma)
③コーディング開始
④弊社テストサーバーにアップロード
⑤ご確認、修正
⑥納品（zipファイル納品・テストサーバーアップロード）

サービス提供前に、一度DMで詳細をご連絡ください。
(お互いの齟齬を無くすため、可能であれば、オンラインミーティングでお願いしております。)

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

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

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

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

HPを制作いたします。
またLPも可能となります。

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

【　こんな方におすすめ　】

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

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

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

【　料金　】

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

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

【　対応可能データ　】

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

【　納品までの流れ　】

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

【　納品形式　】

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

【　注意事項　】

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

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

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

2021年8月2日更新！
只今ランサーズ外でのご依頼が多く、新規受付を休止しております。
納期に余裕がある場合は時期によってご相談可能ですので、
希望される方はメッセージの方でお問い合わせいただけますと幸いです。

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

HTML＆CSSを使用してLP（ランディングページ）をコーディングいたします。
コーディングのみ依頼したい、もしくは当方で制作したデザインデータを元にHTML&CSSコーディングをされる方向けのサービスになります。

▼出品料金での対応内容
・LP1ページ分の画像コーディング（PC・スマホでレスポンシブ対応可）
・コーディングデータの納品・サーバーアップロード対応

※こちらのサービスにはデザイン制作は含まれておりません。詳細はこちらの出品ページを御覧ください。
https://www.lancers.jp/menu/detail/99925

▼事前のお見積りまでにご準備いただくもの
・コーディングのみ依頼を検討されている方
LPの長さと、ページリンク等仕様がわかる資料（箇条書き等で構いません）をご用意お願いします。
お問い合わせフォームや機能に関するコーディングが必要な方はご要望をできるだけ具体的にお知らせください。

・当方でデザイン制作の依頼をされた方
コーディング方法や希望、その他仕様についてご要望があればまとめてご共有下さい。

▼納品形式
・HTML、CSS、画像、その他データファイルをまとめてお送りします。
・サーバーアップロード対応（任意）

▼納期について
サービスのご購入から約3～4営業日でコーディングしたLPを共有いたします。
※サイトのボリューム、受注時期によっては上記日程でご案内できない可能性がありますので、希望納期のある方はメッセージにてご相談ください。

▼対応環境
・HTML&CSS
・Wordpress
・カラーミーショップ（※フリーページのみ）
・JIMDO（※JIMDO AIは除く）
・Wix（※テキストコーディングは一部制限あり）
・ペライチ（※画像コーディングのみ）
※上記以外の対応環境についてはお問い合わせいただいた際に仕様確認を行い、当方で問題なく対応できる場合のみご依頼を承ります。

▼オプション料金一覧
・Wixコーディング（テキストコーディング）：+30,000円～70,000円
・Wordpressコーディング（テキストコーディング）：+30,000円～100,000円（※制限あり）
・Wordpressコーディング（テーマ設定＆テキストコーディング）：+40,000～120,000円
・JIMDOコーディング（自作テンプレート・テキストコーディング）：+30,000円～70,000円
・1ページ追加：+20,000～50,000円（※内容次第）
・お問い合わせフォームの設置（Wix・JIMDO）：+5,000～10,000円
・お問い合わせフォームの設置（Wordpress）：+5,000～30,000円（※プラグイン次第）
・対応環境以外でのコーディング：+0,000～30,000円
・デザイン変更によるコーディング追加対応（1コンテンツあたり）：+1,000～10,000円

※テキストコーディングはページの長さやボリュームによって異なります。（詳細費用はデザインや長さに合わせてお見積りいたします。）

▼お問い合わせフォーム設置の対応環境
Wix
Wordpress
JIMDO

※JIMDO及びWixのお問い合わせフォームはデフォルトのデザインでのご提供のみとなります。
※Wordpressのお問い合わせフォームはプラグイン機能による導入及びCSSの編集までとなります。
※HTML＆CSSデータによるコーディングの場合、お問い合わせ内容の管理画面、自作フォームの作成などは承っておりません。（商用フリーで配布されているテンプレートフォーム等であれば一部組み込み可能です。）

▼その他機能関連の導入について
ショップ機能、シミュレーション機能、といったプログラミング要素のあるものについては基本的にご依頼をお受けしておりません。（内容次第では対応できるものもありますが、希望のある場合のみご相談ください。）

デザインはあるけど、コーダーがいない・・・
デザインだけでなくコーディングも依頼したい・・・
そんなご要望がありましたら
お気軽にお問い合せ下さい。

業務内容

Webサイトの修正、コーディング業務お任せください！
本パッケージはホームページやランディングページのhtmlやcssのコーディング業務を代行で作業するサービスです！
（Wordpressのサイトも対応可能！）
経験豊富なコーダーが直接やりとりさせていただきますので安心してお任せください！

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

• 少しの修正なのに、コーディングできるスタッフがいない
• 信用できる所に修正を任せたい
• スマホで見るとサイトが崩れてしまう
• ウェブサイトのテキストを変更したい
• ウェブサイトに使用している画像を変更したい
• デザインやラフ案はあるけど、コーディングができない、など

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

• テキスト１ヵ所の修正からでも対応可能
  ※最低額は3,000円(税抜)となります

上記以外でも相談いただければ対応可能な場合がございます。
お気軽にご相談ください。

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

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

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

発注者の要求によって制作します

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

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

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

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

○HTML/CSS

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

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

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

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

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

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

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

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

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

ご閲覧頂きありがとうございます
満席対応中でも制作のご相談はお受けしておりますのでお気軽にお問い合わせください

HTML/CSSでホームページ、ランディングページのコーディング作業を代行致します！

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

▼お悩み
・忙しくてコーディング作業ができない
・デザインはあるけど、コーディングができない
・時間と手間を掛けたくない
・依頼すると高そうだな…
→全て私にお任せください！！！

▼解決策
・コーディング作業の代行を致します
・デザインから忠実に再現致します
・丸投げOK！
・ご予算に合わせて安価に対応！

▼作業内容
・ HTML/CSSを用いた静的コーディング作業
（1ページ〜 複数ページまで制作致します）
・レスポンシブ対応
・CSSアニメーション
・JavaScript（jQuery）を用いたアニメーション実装（ハンバーガーメニュー、スライダー、スクロールアニメーション、アコーディオンなどお気軽にご相談ください）
・お問い合わせフォームの実装
・WordPress化（カスタム投稿・カスタムフィールドなどのカスタマイズまで幅広く対応します）

▼料金表
トップページのコーディング：10,000〜
下層ページのコーディング：8,000〜
LPコーディング：15,000〜
WordPress化：10,000〜
レスポンシブ込みの価格になります

まずは是非一度ご相談くださいませ

▼制作の流れ
1, ヒアリング&お見積り
2, お客様からデザインのご提供
3, コーディング&テスト
4, ご確認 、修正
5, 最終確認 、納品

※納品方法は希望がなければZipファイルを送付致しますが、サーバー納品にも対応可能ですので、ご希望の際はご連絡くださいませ。

▼制作例

・ホームページ
https://zukimaru.conohawing.com/ishii-kadan/

・ランディングページ
https://zukimaru.conohawing.com/your-coding/

・WordPress
https://zukimaru-log.com/engress/

※不具合等ございましたら、納品後であっても何度でも無料で修正対応をさせて頂きます

ご不明点等ございましたら、お気軽にお問い合わせください

あなたの想いを形にする、丁寧で見やすいHTML/CSSコーディングで、Webサイトを魅力的にしませんか？

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

Webサイトの見た目を改善したい、レスポンシブ対応にしたい、アニメーションで動きをつけたい、HTML/CSSコーディングを依頼したい。

発注の流れ

お問い合わせ
メッセージにて、ご希望のWebサイトのイメージや、ページ構成、必要な機能などをお知らせください。参考になるWebサイトがあれば、URLをお伝えください。

要件定義
詳細なヒアリングを行い、要件を明確にします。必要に応じて、オンラインでの打ち合わせも可能です。

お見積もり・ご契約
要件定義に基づき、お見積もりをご提示いたします。料金や納期についてご納得いただけましたら、ご契約となります。

制作開始
HTML/CSSコーディングを開始します。進捗状況を随時ご報告いたします。

納品・修正
完成したWebページをご確認いただき、修正点があればご指摘ください。修正後、最終納品となります。

対応範囲・価格

基本コーディング：10,000円〜
HTML/CSSコーディング（1ページ）: シンプルな構成のページ。

レスポンシブ対応：5,000円〜
レスポンシブ対応: PC、タブレット、スマートフォンなど、各種デバイスに最適化します。

アニメーション実装：3,000円〜
アニメーション実装: JavaScriptを用いて、Webページに動きをつけます（簡単なもの）。

サイト修正：5,000円〜
既存サイト修正: 既存のHTML/CSSを修正し、見た目や機能を改善します。

納期

要相談（案件の規模や内容によって異なります）

制作の流れ

企画・構成
お客様からいただいた情報をもとに、Webページの構成やデザインを検討します。

コーディング
HTML/CSSを用いて、Webページをコーディングします。見やすく、保守しやすいコードを心がけています。

実装
レスポンシブ対応やアニメーション実装を行います。

テスト
各種ブラウザで表示確認を行い、動作に問題がないかテストします。

修正
お客様にWebページをご確認いただき、ご要望に応じて修正を行います。

サービス内容

丁寧で見やすいHTML/CSSコーディングを低価格で提供します。レスポンシブ対応やアニメーション実装も可能です。まずはテスト案件からでも、お気軽にご相談ください。

Webサイトの見た目を良くしたいけど、どこに頼めばいいかわからない...そんなお悩みはありませんか？Satomiが、丁寧で見やすいHTML/CSSコーディングで、あなたのWebサイトを魅力的に変えます！レスポンシブ対応やアニメーション実装もお任せください。まずは、お気軽にご相談ください！

【制作フロー】
①問い合わせ
商材カテゴリー、制作の目的をお知らせ下さい。
お客様でご用意頂くものや納期について
※24時間以内(土日祝を除く)に返信致します。
↓
②資料準備、制作費支払
お打ち合わせ内容にご納得いただければ、
✅文章
✅ロゴや商品写真等の素材
をご準備下さい。
↓
③制作スタート
LP仮完成までの期間は約15営業日です。
↓
④仮完成品のご案内＆修正
↓
⑤残り作業実施（３営業日以内）
修正が完了しデザイン確定後、
バナー制作・測定タグの埋め込み等、
ご要望頂いた作業を行います。
↓
⑥LPデータを納品、制作完了
HTML&CSSファイル形式での納品です。
まずはお気軽にお問合せ下さい。

【サービス概要】
デザインカンプからのコーディングを行います。
ご希望に応じて、静的HTMLまたはWordPress（完全オリジナルテーマ）で対応可能です。
企業担当者様や制作会社様からのご依頼にも多数対応しており、忠実な再現と丁寧な仕上がりを心がけております。

【こんな方におすすめ】
自社サイトをリニューアル・更新したいが、社内にコーダーがいない
デザインはあるので、コーディングだけ外注したい
LPやシプルな企業サイトを短期間で公開したい
制作会社・ディレクター様の外注先としても対応可能

【選べる3つのパッケージ】
① 静的HTMLランディングページ（LP）コーディング
価格：25,000円〜
・LPデザインをHTML/CSSで忠実に再現
・レスポンシブ対応（スマホ対応込み）
・ホバーやスライドなどの基本アニメーション
・画像の軽量化対応
※WordPress管理なしのシンプルな構成

② 静的HTML企業サイト（トップ＋下層2P）
価格：34,000円〜
・トップページ（8,000pxまで）＋下層ページ2ページ
・HTML/CSSベースで構築（軽量・管理不要）
・スマホ対応／基本アニメーション込み
・ページ構成例：事業紹介／会社概要／お問い合わせ案内など

③ WordPress企業サイト（トップ＋下層2P）
価格：78,000円〜（初期費用含む）
・完全オリジナルテーマでWP構築
・トップページ＋下層2ページをWordPressで実装
・更新しやすい管理画面設計（ACF利用）
・カスタム投稿・テンプレート作成・パンくず対応など含む
・初期費用（環境整備・テーマ構築）：10,000円込み
・動作確認・プラグイン導入・運用に合わせた構造設計

【追加オプション料金】
● 下層ページ追加（8,000pxまで）
静的HTML：7,000円／1ページ
WordPress構築：14,000円／1ページ
※ページ長が8,000pxを超える場合、1,000pxごとに＋1,000円（静的）／＋2,000円（WP）

● アニメーション追加
ホバーアニメーション：無料
基本的なJS/JQueryアニメーション（fade／slideなどスクロール連動）：1箇所 3,000円〜
複雑な動き（GSAP等を用いたもの）：内容に応じて別途お見積もり

● 問い合わせフォーム
5,000円〜12,000円程度（要相談）

※デザインデータにスマホ用のデザインがない場合はよしなにコーディングいたします。
　（その場合は合計金額の30％が追加となります。）
※デザインとの相違による修正回数については無制限です。
（デザイン変更については、別途料金が発生する場合がございます。）

♦︎ご依頼から納品までの流れ♦︎
①ヒアリング・お見積り
②ご契約
③デザインデータのお預かり
④コーディング
⑤テスト環境にアップロード
（お客様にブラウザでご確認いただきます。）
⑥修正
⑦納品

♦︎こちらでのテスト環境♦︎
Mac、iPhone（Chrome/Safari）
Windows（Edge）

♦︎納期について♦︎
着手から３日〜3週間程度
※ページ数・仕様・ご希望納期により調整いたします。

♦︎納品について♦︎
zipファイル、サーバへのアップロードなど納品方法はご相談

ご満足頂けるように丁寧かつ柔軟に対応致します。
まずはお気軽にご相談下さいませ。

デザインをいただいてから、HTML、CSS、JavaScriptでコーディングいたします。
gitの運用も問題ございません。

対応可能な業務

🔸Webサイト修正・更新（HTML / CSS / WordPress）
🔸バナー・画像制作（Photoshop / Illustrator）
🔸ページ追加・文章差し替え
🔸お知らせ更新
🔸フォーム修正
🔸データ登録・更新作業
🔸簡単な改善提案

こんなお悩みありませんか？
✔ 更新が止まっている
✔ 制作会社に頼むほどでもない修正が多い
✔ すぐ対応してくれる人が欲しい
✔ 毎回見積を取るのが面倒

そのお悩み、すべて解決します。

料金プラン
月額33,000円〜
ご希望の作業量に応じて最適なプランをご提案いたします。

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

連絡方法
メッセージにて
・サイトURL
・ご希望の作業内容
・月の作業量イメージ
をお送りください。

あなたの想いをカタチに！デザインカンプからフルスクラッチ、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サイトを、もっと魅力的にするお手伝いをさせていただきます。

ご覧いただきありがとうございます！
ホームページやLPのデザインカンプをもとに、コーディングいたします。

お客様とのコミュニケーションはもちろん、品質やスピードを大切にコーディングをします。

■当サービスの内容
・HTML/CSSによる静的コーディング
・レスポンシブ対応（デザインが大幅に変わる場合は別途料金が発生します）
・内部SEO対策
・画像圧縮などのサイト表示速度の向上対策
・修正対応

■オプション（一例）
・WordPress化（3,000円〜）
・お問い合わせフォームなどの動的実装（10,000円〜）
その他にもご要望がございましたらご相談ください！

■当サービスの特徴
・バリデーションツールによるHTMLの構文チェック
・imgタグの属性(レイアウトシフト対策やload属性、alt属性)
・必要に応じてCSSのベンダープレフィックスの付与
・CSS設計を考慮した記述(指定がなければFLOCSSで記述いたします)
・自作のCSSフレームワークを活用した効率的な記述
・各種ブラウザの表示確認(Chrome, Safari, Firefox)

■お取引の流れ
お見積もり依頼 または お問い合わせ
↓
お見積り提出→ご購入
↓
デザインデータや指示書などのご提供
↓
コーディング開始
↓
初稿提出
↓
ご確認・修正
↓
ご納品

■納品方法
コーディングデータをzipファイルで送付
サーバーにアップロード(1,000円)

■デザインデータ形式
Illustrator / Photoshop / XD / Figma に対応しております。
使用する画像は事前に書き出しをお願いします。(こちら側で書き出す場合別途料金1,000円〜)

■納期
作業量により異なりますが3日〜10日ほどお時間をいただいております。
お急ぎの場合は事前にお問い合わせくださいますようお願いいたします。

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

【丁寧なコーディングで魅せる】デザイン通りに仕上げるWebページを制作します

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

・デザインと違う仕上がりにがっかりしたことがある
・スマホで崩れてしまうページに困っている
・小さな修正を頼みにくくて放置しているページがある

私のコーディングは「伝わる」「崩れない」「丁寧」をモットーに、
見る人にも使う人にもやさしいWebページを、ひとつひとつ丁寧に仕上げます。

HTML/CSS/JavaScriptを用いた、シンプルで整った、見た目も中身もきれいなコードを提供いたします。

サービス内容

・HTML/CSSコーディング（PC・スマホ対応／W3C準拠）
・LP（ランディングページ）の制作
・簡単なJS実装（アコーディオン・ハンバーガーなど）
・既存サイトの表示崩れの修正対応

※WordPressテーマの編集などは、現在勉強中です。
将来的には対応予定ですが、現時点ではHTML/CSSを中心とした内容に限らせていただきます。

発注の流れ

【お問い合わせ】
まずはお気軽にご相談ください。Webサイトの現状、課題、ご要望などをヒアリングします。

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

【ご契約】
ご提案内容にご納得いただけましたら、正式にご契約となります。納期、スケジュールなどを改めて確認します。

【制作開始】
コーディング作業を開始します。進捗状況を随時ご報告し、お客様と密に連携を取りながら進めます。

【ご確認・修正】
完成したWebページをご確認いただき、修正点があれば柔軟に対応いたします。

【納品・アフターサポート】
最終確認後、データ一式を納品いたします。納品後のご質問や微調整もお気軽にご相談ください。

対応範囲・価格

HTML/CSSコーディング（1ページ）：¥8,000〜
丁寧な手作業で、正確かつ美しいコードをご提供します。

LPコーディング（1ページ・動きあり）：¥20,000〜
集客・CVRアップに貢献する、魅力的なページを制作します。

複数ページ対応（3〜5P程度）：¥25,000〜
複数ページのサイト全体を整った構成でコーディングいたします。

Webサイト保守・更新：¥10,000〜/月
既存サイトの更新・表示崩れの修正・軽微な調整などを継続的にサポートします。

表示崩れ・修正対応（既存ページ）：¥5,000〜
既存ページの調整やエラー修正など、部分的な対応も可能です。

※実際の価格は、デザインデータの有無・ページ構成・実装内容によって変動いたします。

納期

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

丁寧で誠実な対応を心がけています。
「ちょっとだけ相談したい」「こんなことも頼めるかな？」という段階でもお気軽にご相談ください。

ご一緒に、思いをカタチにするお手伝いができれば嬉しいです。

ユーザーの心をつかむUI/UXデザインとWebコーディングで、御社のWebサイトを顧客に響く形に具現化します。

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

「Webサイトが古く、ユーザー体験が悪い」「既存サイトのレスポンシブ対応が必要」「新しいLPを効率よく制作したい」「簡単なアニメーションでサイトに動きをつけたい」「デザインは良いのに実装で躓いている」といったお悩みはありませんか？

発注の流れ

1. お問い合わせ・ご相談
   まずはランサーズのメッセージ機能にて、お悩みやご要望、サイトの目的などをお気軽にご相談ください。

2. ヒアリング・要件定義
   ご相談内容を元に、オンラインで詳細なヒアリングを行います。目的やターゲット、現状の課題、ご予算などを深く理解します。

3. 提案・お見積もり
   ヒアリング内容に基づき、最適なプランと具体的な作業内容、お見積もりをご提案いたします。

4. ご契約・仮払い
   ご提案にご納得いただけましたら、ランサーズの仮払いシステムを通じてご契約・仮払いをお願いいたします。

5. 制作開始
   デザインデータやテキスト素材などをご提供いただき、制作を開始いたします。進捗状況は随時ご報告します。

6. 確認・修正
   完成したWebサイトをテスト環境でご確認いただきます。修正点や調整のご要望があればお申し付けください。

7. 納品
   最終確認後、指定の形式で納品いたします。ご希望に応じてサーバーへのアップロードサポートも可能です。

対応範囲・価格

HTML/CSS/JSコーディング（1P）：30,000円〜
デザインデータ（Figma, XD, Photoshopなど）をご提供いただき、HTML/CSS/JavaScriptを用いてコーディングします。1ページ分の実装。

既存サイト修正・改修/レスポンシブ対応：50,000円〜
既存のWebサイトを分析し、ユーザー視点での改善点を提案。レスポンシブ対応やコンテンツの微調整、簡単なアニメーション追加を行います。

LPデザイン+コーディング：80,000円〜
LP（ランディングページ）のデザイン制作から、HTML/CSS/JavaScriptによるコーディング、簡単なアニメーション実装まで一貫して承ります。

納期

プラン内容によりますが、最短5日〜最長1ヶ月程度で納品いたします。

制作の流れ

1. 要件定義・設計
   クライアント様からの詳細なヒアリングとデザインデータの確認を基に、サイトの目的、ターゲットユーザー、必要な機能、全体構成などを明確にします。

2. コーディング作業
   Figma、Adobe XD、Photoshopなどで作成されたデザインカンプを元に、HTMLで骨格を、CSSで装飾を、JavaScriptで動きを実装していきます。

3. テスト・調整
   各ブラウザでの表示確認、レスポンシブ対応、軽微なアニメーション動作確認、リンクチェックなど、品質を確保するためのテストを行います。

4. 最終確認・修正
   テスト環境でクライアント様にご確認いただき、フィードバックを元に最終的な微調整を行い、ご納得いただける形に仕上げます。

サービス内容

ユーザー視点で「見やすさ・使いやすさ」を追求したWebサイトのコーディングを行います。HTML/CSS/JavaScriptを駆使し、デザイン意図を忠実に再現しながら、潜在顧客に響くWebサイトを構築します。既存サイトのレスポンシブ対応や改修、LP制作、簡単な動きのあるアニメーション実装もお任せください。IT・通信・インターネット業界の特性を理解した上で、最適なWebソリューションを提供いたします。

「あなたのWebサイト、本当にユーザーに響いていますか？」多くの企業様がWebサイトの集客や売上に課題を感じています。デザインは良いのに「使いにくい」「分かりにくい」という理由で顧客を逃していませんか？

私はHTML/CSS/JavaScriptを用いたコーディングとUI/UXデザインの経験を活かし、IT・通信・インターネット業界に特化したWebサイト制作を支援しています。「見やすさ・使いやすさ」を最重視し、御社のサービスや商品の魅力を最大限に引き出すWebサイトを具現化します。

既存サイトの改善から、新しいLP制作、レスポンシブ対応、簡単なアニメーション実装まで、一貫してサポート。ユーザーの行動を促し、ビジネス成果に繋がるWebサイトを一緒に作りませんか？まずはお気軽にご相談ください。

★　WEBサイトのコーディングなら、お任せください！　★

• スマホ（レスポンシブ）対応込
• デザインを忠実に再現＆正しいマークアップで構築
• ホバーアクションの指定もOK！（また、デザインに合わせて”よしなに”作成いたします！）

■　納　期　■

納品目安は　１ページ５営業日～　になります。
以降、１ページごとに＋１営業日　追加で日数がかかります。
==========
例）５ページのサイト
５営業日 + ４ページ×１営業日 ＝ ９営業日前後（約２週間程度）
==========
※サイトの構成によっては上記より早く構築可能な場合がございます。
==========

■　サ　ー　ビ　ス　■

・納品前の修正は３回まで無償！
　※大幅な修正は別途料金がかかる可能性がございます。
　※超過分に関しましては別途料金を見積り＆請求させていただきます。

・サーバーへのアップロード
　FTP情報をいただければ、アップロードまでさせていただきます。
　※サーバー契約・ドメイン取得に関しては、お客様でお願いいたします。

・アフターフォロー（納品後10営業日以内）
　納品後、こちらのミスでデザインと異なる箇所があれば無償にて対応いたします。
　また、できる範囲位でご質問にお答えさせていただきます！

■　注　意　事　項　■

• セキュリティ面での観点から、自作メールフォームは対応しておりません。WordPressのプラグインもしくはmailformProを使用させていただきます。
• Internet Explorerは、サポート終了に伴い対応しておりません。

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

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

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

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

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

==============================
サービス内容
==============================
■用意いただいたデザインをコーディングして納品します（zipファイルを予定しています）
HTML/CSS/JavaScript（jQuery）に対応しています。
オプションから購入いただければ、Googleフォームも設置いたします。
※デザインや依頼内容の希望によっては追加料金をいただく場合があるので、お見積りの際は、出来る限り詳細内容をお伝え下さい。

サービス内の料金は、1ページごとの料金です。
追加ページを希望の場合は、オプションから購入という形でご依頼ください。
内容も、既存ページの流用という形であれば、格安で追加できます。

■■サービス詳細
・HTML/CSS/JavaScript（jQuery）に対応
・レスポンシブ対応（PC / スマートフォン、タブレットは最低限の見栄えを確保）
・外部サービス連携対応（SNSやマップ、Google Forms、埋め込みのみ）
・素材は3点までこちらでフリー素材から用意できます
・納品後は1ヶ月間の無料不具合対応

==============================
こんな方におすすめ
==============================
・デザインは用意できたが、コーディングしてくれる人材がいない。
・経験と実績があるプロに高品質なコーディングをお願いしたい。

==============================
料金の目安
==============================
・トップページ（8000円〜20000円 / 1ページ）
・下層ページ（6000円〜10000円 / 1ページ）
・LP（8000円〜20000円 / 1ページ）
※デザインやアニメーション他の実装によって料金が変わります

==============================
サービスの流れ
==============================
はじめに【購入時のお願い】をご覧ください。
見積もり・相談内容を確認後、双方で合意ができればスタートです。
ヒアリングを行いつつ、テストと確認を繰り返しながら、作業を進めてまいります。

【現役大学生エンジニア】あなたのWebサイトの「困った」を丁寧に解決いたします！

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

Webサイトの表示が崩れていて困っていませんか？テキストや画像をサッと更新したいのに手が回らないことはありませんか？小さな修正だからと依頼をためらっていませんか？あなたのWebサイトの軽微な不具合や更新、私にお任せください。

発注の流れ

1. お問い合わせ・ご相談
   まずはランサーズのメッセージ機能から、WebサイトのURL、修正内容、ご予算、希望納期などをお気軽にご相談ください。

2. お見積り・プラン提案
   いただいた情報をもとに、修正範囲や難易度を確認し、最適なプランとお見積りを提案いたします。ご不明点があれば、ランサーズのビデオ通話機能で詳細をお話しすることも可能です。

3. 仮払い・作業開始
   提案内容にご納得いただけましたら、ランサーズ上で仮払いをお願いいたします。仮払い完了後、作業を開始いたします。

4. 成果物確認・修正
   作業が完了しましたら、テスト環境などでご確認いただき、修正点があれば対応いたします。修正は基本1回まで無償です。

5. 納品・完了
   最終的なご確認をいただき、問題がなければ本番環境への反映作業（ご希望の場合）と納品を完了いたします。

対応範囲・価格

ピンポイント修正・更新：15,000円〜
HTML/CSSの軽微な表示崩れ、テキストや画像の差し替えなど、単一でシンプルな修正に対応いたします。

広範囲なWebサイト調整：30,000円〜
複数箇所の表示調整、フォームの項目追加、簡易的なJavaScriptの調整など、少し複雑な修正に対応いたします。

Webサイト全体最適化支援：50,000円〜
複数ページの修正、レスポンシブ対応の部分調整、既存機能の軽微な改修など、まとまった作業を承ります。

納期

お問い合わせから約1〜3週間（内容により変動）

制作の流れ

1. ヒアリング・現状把握
   ヒアリング内容に基づき、修正箇所の特定と影響範囲の確認を行います。

2. コード解析・計画
   既存コードを読み解き、変更が必要な部分を特定し、修正計画を立てます。

3. 修正・コーディング
   計画に基づき、HTML/CSS/JavaScriptコードを丁寧に修正・調整します。作業進捗はこまめに報告いたします。

4. テスト・検証
   修正後の表示や機能が問題なく動作するか、入念にテストを行います。

5. 最終確認・納品
   修正完了後、成果物を提出し、ご確認いただきます。必要に応じて修正対応を行います。

サービス内容

Webサイトの表示崩れ修正、文言・画像の差し替え、各種フォーム作成、設定・インストールなど、HTML/CSS/JavaScriptを中心とした軽微なWebサイトの修正・調整を承ります。最後まで責任を持ち、こまめな報告で安心してご依頼いただけるよう努めます。

「Webサイトのちょっとした修正、誰に頼めばいいんだろう？」とお悩みではありませんか？ 表示崩れやテキストの更新、画像差し替えなど、小さな修正でもWebサイトの印象は大きく変わります。大学生エンジニアである私が、あなたのWebサイトの「困った」に真摯に向き合い、迅速かつ丁寧に解決いたします。HTML/CSS/JavaScriptの既存コードを読み解き、最後まで責任を持って対応することで、あなたのサイトをより魅力的に、そして使いやすく改善します。まずは小さな修正から、お気軽にご相談ください。きっとご満足いただけます。