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

デザインカンプをもとにしたHTML/CSSコーディングや、WordPressオリジナルテーマの開発を承ります。
「目的や意図を正確にくみ取り、デザインに表れない細部まで配慮すること」を大切に、高品質なコーディングをご提供します。

本業で20年間システムエンジニアとして培った報連相・進捗管理・品質管理を活かし、納期を守りながら安心してお任せいただける対応を心がけています。

対応可能な内容

• デザインカンプ（Figmaなど）からのコーディング
  　└ HTML／CSS／JavaScript／jQuery
• WordPressオリジナルテーマの作成
• レスポンシブ対応（PC・スマホ最適化）
• お問い合わせフォームの実装
• 既存サイトの修正・改修対応

ご依頼の流れ

1. ヒアリング（目的・ご要望を丁寧に確認）
2. デザイン確認／スケジュール提示
3. コーディング作業（進捗を随時ご報告）
4. 初稿提出 → 修正対応
5. 納品・公開サポート（ご希望により継続サポート可）

ご不明点やご相談があれば、お気軽にお問い合わせください。

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

静的なコーディングだけでなく、WordPressを用いたサイト構築も対応可能です。
既存ページの修正や、下層ページ１枚からでもお受けいたします。

ご相談やお見積もりは無料にて対応いたします！お気軽にご連絡ください。

■サービスの紹介と特徴
▔▔▔▔▔▔▔▔▔▔▔▔
・お急ぎのコーディング案件にスピード対応
　※平均的なLPであれば5日間程度で納品
・自身の開発経験から作り上げた独自のチェックシートを用いて品質を担保
・SEO内部対策を意識したコーディング
・基本的なアニメーションは無料で対応
・納品後、修正3回まで無料で対応
　※いただいたデザインと実装が異なるなど、
　　こちらの瑕疵についてはすべて無償で対応いたします

■ご予算について
▔▔▔▔▔▔▔▔▔▔▔▔
掲載の金額は目安の費用となります。
ページ数・デザイン内容に応じて見積りをご連携いたします。

■価格表
▔▔▔▔▔▔▔▔▔▔▔▔
【コーディング】
・トップページ新規作成：20,000円～ / 1ページ
・下層ページ新規作成：10,000円～ / 1ページ
・既存ページ修正：10,000円～ / 1ページ

【WordPress】
・WordPressサイト構築：50,000円～
(インストール・初期設定・デフォルトブログ機能含む)

・カスタム投稿・カスタムフィールド追加：5,000円～
(ACF利用を想定)

【その他】
問い合わせフォーム設置：5,000円～

【無料オプション】
・基本的なアニメーション　※ハンバーガーメニュー、簡単なボタンホバー等
・レスポンシブ対応
・スライダー機能
・WordPressプラグイン追加

■納品の流れ
▔▔▔▔▔▔▔▔▔▔▔▔
①お問い合わせ・ご相談
　まずは、お気軽にご相談ください。デザインカンプやご要望の詳細をお伺いします。

②お見積もり
　デザインカンプや仕様書を基に、お見積もりを作成いたします。納期や費用について、詳細にご説明します。

③ご契約・制作開始
　お見積もり内容にご納得いただけましたら、ご契約となります。制作スケジュールを確認し、着手いたします。

④ご確認・修正
　コーディングが完了後、お客様に確認していただきます。修正点があれば、迅速に対応いたします。

⑤納品・アフターサポート
　最終確認後、納品となります。納品後も、ご不明な点があればお気軽にご質問ください。

\ コーディング経験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サイト制作をサポートいたします。まずは、お気軽にご相談ください！

• デザインはあるけど、LPのコーディングだけお願いしたい

• 自分で作ったHTMLを修正してもらいたい

• できるだけシンプルな構成で、スマホ対応されたLPが欲しい

• 問い合わせフォームはGoogleフォームなどで済ませたい

• 小規模でまずは低予算でLPを作りたい

あなたの課題に、こんな解決を提供します
本パッケージでは、HTML・CSS・JavaScriptを使ったランディングページ（LP）の制作・修正を行います。
PHPを使わず、Googleフォームや外部サービスのフォームを活用することで、簡単かつ安心な構成でページを構築いたします。

• デザインデータ（Figma / Canva / PDF / 画像）をもとにした1ページLPのコーディング
• スマホ対応（レスポンシブ対応）
• スクロールアニメーション、簡単なJS演出の追加（スタンダード以上）
• Googleフォームの埋め込み or リンクボタン設置
• SEOの基本的な構造（metaタグ・alt属性など）の設定
• 他者が作成したコードの一部修正対応（オプション）
• コーディング後の簡単なカスタマイズ・微調整（オプション）

【進め方】

1. ご相談・ヒアリング（チャットにて対応）
2. デザインや要件のご共有
3. 初期コーディング作業（仮納品）
4. 確認・修正対応
5. 納品（ZIPファイル or GitHub共有 など）

【納品物】
初心者の方にもわかりやすく、丁寧にやりとりいたします
FigmaやCanvaなど、デザインツールにも対応可能

【注意事項】
PHPやサーバーサイド処理は対応しておりません
WordPress化やサーバー設定は対象外ですが、別途ご相談可能です
連絡先や外部サイトURLの記載はLancersの規約に従い控えております

WebサイトのHTML・CSSコーディングを承ります。
既存サイトの更新や修正なども安心してお任せください。

デザインの正確な再現性とメンテナンス性に配慮した
コーディングが強みです。

制作に関するご相談やお見積りは無料です。
お気軽にお問い合せください。

■ サービス内容
→レスポンシブコーディング
PC、スマートフォン、タブレットなど、
マルチデバイスに対応したWebサイトを構築します。

→インタラクティブな実装
スライダー、ハンバーガーメニュー、スムーススクロールのJavaScript（jQuery）、
ボタンhover時のインタラクションの実装はプランの費用内に含まれます。

→ブラウザチェック
主要ブラウザ（Google Chrome / Mozilla Firefox / Safari / Microsoft Edge）の
最新バージョンで表示確認を行い、品質を保証します。

■ サービスの特徴
・PC版のデザインデータのみしかない場合でも、
こちらで最適なレスポンシブデザインに調整し、SP版を組むことが可能です。

■ 費用
・TOPページ：36,000円〜
・下層ページ：12,000円〜
・既存サイトの更新・修正：5,000円〜

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

あなたの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サイトを作りたい…」

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

実務経験ありのWeb製作者が、あなたがお持ちのWebデザインをコーディングします！
　

■内容

あなたがお持ちのWebサイトやLP（ランディングページ）のデザインをコーディングいたします。
・Webページのジャンル不問です
・SEOを考慮したhtmlコードの構成を検討しながらコーディングします（スタンダード以上）
・レスポンシブ対応、アニメーション付きの動きのあるページの対応OKです
・デザインを忠実再現・デザインの細かな調整あり、どちらも対応いたします
　

■こんな人におすすめ

・「デザイナーに作成してもらったWebサイトのデザインが手元にあるが、これをWebサイト上に公開できるように形にしたい」とお考えの企業・個人事業主の方
・「サイトに公開したときに、検索上位に入るようにしてほしい」とお考えの企業・個人事業主の方
・「Webページ作成業務を請け負いデザインを作成したが、コーディング作業を外注し、作業の省力化を図りたい」とお考えのWebデザイナー・Web制作会社の方
　

■メリット

・レスポンシブデザインに対応いたします。PC・スマホいずれかのデザインのみの場合も、お持ちのデザインをベースにもう一方のデザインを作成し、コーディングいたします（※スタンダード・プレミアムのみ）
・デザイン段階では形になっていない【動きのあるページ】を作成いたします。具体的なご指定・ご相談の上決める、どちらも承ります。サンプルを用いながらご希望のイメージを固めていきます。
・デザインを忠実に再現することはもちろん、ご要望に応じて細かな微調整も承ります。（※後者はスタンダード・プレミアムのみ）

まずはお持ちのデザインに対してどのように感じているかをヒアリングさせていただき、ご希望のWebページを作り上げていきます！
　

■納品物について

基本はhtml,css,jsファイル一式をzipファイル形式にまとめてお渡しとなります。
納品物となるコードをWebサイトへ埋め込む作業（CMS埋め込み、Webサーバー配置）につきましては、事前にご相談の上対応とさせてください。（※オプションになります）
　

■実務経験について

現職にて、自社で運営しているWebサイトのページ作成や改修を2年半ほど経験しております。
詳しくはプロフィールをご覧ください。

デザインをお持ちの方からのご相談、お待ちしております。
検討中のライトなご質問・ご相談や、ざっくりとしたお話のみでも、いつでもお気軽にご連絡くださいませ。
宜しくお願いいたします！

本サービスをご覧いただきありがとうございます。
Web制作歴6年以上の現役エンジニア2名体制で、コーディング代行を承っております。

デザイン色の強い制作会社様と長年契約させていただいており、デザインの再現性・レスポンシブ対応の制度・アニメーション制作に特に得意としております。

• コーディングのリソースが足りていない
• デザインを忠実に再現できるコーダーがいない
• 高度なアニメーションを実装してほしい
• 経験豊富なコーダーに対応してほしい

こういった方にお勧めのサービスです！

◆作業内容

・レスポンシブコーディング
　┗ ブレイクポイント3つ + フレキシブルレイアウト
　┗ Sass（SCSS）対応可能

・お問合せフォーム実装
　┗ WordPressプラグインを使用（Contact Form 7, MW WP Form）

・WordPress化
　┗ オリジナルテーマ制作
　┗ カスタム投稿タイプ・カスタムフィールド等も対応可能

・CSS / JSアニメーション制作
　┗ スムーススクロール、スライダー、ハンバーガーメニュー等シンプルなものは無料で対応
　┗ ローディングアニメーション、GSAPを使用したスクロール連動アニメーション等の対応も可能

これら以外にもご要望がありましたら、お気軽にご相談ください。

◆制作の流れ

①ヒアリング
デザイン、ページ数、希望納期、作業範囲等をお聞かせください。
　↓
②お見積もり
お見積もりと正式な納期を提示させていただきます。
内容に同意いただけた場合、ご購入をお願いいたします。
　↓
③コーディング対応
コーディング対応を開始します。
作業進捗は常に報告いたします。
　↓
④テストアップ / 修正対応
コーディングが完了次第、初稿のテストアップをします。
お客様側でご確認いただき、修正してほしい点がありましたら対応いたします。
　↓
⑤納品
対応完了後にご確認いただき、何も問題なければ、サーバーにアップロード・もしくはZIPファイルにて納品いたします。

私たちの強み

・5年以上の経験年数有り
コードハイブのコーダーは、2名ともWeb制作歴が5年以上あります。
特にデザインにこだわりがある制作会社様と長期契約をさせていただいていることもあり、デザインの再現性・デザイナー様のイメージ通りのアニメーションを制作することを得意としています。

・土日祝日問わず対応可能
土日祝日も対応が可能なので、急ぎの場合は相談いただけましたら金曜日に依頼→月曜日に納品といったことも可能です。メッセージも24時間受け付けており、作業時間内であれば1~2時間以内に必ず返信いたします。

・デザイナー様へ
デザイナー様がこだわりを持って制作されたデザインを、忠実に再現いたします。レスポンシブ対応の手法は、フレキシブルレイアウトを採用しております。ブレイクポイントでのメジャーな画面幅の最適化に加え、ブレイクポイント間も画面幅によって要素の横幅を伸縮させることで、どんな画面幅でも表示崩れがなく綺麗に表示することが可能です。また、アニメーションにもこだわりがあるデザイナー様も大歓迎です。ホバーやスクロールアニメーション等、デザインに合ったアニメーションを提案・実装させていただきます。

・制作会社様へ
Webサイト制作歴5年以上のコーダーが、高品質・保守性の高いコーディングを提供します。SEOを意識したセマンティックコーディングに加え、サイトスピード・アクセシビリティを考慮したコーディングが可能です。さらに、GSAPやWebGLを使用した複雑なアニメーションも制作可能です。WordPressでのサイト制作では、オリジナルテーマ制作だけでなく、カスタム投稿タイプやカスタムフィールドを扱うことができます。

料金に関して

プランに表示している金額は概算ですので、ヒアリング時に詳しく内容をお聞きした後、正式な金額を提示させていただきます。

私たちの実績について

主に制作会社様からの案件対応をしているので、非公開となっております。
もし実績を確認したい場合は、ヒアリング時にビデオ通話にて紹介させていただきます。

実績20件以上。安心感のある配慮で評価されているコーダーです

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

Webコーダーのこうなと申します。
LPやWebサイトのコーディング、WordPress構築を行なっております。

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

• デザインはあるが、コーディングできる人がいない
• リソース不足でコーダーを外注したい
• WordPressのオリジナルテーマを構築したい

発注の流れ

①無料相談（ご希望の機能やデザインデータ・納期の確認）
②お見積もり
③ご契約
④デザインデータお預かり
⑤初稿お渡し
⑥ご確認・修正
⑦納品（Zip納品、サーバーアップなど）

価格

LPコーディング：30,000円
HTML / CSSサイト(〜6ページ)：80,000円
WordPressサイト（〜6ページ）：120,000円
※実際の価格はヒヤリング後に改めてお見積もりさせていただきます。

「まずは相談する（無料）」からお気軽にご連絡ください。

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

こちらのパッケージでは、簡単なWEBサイトの修正から、WordPress構築まで承っております！

サービスの特徴

◎スピーディ・高品質
60項目以上の品質チェックシート使用
スピード・品質ともに高評価、継続発注をいただいております

◎メンテナンスしやすい設計
コンテンツの追加・変更に対応しやすい設計でコーディングいたします
マニュアル等ございましたら、そちらに従いコーディングいたします

基本対応範囲

※以下の内容はプランの料金に含まれております
・W3C準拠・クロスブラウザ対応の確認
・レスポンシブ対応
・品質チェックシート使用
・画像圧縮
・メタ情報の設定（内容はご支給お願いいたします）
・構造化マークアップ
・スマホよしなに対応
・アニメーション(CSS、JavaScript、GSAPを使用した複雑なアニメーションも可)

納期目安

【修正】
1〜5日

【静的コーディング 1ページ 】
5〜7日

【WordPress 10ページ 】
10〜14日

※内容に応じて前後いたします

料金

プランの料金は目安となります
ご予算に応じて柔軟に対応させていただきます
また、ご依頼内容に応じてプランをご提案させていただくことも可能です
「まずは相談する」のボタンより、お気軽にご相談ください

制作の流れ

①ご相談・お見積もり
デザインデータを元にチャットでお打ち合わせを行います。
その後、お見積り金額を提示させていただきます。

②仮払い
ご依頼内容および金額が決まりましたら、仮払いをお願いいたします。
仮払いにより、ご契約となります。

③制作開始
プラン納期は仮払い終了後からの日数になります。

④初稿提出〜修正
テスト環境の情報をお伝えいたします。そちらでご確認ください。

⑤納品
Zipファイルで納品、またはサーバーにアップロードいたします。
※サーバーにアップロードの場合は以下の情報ご共有ください
・FTP接続情報
・レンタルサーバーのログイン情報（WordPressの場合）等
ご依頼時にもご案内させていただきます

稼働時間

※お問い合わせは24時間受け付けております
平日・土日祝日：9:00 ~ 17:00(原則15分以内にお返事いたします)
連絡の取れる時間帯：7:00 ~ 23:00

私について

新潟県でフリーランスとしてコーダーをしております
前職は薬剤師をしており、最新情報のキャッチアップや他職種とのコミュニケーションを大切にしておりました
その経験を活かし、現在も最新技術のキャッチアップはもちろん、日々の進捗報告や情報共有では、スプレットシートや画像を使用し、わかりやすく丁寧なコミュニケーションに努めております
現在、20サイト構築しており、
20〜40ページ程のWordPressオリジナルテーマの制作や共同制作にも携わらせていただいております
その他、改修、保守運用もお任せいただいております

ご相談だけでもお気軽にご連絡いただけましたら幸いです☘️

特別料金でコーディングさせていただきます！
★あなたの想いを形に！心を込めたコーディングで、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サイトを美しく、使いやすく生まれ変わらせます！丁寧なヒアリングで、あなたの想いを形にします。まずはお気軽にご相談ください。

あなたの想いを形にする、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コーダーのアンザイと申します。
私はこれまでにスポーツ、文房具、クリニック、教育、飲食店など多岐にわたる業種のWebコーディングを担当してきました。

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

「デザインはできているけど、コーディングする時間がない」
「PC用デザインしかないけど、スマホ対応にしたい」
「アニメーションも含めて、綺麗に仕上げたい」
「信頼できるコーダーに任せたい」
これらのお悩みを、レスポンス早くしっかりとサポートします！

🛠 サービス内容

HTML/CSSによる静的コーディング（レスポンシブ対応）
JavaScriptやCSSアニメーションの実装（スクロール/スライダー/アコーディオンなど）
Figma・XD・Photoshop・Illustratorに対応
SEOを意識した構造とマークアップ

価格

⚫︎LPコーディング：30,000円
※長さによって変動いたします。
提示料金は8,000px以内
⚫︎HPコーディング（HTML）：105,000円
※５ページ 想定
⚫︎HPコーディング：（WordPress/PHP）：155,000円
※５ページ 想定

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

ご用意いただくもの

デザインデータ（Figma / XD / PSD / AIなど）
素材画像や動画、テキスト原稿
スマホ版デザイン（ない場合は私の方で調整対応可）
サーバー情報（アップロード希望時）

納品までの流れ

DMもしくは「見積もり・カスタマイズの相談」からご連絡ください
ヒアリング・お見積もりのご提示
ご契約（仮払い）
素材のご提供後、制作開始
コーディング確認・修正**
納品（Zip / サーバーアップ）

修正対応について
修正無制限（仕様変更は別途お見積り）
テスト環境での確認可能（Zip納品も可）

サービスの強み

1時間以内の迅速なレスポンス
土日祝の作業・納品も可能
スマホ・タブレット完全対応の高品質なレスポンシブ
コーディング3年以上の経験

まずはお気軽にご相談ください！
「依頼内容に合うか不安…」という方でも、お見積もりは無料で対応いたします。
まずは「見積もり・カスタマイズの相談に進む」より、お気軽にご相談ください。
ご希望に合わせた最適なプランをご提案いたします！

貴社のメールマーケティングを成功に導く、高品質なメルマガコーディングサービスを提供します。

🔳　コーディング範囲:
HTMLメールのコーディング全般（テキスト、画像、リンク、CTAボタンなど）
レスポンシブデザイン対応（PC、スマートフォン、タブレット最適化）
お客様ご提供のデザインカンプ（PSD, Figma, XDなど）に基づき忠実に再現
埋め込み要素（動画、SNSアイコンなど）への対応

🔳　単価・納品スピード:
・Pilot (初回限定): 2本まで無料
サービス品質と信頼関係構築のための期間です。
・安定期: 10,000円/本〜 (プランによる)
週5〜8本の安定した対応が可能です。
原則3営業日以内納品 をお約束します。緊急時は24時間以内の連絡・対応体制を構築しています。

🔳　テスト環境対応:
以下の主要環境での表示確認を行います。
・デスクトップクライアント: Outlook (Windows)
・ウェブメールクライアント: Gmail、Outlook.com
・モバイルアプリ: iOS Mail、Gmailアプリ、Samsung Email
（その他ご要望に応じた環境でのテストもご相談ください）

🔳　品質保証プロセス:
貴社のルールを遵守し、最高品質のメルマガを納品するための徹底した品質管理プロセスを導入しています。

① 要件確認: 詳細仕様の確認、疑問点の整理を行います。
② 実装: お客様のルールに基づき、最適なコードで実装します。
③ 内部チェック: シニアエンジニアによる厳格なコードレビューと品質確認を実施します。
④ テスト: AIを活用した自動テストに加え、複数環境・デバイスでの表示確認を徹底します。
⑤ 納品: 修正対応を含め、完成した成果物を提出します。

🔳　コミュニケーション体制:
日本語堪能なブリッジSEチームが、貴社との円滑なコミュニケーションを保証します。

・日本語対応: ブリッジエンジニア（日本語ネイティブレベル）が窓口となり、ニュアンスまで正確に共有します。
・連絡ツール: Slack, Teams, Chatwork, Email, 電話など、貴社のご希望に応じたツールで迅速に対応します。
・タイムゾーン活用: ベトナムとの時差（+2時間）を活かし、日本の営業時間外でも作業を進めることで、より高速な納品を実現します。

依頼の流れ

　　1. ご相談・ヒアリング

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

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

サービス内容

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

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

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サイト制作・修正・カスタマイズを承ります。

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

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

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

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

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

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

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

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

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

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

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

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

　ご覧いただきありがとうございます。初出品です。
　ご用意いただいたデザインデータからHTML/CSS, JavaScriptを用いてコーディングします。

【納品までの流れ】
　1. 相談・見積り（金額確定、納期目安等）
　2. トークルームでやりとり（データの受け取りと確認、進捗報告、修正等）
　3. zip形式で納品

▼こんな方へオススメ
デザインはあるので、下層ページのコーディングだけお願いしたい

トップページは別で依頼済み or 自社で作成済み

テキスト中心のページで費用を抑えて実装したい

WordPressなどCMSのテンプレート用HTMLが必要

納期を守って丁寧に仕上げてくれるコーダーを探している

▼ご提供内容
下層ページのHTML＋CSS（静的ページ）

スマホ対応（レスポンシブ対応）

コーディングルールに沿った実装（ご要望があれば事前に共有ください）

共通パーツの使い回し（ヘッダー・フッター等）にも柔軟に対応

シンプルなJavaScriptの動き（アコーディオン・スムーススクロール等）

▼ご購入後の流れ
ご相談・お見積もり（ページ内容・デザインを確認させていただきます）

必要なデータのご提出（画像・デザインデータ・テキストなど）

コーディング作業

納品（zip納品 or サーバーアップロード）

ご確認・修正対応（軽微な調整は料金内で対応します）

▼制作可能なジャンル
コーポレートサイトの会社概要／採用情報ページ
サービス紹介／製品紹介ページ
プライバシーポリシー、FAQ、404ページなどの静的ページ

スクール・教育機関・医療・飲料・EC関連など多業種実績あり

▼料金プランやオプション
オプション例
アコーディオン対応：無料（シンプルな構造の場合）

JSスライダー導入：＋5,000円〜

※複数ページ・ボリュームディスカウントも可能です。ご相談ください。

▼納期
1〜2ページ：2〜4営業日
3ページ以上：要相談（スケジュール優先可能です）

ご不明点・ご相談はお気軽に「メッセージで相談する」よりお問い合わせください。
丁寧・確実にご対応いたします！

デザインカンプを元にLPのコーディングを承ります。

• レスポンシブ対応
• デザイン完全再現
• 読み込み速度を考慮した実装
• アニメーション演出の実装
• スライダーやモーダル、アコーディオンなどのUI実装

など、ご希望どおりの仕様・デザインで実装をいたします。

【標準対応】
下記についてはオプション料金なしで対応いたします。

• レスポンシブ対応
• リソースの圧縮と読み込み最適化によるパフォーマンス対策
• スクロールに応じた要素の表示アニメーション
• 最新ブラウザでの表示チェック

▼こんな方へオススメ
デザインデータはあるけれど、コーディングができない

更新しやすく、構造のしっかりしたコードで作ってほしい

デザインに忠実に再現してくれる信頼できるコーダーを探している

制作会社や代理店とスムーズにやり取りできる外注先を探している

▼ご提供内容
静的HTML＋CSSで、PC・スマホ両対応のレスポンシブコーディングを行います。
SEOや表示速度、保守性も意識した構造・可読性重視のマークアップが得意です。

対応内容：

HTML5 / CSS3（Sass可）

レスポンシブ対応（SPはブレイクポイント指定対応可）

jQueryアニメーション（スライド・フェードなど）

ドロワーメニュー

ページトップボタン

スクロールアニメーション

フォーム（HTML側のみ / PHP設置別途）

画像最適化

▼ご購入後の流れ
ご依頼内容のヒアリング

デザインデータのご共有（Figma / XD / Photoshop / illustrator など）

ページ構成確認と正式お見積り

着手 → 中間確認（必要時）

納品（zipまたは指定サーバーアップロード対応可能）

納品後の軽微な修正1回まで無料対応

▼制作可能なジャンル
制作会社経由で多様な業種を対応しています。
ジャンルによる制限はなく、構造重視のコーディングでどんな業種にも対応可能です。

実績例：

医療・製薬系（医薬品LP）

飲料・食品メーカー（キャンペーンLP）

教育機関（専門学校、スクールサイト）

コーポレートサイト全般

健康食品ECサイト（MakeShop）

企業Q＆A　（Zendeskカスタマイズ）

CMS組み込み（Wordpressオリジナルテーマ・MovableType）

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

🟨基本料金
種別 価格（税抜） 備考
トップページ（〜7,000px） ¥20,000 基本構成＋レスポンシブ対応　長さ、ボリュームで変動
下層ページ（通常） 10,000円〜 / 1ページ　ライバシーポリシーなどテキスト主体や、下層でも動きが多いページなどを考慮し変動

🛠オプション
内容 価格（税抜）
WordPress組み込み対応 ¥40,000〜

▼納期
トップページ：5営業日程度（構成や仕様により変動）

下層ページ：1〜2営業日程度／1P

特殊なレイアウトは別途ご相談ください

制作会社で7年以上の経験を持ち、数百ページ以上のコーディングを担当。
再利用性の高い、柔軟なHTML/CSS設計が得意です。

ご相談ベースでも大歓迎です。お気軽にご連絡ください！

▼こんな方へオススメ
・デザインはあるけど、コーディングを任せたい方
・スマホ対応のLPを1ページで仕上げたい方
・外注が初めてで、丁寧にやりとりしてほしい方
・予算内でシンプルにLPを公開したい方

▼ご提供内容
・HTML＋CSSによるコーディング（1ページLP）
・レスポンシブ対応（スマホ・タブレット）
・軽微なJavaScript（メニュー、アコーディオン等）
・alt属性や構造を意識したマークアップ対応
・ファイル納品（HTML/CSS/JS/画像）

▼ご購入後の流れ
① ヒアリング（デザイン・構成・希望納期など）
② 作業開始（進捗は随時ご報告）
③ 初回納品 → ご確認・修正対応（2回まで）
④ 最終納品・クローズ

▼制作可能なジャンル
・キャンペーン用LP
・サービス紹介ページ
・セミナー/イベント告知ページ
・士業・店舗向けシンプルLP
・ポートフォリオ風LPなど

▼料金プランやオプション
・ライト：¥10,000（3セクションまで）
・ベーシック：¥15,000（5〜6セクション）
・プレミアム：¥20,000〜（7セクション以上＋動き）
・セクション追加：＋¥2,000〜

▼納期
・ライト：7日以内
・ベーシック：10日以内
・プレミアム：14以内（応相談）
※副業対応のため、事前にスケジュール確認をお願いします。

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

■本サービスはこんな方におすすめです

・コーダー不足で外注先を探している方
・WordPressが苦手
・WordPressが自分でできない
・コーディングが苦手なWebデザイナー様
・ディレクションやデザインに集中したい方など

■サービス内容

・デザインカンプからHTML/CSS/JSでの静的コーディング
・レスポンシブ対応
・JavaScript(jQuery)を用いたアニメーション実装（ハンバーガーメニュー、スライダー等）
・お問い合わせフォームの実装
・WordPress構築
その他既存サイトの文言、軽微なデザインの修正、アニメーションの追加等
何でもご相談くだださい。

■納品までの流れ

1,ヒアリング、デザインや情報のご提供
2,お見積り
3,ご契約
4,着手開始
5,最終確認・修正
6,納品
7,プロジェクト完了
※報連相を徹底していますので細かく進捗状況はご報告させていただきます。
※納品前の修正は無制限でご納得いただくまで行います。

ここまでご覧いただきありがとうございます。
以下に私について記載させていただきましたのでぜひ、ご一読ください。

■経歴

オンラインスクール【デイトラ】にてWeb制作を学習し現在は卒業してWebコーダーとして活動しています。
2024.11 株式会社デイトラが実施する実務即応型の検定 コーディング実務検定に合格。

■スキル・可能業務

・HTML/CSSコーディング
・JavaScript（jQuery）を使用したアニメーション制作
・WordPress化（完全オリジナルテーマの制作／PHP対応）
・デザインカンプを忠実に再現

■制作実績

・LP×5本(ドロワー、スライダーとう基本アニメーション付き、レスポンシブ対応、)
・静的コーディングからWordPress構築
(トップページ＋下層7ページ)(投稿系ページ、カスタム投稿１タイプずつ)(コンタクトフォーム設置プラグイン使用)

■仕事への姿勢

・迅速なレスポンスと報連相（報告・連絡・相談）を徹底し、円滑な業務進行に貢献いたします。
・報告・連絡・相談の徹底
・柔軟かつ誠実な対応
・ご要望を最大限実現する努力
お客様にとって価値ある成果を提供できるよう努めます。

よろしくお願いいたします。

◾️はじめに
たくさんあるパッケージの中からご覧いただきありがとうございます！

個人事業（1年目）でWebコーダーをしている「森　猛」と申します。
コーディングとWordPress構築をメインに活動しています。

◾️こんな悩みの方へ
・報連相を徹底してくれるコーダーを求めている。
・円滑なコミュニケーションができるコーダーを求めている。
・最後までやりきってくれるコーダーを求めている。

◾️サービス内容
・HTML / CSSコーディング
・jQueryを用いたアニメーション実装

◾️料金
・TOPページコーディング：30,000円〜
・下層ページコーディング：10,000円〜

※ページ構成・機能によって変わってきますので、まずはご相談いただければと思います。

◾️制作の流れ
①ヒアリング
　ページ構成・必要な機能などを確認いたします。
②お見積り
　納期や金額を提示させていただきます。
③制作・確認
　ページ毎でのご確認をお願いいたします。
　※ 気になる点がある場合、可能な限り修正対応いたします。
④納品
　制作物をzipファイルにて納品させていただきます。
　※サーバーへのアップロードをご希望の場合、FTP情報のご提示をお願いいたします。

◾️当サービスの強み
・品質チェックシートを用いて確認後、納品いたします。（品質チェックシートのお渡しも可能）
・即レス対応（21時までのご連絡においては、3時間以内には返信いたします）
・可能な限り柔軟に対応いたします。

◾️ご用意していただくもの
・デザインカンプデータ（XD、Photoshop、Illustrator、Figma）

静的やWordPressサイトの改修、JavaScriptなどの実装を行います。
1万円という手軽な費用からお申し込みいただけます。（1万円の場合、修正箇所は3つまでとなります。詳しくはお問い合わせください。）

※ご購入前に、必ず無料見積もりをお願いいたします。

【ご購入いただいてからの流れ】

①無料相談
不要なトラブルを避けるため、ご購入前に必ずメッセージにて無料見積もりをお願いいたします。
↓
②ご納得いただけたら、ご購入
無料相談でご納得いただけたら、出品やオファーをご購入いただきます。
↓
③ヒアリング
認識のずれがないよう、ヒアリングで擦り合わせをいたします。
↓
④サイト改修後に提出、フィードバック
サイトを改修して提出しますので、ご確認をお願いいたします。
↓
⑤④を繰り返し、納品
④を繰り返し、完成したら納品いたします。

まずは、メッセージにてお気軽にお問い合わせください。

【実績】
※お手数ですが、先頭に「https://」をつけてご検索ください。

施工図屋さん様
sekouzu.jp/

LPなどの簡単な静的なサイトを作りたい方におすすめです。

デザイン案を受け取ります。
→
コーディング作業
→
問題ないかの確認・修正(２回ほど)
→
納品

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

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

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

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

発注の流れ

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

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

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

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

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

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

納期

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

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

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

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

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

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

サービス内容

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

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

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

【制作内容】
HTML/CSSコーディングを行います。（レスポンシブデザイン対応可能）
また、WordPressの導入およびオリジナルテーマの構築が可能であり、必要なプラグインの導入も行います。さらに、Webサイトの修正やエラーの修正も対応いたします。

【購入・納品の流れ】
1.見積もり
作成するページ数やご要件に応じて金額は変動いたします。
そのため、「まずは相談する」よりご依頼の内容を詳しくお知らせください。
納品日の目安と、追加で購入が必要なオプションがある場合ご案内いたします！

2.デザインの確認、仕様の確認
お見積もりなど問題なければ、そのままご発注をお願いいたします。
その後、写真やテキストなど、サイトに使用する素材がある場合お送りください。

3.制作開始
最終的な納品日をお伝えし、サイト構築開始いたします。

4.納品
テストサイトをこちらで用意いたします。
テストサイトでデザインや文言、アニメーションなどの確認を行っていただき必要があれば修正を行います。
修正回数は無制限です。
問題なければ本番環境へのアップロードまたは、ご要望に合わせてデータを送付いたします。

【デザインデータについて】
XDまたは、PSD、AIでのデザインのみ可能です。
画像データを切り出しを行ってデザインデータと一緒に提出してください。
また、SPデザインはトップページのみでも可能です。（こちらでSP用に調整いたします。）

【実績】
・不動産（賃貸・建売・売買どれも経験あり）
・中小企業（コーポレートサイト）
・人材派遣
・採用ホームページ
・保育園
・美容室
・葬祭
・イベント（イベントの応募や紹介なども可能）
など

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

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

■ サービス内容

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

■ こんな方におすすめ

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

■ 本サービスの強み

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

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

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

💻【コーディング代行】
デザインを忠実に再現！スピーディーかつ高品質なコーディングを代行します。
デザインカンプ（Figma / XD / PSD など）をもとに、丁寧でメンテナンスしやすいHTML / CSS / JavaScriptコーディングを行います。
レスポンシブ対応やSEO対策、アニメーション実装もお任せください！

▽対応可能な内容

• HTML / Sass / CSS / JavaScript（jQuery含む）コーディング
• レスポンシブ対応（スマホ・タブレット）
• WordPress組み込み（静的→動的化）
• アニメーション（スライダー、フェードインなど）実装
• ページスピードやSEOを意識した構造でのマークアップ
• Gulpなどのタスクランナーによる効率的な開発対応も可能

▽こんな方におすすめ

• デザインはあるけどコーディングに時間が割けない
• 納期に間に合わせたいので部分的に外注したい
• コードのクオリティにもこだわりたい
• デザイン通りに実装してほしい

▽ご依頼の流れ
① 無料相談
② デザインデータのご提供（Figma / XD / PSDなど）
③ お見積もり・スケジュール提示
④ コーディング開始
⑤ ご確認後、納品（ZIP or サーバーアップ）

修正回数や希望納期などに応じて、内容をカスタムできます。
まずは、ご連絡ください。

このページをご覧いただき、誠にありがとうございます。
はじめまして、Webコーダーの「ともひろ」と申します。

現在はフリーランスとして、HTML / CSS / JavaScript（jQuery・GSAP含む）を中心としたコーディング業務を行っております。
レスポンシブ対応（PC・スマホ）や、基本的なSEO対策も標準で対応いたします。
また、FigmaやXDなどのデザインデータをもとに、忠実かつ柔軟なコーディングを心がけています。

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

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

【料金目安】
・LPコーディング（1ページ）：10,000円〜
・下層ページ追加：+5,000円〜
・JavaScript機能追加：+5,000円〜

※正式な金額は、デザイン内容・ページ数・機能に応じて個別にお見積もりいたします。

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

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

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

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

丁寧さと提案力を大切に、「依頼してよかった」と思っていただける制作を目指して取り組んでおります。
どうぞお気軽にご相談ください。心よりお待ちしております。

このページを見ていただき誠にありがとうございます。
はじめまして。「ともひろ」と申します。​

「LP/HPのデザインはあるが、コーディングをお願いしたい」
「人手が足りないので、コーディングを委託したい」

そんな方々に是非コーディングをお任せいただけませんか？
現在、私はフリーランスとして、
HTML /CSS/Javascriptのコーディングを中心に活動をしています。
最後まで責任を持って対応させて頂きます。どうぞ宜しくお願い致します！

サービス内容
デザインデータからHTML/CSSを実装
必要に応じてHP/LPをWordPress化（別途料金となります。ご相談ください。）

基本料金
・トップページコーディング・・・・9,500円〜
　　　下層ページ作成・・・・・ +5,000円〜
　　　JavaScript実装・・・・・・・・・ +5,000円〜
※現在先着５名様に１ページコーディングを5,000円で提供するキャンペーンを実施中です。

料金に含まれるもの
・HTML / CSSコーディング
・レスポンシブ対応（PC, SP）
・修正（基本5回迄）

見積もりについて
デザインやボリューム感等お伝えいただき、御見積もりを迅速提出させて頂きます。

納期について
1週間～
※作業量によって異なります。
※余裕を持ってご依頼いただけますと幸いです。

対応データ
・figma
・Adobe XD
・Illustrator（.ai)
・Photoshop（.psd等画像データ）

納品形式
圧縮ファイル（ZIP）、FTPで納品・送付いたします。

親切・提案・共感をモットーにお客様の一歩前を提案できるよう、
全力で取り組みたいと思います。
是非、よろしくお願いいたします。

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

ランディングページ（一枚ものページ）のコーディングを承ります。

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

-「デザインは用意できるけどコーディングは外注したい」
-「PCデザインは用意出来るけど、SPは任意でいい感じにしてほしい」
-「自分でコーディングしている時間がない」

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

まずはご相談ください。

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

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

【納品までの流れ】

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

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

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

4. 製作開始

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

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

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

◎コーディングを行うデザインデータ

購入にあたってのお願い

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

コーポレートサイト・LPのコーディング業務承ります！

当サービスはこんな方にお勧めです。
・人手不足によりコーダーを探している制作会社およびwebディレクター様
・複数案件を手掛け、分業したいとお考えのwebデザイナー/LPデザイナー様
・その他、パートナーとなる質の高いコーダーをお探しの方
ぜひ皆様のお力になりたいです。お気軽にお声がけください。

【サービス内容】
お渡しいただいたデザインデータを元に、コーディングを行います。
◆ユーザビリティ、表示速度を意識したHTMLマークアップ
◆SCSS/BEM記法によるメンテナンス性の高いcss
◆レイアウト崩れのないレスポンシブ対応　(PC～TB～SP 柔軟なレイアウト調整)
◆jQueryによる定番の動的パーツ実装

【基本料金に含まれる内容】
・TOPページのコーディング
・jQueryによる定番の動的パーツ実装
※下層ページは別途料金がかかります。

【その他注意点】
◇IE(Internet Explorer)はサポート終了に伴い、対応外となります。
◇お客様都合によるデザインの修正は仕様変更とみなし、別途費用が発生しますのでご注意ください。
◇作業後のチェックを徹底しますが、コーディングに不備があった場合には、無償で修正します。
◇特別な理由なく3日以内にご返信いただけない場合は、制作途中であっても取引を終了させていただく可能性がございます。大変恐縮ですが、スムーズなやり取りにご協力をお願いします。

ご興味を持ってくださりありがとうございます！

▼本パッケージにてできること
・HTML/CSS(Sass)を用いたデザインの再現
・Javascript（jQuery）を用いたアニメーションの実装
・WordPressの導入・構築
・デスクトップ、タブレット、スマホ対応（レスポンシブ対応）
・使用画像や写真素材の圧縮（表示速度向上）
・基本的な表示速度向上対策
・基本的なSEO対策
・修正、更新などの軽微な内容

▼サービスの流れ
１．ご依頼内容のご確認、お見積りの提示
２．ご契約後、お客さまよりデザインデータをご提供
３．コーディング作業、品質確認、実機テスト
４．ご確認と修正
５．納品

▼お見積り時のご注意点
以下の内容について分かる範囲で構いませんのでご提供いただけますと幸いです。
（1）ご依頼。ご依頼内容の概要について
（2）制作規模について
　└例：静的コーディング合計3P（トップページ、〇〇についてのページ、お問い合わせページ）　など
（3）ご予算について
（4）その他気になることがありましたらお気軽にお伝えください！

【デザイナー歴10年以上が対応！】
本パッケージでは HTML5、CSS、JavaScript を用いた静的ページのコーディング（レスポンシブ対応込み）を行います。
デザインを忠実に再現することを心がけ、迅速かつ丁寧に仕上げます。

＼　このようなお悩みありませんか？　／
・コーディングに割く時間がない
・外注先を探している
・コーディングが苦手なWebデザイナー様
・継続して任せられるパートナーを探している制作会社様　...など

→ ぜひご相談ください！
　柔軟に対応いたします！！
　

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈┈┈┈┈┈ サービス内容 ┈┈┈┈┈┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

・ HTMの静的ページのコーディング
・ レスポンシブ対応
・ スライダーやタブ切り替えなどのJavaScript実装
・ 既存サイトの修正、ページ追加
・ 部分的な改修（HTML/CSS/JavaScriptの調整など）

▼無料対応範囲
・ レスポンシブ対応
・ サイト高速化（画像圧縮／WebP変換）
・ SEO用metaタグ設置（データご提供時）
・ OGP、favicon設置（データご提供時）
・ サーバーへのアップロード（FTP情報・アップロード先のご共有をお願いします）
・ 納品までの不備修正

▼追加オプション
下記についても柔軟に対応いたしますので、お気軽にご相談ください。
・ Wordpress構築
・ ECサイト向けのコーディング（makeshop、RMS、ecforce）
・ 高度なアニメーション実装
・ 特急対応（要相談）
　
　

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈┈┈┈ 対応可能なデータ ┈┈┈┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

・ Adobe XD
・ Photoshop
・ Illustrator
・ Figma

※確認用として一枚に書き出したデータ（JPEG、PNG、PDF）をご送付いただけますとスムーズです。
※Illustratorの場合はリンク画像の添付 or 埋め込みをお願いいたします。
※特殊フォントを使用する場合はアウトライン化またはフォントをご送付ください。
　
　

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈┈┈┈┈ 納品までの流れ ┈┈┈┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

1.ヒアリング
　↓
2.お見積り・納品日確認
　↓
3.ご契約・デザインデータお預かり
　↓
4.コーディング作業
　↓
5.ご確認・修正
　※仕様変更・デザイン変更は別途費用となります。ご注意ください。
　↓
6.最終確認・納品（サーバーアップロードまたはファイル送付）
　
　

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈┈┈┈┈┈ 納品形式 ┈┈┈┈┈┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

・ ZIPファイル送付
または
・ サーバーアップロード
　※アップロードをご希望される場合、はFTP情報のご提供をお願いいたします。
　※本番環境しかない状態でのアップロードは、万が一問題が発生しても責任を負いかねます。テスト環境をご用意いただくことを推奨しております。

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈┈┈┈┈┈ 確認環境 ┈┈┈┈┈┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

・ PC：chrome／Firefox／Edge
・ SP：chrome／Safari／Firefox／Edge（実機iPhoneで確認）
　
　

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈┈┈┈ 稼働スケジュール ┈┈┈┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

・ 稼働日：月～金 9:00～17:30
・ お休み：土日祝・お盆など
※お急ぎ案件は土日祝対応も可能です。ご相談ください。
　
　

.˚⊹⁺‧┈┈┈┈┈┈┈┈┈ ご依頼前に必ずお読みください ┈┈┈┈┈┈┈┈┈‧⁺ ⊹˚.

・ デザインデータは事前にご準備ください
・ Webフォント使用時はライセンスをご用意ください
・ サーバーへのアップロードをご希望される場合はFTP情報をご提供ください
・ コーディングルールがある場合は事前にお知らせください
・ 着手後の大幅なデザイン変更は追加費用が発生します
・ 進行後のキャンセルは進捗に応じてキャンセル料が発生します
・ 1週間以上ご連絡がない場合、キャンセル扱いとなる場合があります。
　ご回答にお時間がかかりそうな場合はその旨をお伝えいただけますと幸いです。
　

ご満足いただけるよう、迅速・丁寧・柔軟な対応を心がけています。
ご不明点やご相談はお気軽にお問い合わせください。

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

既存のWebサイトで困っている方へ
修正、カスタマイズ、アニメーションの実装、保守運用などをいたします。

【基本サービス内容】
・HTML / CSS の修正、カスタマイズ
・jQueryやCSSアニメーション

【注意事項】
・1ページのコンテンツ量が多い場合は追加料金する場合があります
・コーディング方法はVSCodeで実装していきます

まずは相談かメッセージでお気軽にお問い合わせください。

デザインデータをもとに、HTML / CSS / jQuery を使用したコーディングを行います。
各種デバイスへのレスポンシブ対応・アニメーションなど、ご希望に応じて柔軟に対応いたします。

◼︎サービス内容
・HTML / CSSコーディング（静的ページ）
・レスポンシブ対応（スマホ・タブレットなど各種デバイス）
・jQueryによるアニメーション（フェードインやスライダーなど）
・Gulpを使用した自動化（ご希望に応じて）

◼︎提供プランについて
記載しております提供プランについては、あくまで目安となります。
ご依頼内容などお気軽にご相談ください。

◼︎ご購入の流れ

1. メッセージにてご依頼・ご相談ください（デザインや内容共有をお願いします）
2. プラン確定＆お見積
3. 作業開始（ご希望に応じて進歩報告を行います）
4. 作業終了後、お客様にご確認いただき必要に応じて修正を行います。
5. 納品

「まずは相談だけ」でも大歓迎です◎
お客様のご要望に応じて柔軟に対応いたしますので、お気軽にご相談ください！

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

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

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

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

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

フリーランスのWebコーダー、みずと申します。
・ プロジェクトの納期が迫っていて、コーディングのリソースが足りない
・ クオリティを維持しながら、信頼できる外注先を探している
・ コーディングはできるが、細かい部分やWordPressの実装に不安がある
➡︎ そんなお悩みを解決します！ お気軽にご相談ください。

▼サービス内容
・HTML/CSSのコーディング（レスポンシブ対応）
・LPのコーディング
・既存サイトのページ追加
・スライダー等のアニメーション実装
・スマホデザインがない場合の適切な対応
・命名規則やコーディングルールの希望対応
➡︎制作会社様やディレクターの皆様の要望に柔軟に対応します！

▼料金表
・トップページ：20,000円～
・下層ページ：8,000円～
・LP：30,000円～
・お問い合わせフォーム（入力＋確認＋完了）：10,000円
・WordPress化：20,000円
・WordPress カスタム投稿/カスタムフィールド：5,000円/1箇所につき
・アニメーションの実装：1,000円～5,000円
※明日までに完成などの特急料金は通常のお見積もりに+15%上乗せ
➡︎ご予算に応じて最適なプランをご提案できますので、お気軽にご相談ください！

▼納品までの流れ
① ヒアリング
コーディング内容、ご希望納期、大体のご予算などお聞かせください。
↓
② お見積り
詳細をもとに料金を提示いたします。
↓
③ ご購入
お見積りにご納得いただけましたら、ご購入をお願いいたします。
↓
④ コーディング
確認いただいた内容をもとに制作を進めます。大規模な案件は進捗報告をいたします。
↓
⑤ 初稿提出 & 修正対応
ご確認いただき、修正点があればお知らせください。デザインや仕様の変更を変更を伴わない軽微な修正は無料対応いたします。
↓
⑥ 納品
ご希望の方法で納品いたします。サーバーへのアップロードも可能です。

▼納期について
通常 1週間程度での初稿提出を目安としています。
（制作期間目安：TOPページ・LP3日ほど）
作業量により変動しますが、特急対応（24時間以内）も可能ですので、まずはご相談ください！

信頼できるコーディングパートナーとして、長期的なお付き合いも大歓迎です！

あなたの想いを形にする、丁寧で見やすい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サイトを魅力的に変えます！レスポンシブ対応やアニメーション実装もお任せください。まずは、お気軽にご相談ください！

新しくホームページがほしい。

昔作ったけどじだいにあわなくなったなぁ

はじめまして。
ご覧いただきありがとうございます！

当サービスでは、
FigmaやXDなどのデザインを元に、HTML/CSS/JavaScriptでのコーディングから、
WordPressのオリジナルテーマ制作・WordPress化・カスタマイズまで対応いたします。

PC/スマホ対応のレスポンシブ設計や、JavaScriptによる軽快なアニメーションの実装など、
使いやすく見た目も美しいWebサイトをお作りします。

対応可能な業務

HTML / CSS / JavaScript コーディング

JavaScriptによるUIアニメーション（スライダー・スクロール演出 など）

レスポンシブ対応（スマホ・タブレット）

WordPress オリジナルテーマ制作（1からのWP化）

既存テーマのカスタマイズ（デザイン反映や機能追加）

固定ページや投稿テンプレートの作成

カスタム投稿・カスタムフィールド対応（ACFなど）

※SEO対策（構造化データやメタ設定の最適化など）は対応しておりません。

対応可能なデザイン形式

・Figma

・Adobe XD

・Photoshop

納期の目安

LP（静的）コーディング：7〜10営業日

WPテーマ化：14〜30営業日（内容により変動）

アニメーション実装追加：+1〜3日

WPカスタマイズのみ：5〜7日（内容次第）

ご依頼の流れ

【ヒアリング・相談】ご要望やデザインの共有

【見積もり提示】金額・納期をご案内

【正式発注】ご同意後に着手

【制作・途中確認】進捗を共有しつつ対応

【納品・修正】修正があれば対応

【完了報告】

注意点

サーバー・ドメイン設定代行は別途料金がかかります（ご相談ください）

SEOの内部対策は行っておりません

高度なプラグイン開発や複雑なPHPロジックの開発は要相談です

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

■サービス内容

・LPのコーディング
・WordPressを用いた簡単に更新できるサイトのコーディング
（WordPressオリジナルテーマも可能）

■当サービスの特徴

・低予算かつ短納期で納品
→デザイン以降のコーディング部分に全力を注いでいるため、低予算でスピーディーに対応します。

・高品質な実装を行います
→コーディング後には（chrome、safari、firefox、edge）の各ブラウザにて表示崩れがないか等の品質チェックを行います。

・WordPressのコーディングも可能
→オリジナルテーマでの制作も可能ですので、お客様こだわりのデザインのサイトもWordPressで実装することができます。

・複雑なアニメーションも実装可能
→CSSアニメーション（GSAPライブラリ）を使い、スクロール時やサイト表示時にふわりと表示されるなどの魅力的なアニメーションを実装することができます。

・表示スピードを少しでも早く（脱jQuery）
→サイトに動きを表現するときにjQueryは使用せず、JavaScriptで書くことによってサイトの表示スピードを少しでも早くすることができます。

■全プラン無料の標準サービス

・レスポンシブ対応（スマホ対応）
・基本的なSEO対策
・クロスブラウザ対応（chrome、safari、firefox、edge）
・各種SNSへのリンク
・GoogleマップやYouTubeの埋め込み対応

（以下、Wordpressを使用した場合）
・ブログ機能
・ブログ以外の投稿機能（カスタム投稿）
・簡単に更新できるテンプレート設置（カスタムフィールド）
・基本的なセキュリティ対策

■こんな方におすすめ

・コーダー不足で外注先を探しているディレクターさま
・コーダーのパートナーを探しているデザイナーさま
・手早く丁寧にコーディングをしてくれる人をお探しの方

■私の強み

・コーディング歴5年目の経験がある
・デザイン会社と提携させていただいている
・WordPressの構築も可能
・複雑なCSSアニメーションも可能

私は現在、デザイン会社様より継続的に案件をいただいており、コーポレートサイトから個人事業主さまのブログサイトなど、幅広くWEB関連のコーディング案件を請け負っております。このような現場で培った経験を活かし、デザインに忠実に、なおかつ保守性の高い丁寧なコードを実装いたします。

■制作の流れ

1. ヒアリング
   （※ZOOMでのオンラインミーティングも可能です）
2. お見積もり金額を提示
3. デザインデータを共有、コーディング開始
4. 完成品の確認・修正
5. 最終確認、データ納品
6. 完了報告からお支払いまでのお手続き

■具体的な納品物

・本番環境に公開（お客様の方でご用意いただいているサイトに公開いたします）
・ファイル納品（テーマファイルをZip形式に圧縮してお渡しいたします）

■過去の実績

・岐阜県で新規オープンされたホテルのHP
・神奈川県の訪問介護事業をされている会社のHP
・愛知県にあるスーパー銭湯のHP（下層ページ）
その他・・

■私の特徴

　私は会社員として10年以上、経理業務に携わっていた経験があります。毎日、何十行もの仕訳入力を慎重かつ迅速に行ってきました。そんな経理職で培ってきた正確さと速さを活かし、コーダーとして活動しています。

WEB制作の実績としましては、コーポレートサイトから個人事業主のサロンまで幅広いジャンルのサイトを構築してきました。

特に意識してやっていることは、お客様の要望に合わせて、「見やすく、使いやすい」サイトを作ることです。

例えば、コーポレートサイトでは、企業のイメージやブランドをしっかりと反映させ、信頼感のある印象を与える実装を心掛けています。ボタンの上にカーソルを乗せたときのちょっとした動作も、俊敏で安定感のあるアニメーションを意識してきました。

一方で、個人事業主のサロンなどの場合は、和やかな雰囲気や癒しを感じる実装を心がけています。お店のイメージを引き立て、全体をやんわりと表示させるなど、お客様がこのお店に行きたいと思えるような魅力的な実装を意識してきました。

また、ユーザビリティの視点から、サイトの表示スピードを上げるためにjQueryを使用しないことや、異なるデバイスのブラウザでも表示崩れがないように、コーディング後にはしっかりとチェックを行っています。

私にお声がけいただければ、シンプルで直感的に操作しやすい実装をお約束いたします。

まずはお気軽にご相談ください。
お待ちしております。

【サービス紹介】
デザインデータを元に、高品質なHTML・CSS・JavaScriptコーディングを行い、レスポンシブ対応・SEO最適化も実施します。

【サービスの特徴】
・高品質コーディング：クリーンなコードでメンテナンスしやすい構造
・レスポンシブ対応：スマホ・タブレット・PCで最適な表示
・SEO対策：検索エンジンに強いコーディング
・スピード納品：最短3日で納品（要相談）
・修正対応：納品後3回まで無料修正

【サービスの流れ】
① ご依頼・ヒアリング（デザインデータ・要件を共有）
② コーディング開始（HTML・CSS・JSの実装）
③ 動作確認・修正（テスト環境で確認・修正）
④ 納品（完成データをお渡し）
⑤ アフターサポート（納品後の軽微な修正対応）

【作品】
・コーポレートサイト
https://moritaproductions.com/demo/corporate/

・ファッションサイト
https://moritaproductions.com/demo/fashion/

・家具サイト
https://moritaproductions.com/demo/company/

・弁当デリバリーサイト
https://moritaproductions.com/demo/Lunchbox/

・作品一覧
https://moritaproductions.com/works/

■サービス内容

・コーディングのみ（※デザインは含みません）
・レスポンシブ対応

■納品形式

下記からお選びいただけます。
・HTML/CSSなどのファイル形式
・指定サーバーへのアップロード

■納品期間

・1ページ：初稿3~5日で納品可能
※レスポンシブ対応

■制作の流れ

①ヒアリング＆打ち合わせ
②お見積り
③仮払い（購入）
④コーディング着手
⑤初稿確認
⑥調整・修正
⑦納品

■注意事項

・仮払い後のキャンセルはできません。
・2週間以上経過してご連絡をいただけない場合
※納品完了にご承諾いただいたものと判断し、完了メッセージを送信後、プロジェクト完了とさせていただきます。

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

▼サービス内容

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

▼ご用意いただくもの

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

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

▼ こんな方におすすめ

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

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

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

▼ 料金

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

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

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

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

▼ 納品までの流れ

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

▼ 納品形式

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

▼ 注意事項

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

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

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

はじめまして！
数あるサービスの中からご覧いただきありがとうございます。
株式会社ARCHIPELAGOです。

「デザイン通り、ズレなく再現したい」
そんなご要望に応える、コーディング特化型のサービスをご提供しています。

【 こんな方にぴったりです 】
・デザインカンプはあるけれど、コーディングのリソースが足りない制作会社さま・企業さま
・LPやWebサイト案件を受けたけど、コーディングに自信がないデザイナーさま
・HTML/CSSの基本はできるけど、アニメーションやWordPress化が苦手な方
・日々の業務で手一杯なコーダーさまのサポートとして

【 制作の流れ 】
① ヒアリング・お見積り
ご希望の機能・納品形式・スケジュール感など丁寧にご確認させていただきます。

② デザインデータのご共有（PSD／AI／XD／Figmaに対応）
静的HTMLまたはWordPress（オリジナルテーマ）での実装が可能です。

③ トップページの実装 → ご確認
④ 下層ページの実装 → 2〜3ページごとに進捗共有
⑤ テストサーバーにて全体確認 → 修正対応
⑥ 最終納品（zip形式 または サーバーへアップロード）
※サーバー納品の場合はFTP情報をご共有ください。

【 料金目安 】
トップページ（レスポンシブ対応）：20,000円〜
※複雑なアニメーション・機能については別途お見積りいたします。

【 対応環境 】
PC：Chrome・Safari・Firefox・Edge（※Firefox・Edgeは擬似環境）
スマホ：主要ブラウザすべて対応

ご相談・お見積りは無料です。
「少し話を聞いてみたい」という方も、お気軽にご連絡ください！

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

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

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

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

HTMLメールはメルマガ配信ツールなどで、
簡単に作成することができますが、

CSSやVIEWPORT設定まで対応していないツールもあり、
端末やメールクライアントによって、文字化けや表示崩れを起こすケースが多いです。

PCだとOutlookやWindowsメール、
モバイルではAndroidなど対応していないCSSがほとんどです。

これではせっかく時間をかけてメールを作成しても、
メール内リンクからの回帰は望めません。

本サービスの３つの特徴

①メール到達率を改善
可能な限りファイルサイズを抑えることで
各社サーバーの原稿容量制限と画像容量制限をクリアし、
より多くのリードリストにメール配信を可能にします。

②開封率を改善
プリヘッダーテキストを使用し、
メール一覧画面に表示される冒頭文を
訴求効果の高いキャッチコピーに変更します。

③回帰率を改善
幅広い環境で快適に閲覧可能なメールから、
正常に表示されるCTAボタンにより、
リンククリック率を改善します。

▼制作の流れ
1.ご購入

2.当方より打ち合わせ日程のすり合わせ

3.簡単なワイヤーフレームを提出いたします。

4.問題が無ければ画像とロゴデータのURLをご教示ください。

5.納品　※納品ファイルはHTMLファイルのソースコード形式となります。

画像の中の物体の数や位置を検出できます。

学習済みモデルを使うと、「人」「乗り物」「犬猫」などが検出できます。
また任意の物体の画像を機械学習(転移学習)させることもでき、その物体を検出できるようになります。

使用法としては例えば、次の「人数カウンタ」のようなWebアプリを作成できます。
https://www.youtube.com/watch?v=lF_Cz2K_sVI
（クリックではなくURLをブラウザのアドレスバーへコピー貼り付けしてください）

ソフトにフリーライセンスで商用利用可能な「YOLOv3」を使用します。
任意の物体の画像の機械学習は、画像50枚程度から行えます。

ベーシック販売価格は、ソフトのインストールと、画像から物体の座標を返す基本的なAPI機能の実装費用となります。

それ以上の機能の実装や、任意の物体の画像の機械学習をご要望の場合は、1日作業費3万円(税別・Lancers手数料別)でお見積りさせていただきます。お気軽にご相談ください。

〇弊社AIのアピールポイント
Flaskでモデルをメモリに常駐させる手法です。Webのアクセスごとに大きなモデルが読み込まれることがないので、月額1,000円程度のサーバーでも比較的応答速度が速いです。

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

デザインはあるけどコーディングができなくて困っている方へ
デザインさえ用意してもらえればクオリティの高いコーディングをいたします。

【基本サービス内容】
・HTML / CSS コーディング
・レスポンシブ対応

【オプションでのサービス内容】
・下層ページのコーディング：10,000円〜

【注意事項】
・レンタルサーバーの用意とドメイン取得はお客様自身でお願いします
・デザインデータはFigmaかXDであれば共有URLでお願いします
・1ページのコンテンツ量が多い場合は追加料金する場合があります
・コーディング方法はVSCodeで実装していきます

まずは相談かメッセージでお気軽にお問い合わせください。

1. カスタムデザイン
   ・お客様のブランドイメージに合わせたオリジナルデザインを提供。
   ・ユーザーエクスペリエンスを重視し、視覚的に魅力的なレイアウトを実現。

2. レスポンシブ対応
   ・スマートフォンやタブレットなど、すべてのデバイスで快適に閲覧可能なレスポンシブデザイン。
   ・検索エンジン最適化（SEO）にも配慮した設計。

3. WordPress統合
   ・WordPressを使用した簡単なコンテンツ管理を実現。
   ・お客様が自分でコンテンツを更新できるよう、使いやすいインターフェースを提供。

4. 機能追加
   ・必要に応じて、プラグインの導入やカスタム機能の追加をサポート。
   ・お問い合わせフォームやギャラリー、ブログ機能など、目的に応じた機能を実装。

5. SEO対策
   ・検索エンジンでの上位表示を目指すための基本的なSEO設定を実施。
   ・キーワード選定やメタタグの設定を行い、集客効果を向上。

6. サポートとメンテナンス
   ・サイト公開後のサポートやメンテナンスサービスを提供。
   ・定期的なバックアップや更新作業を行い、安全な運営をサポート。

7. 納品後のトレーニング
   ・お客様が自身でサイトを管理できるよう、操作方法のトレーニングを実施。
   ・より良い運営のためのヒントやコツを提供。

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

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

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

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

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

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

下記のようなお悩みをお持ちの方
・デザインは決まったけど、コーディング が出来ない。
・忙しくて、コーディングを外注したい。
どうかお気軽にご相談、お問合わせ下さい。

●サービス内容（1ページ分となります）
①HTML/CSSでの静的コーディング
②レスポンシブ対応
③スライダー等のアニメーション実装（jQuery対応）
尚、複雑な動きをご希望の場合は、お受けできかねる場合があります。
一度ご相談頂けます様、お願い致します。

●納期
着手から7日程度となります（1ページのみの目安）
尚、ページ数やコンテンツにより変動します。
こちらもお気軽にご相談、お問合せ下さい。

●制作物のご確認と修正
部分的な小さい変更などにも、柔軟にご対応致します。
こちらもお気軽にご相談、お問合せ下さい。
制作中は何度か制作物のご確認をさせて戴きます。

●お見積もり時にわかる範囲でお知らせ下さい。
・ご依頼内容
・ページ数
・デザインの画像データ（データ形式はご相談下さい）
・その他使用する画像素材
・アニメーションの有無
・ご予算
・ご希望納期

⚫︎納品方法
サーバーにアップロードもしくはZipファイルを
お渡しする方法のいずれかになります。
※サーバーアップロードの場合、FTP情報をお知らせ下さい。