WEB CODING / WORDPRESS
修正や拡張を 繰り返しても 崩れない。
管理しやすいWebサイトを。
コーディングとWordPress構築をお手伝いします。
SELECTED WORKS / 01
制作実績
これまでに携わったWebサイト・LPをご紹介します。
-
WEB SITE
サイトリニューアル
HOUSESAVERS
- 担当範囲
- ディレクション／デザイン／フロントエンド／バックエンド
- 使用ツール
- Figma／HTML/CSS／Illustrator／JavaScript／Photoshop／PHP／WordPress
- 公開
- 2025年11月16日
SERVICE / 02
サービス内容
デザインデータをもとにしたコーディングから、WordPress構築、公開後の修正・保守まで対応します。
コーディング代行
Figma・XD・Photoshopのデザインデータをもとに、HTML/CSSでコーディングします。BEM／FLOCSSによる保守性の高いマークアップ、スマートフォン・タブレットへのレスポンシブ対応、JavaScript・GSAPによるアニメーション実装まで対応します。
WordPress構築
オリジナルテーマの構築、カスタム投稿・カスタムフィールドの設定、ブロックエディタの最適化など。専門知識がなくても記事やお知らせを更新できる、扱いやすい管理画面をつくります。
LP制作・修正／保守
LPのコーディングやお問い合わせフォームの実装のほか、既存サイトのテキスト差し替え・ページ追加・表示崩れの修正、WordPressやプラグインのアップデート確認などのスポット対応も承ります。
WHY NOMADOWORKS / 03
選ばれる理由
保守性の高い、
修正しやすいコード設計将来の拡張やデザイン変更を見据え、BEMやFLOCSSなどの設計手法を取り入れた可読性の高いコーディングを行います。規則性のあるマークアップにより、納品後の追加修正や他社様への引き継ぎもスムーズに対応できます。
更新が直感的に行える
WordPress構築専門知識がなくても簡単に記事やお知らせを更新できるよう、扱いやすい管理画面を構築します。カスタムフィールドの活用やブロックエディタの最適化により、入力ミスやレイアウト崩れを防ぎ、ストレスのない日々の運用を支えます。
公開後の修正・保守にも
柔軟に対応サイト公開後のテキスト差し替えやバナー更新、ページの追加などのスポット修正から、既存サイトの崩れ修正まで対応します。WordPressやプラグインのアップデート確認など、公開後も安心して運用を続けられるようサポートします。
ESTIMATE / 04
まずはお見積もりを
知りたい方へ。
お見積もりシミュレーターで、必要な項目を選ぶだけで制作費用の目安を確認できます。
表示価格は税別です。正式なお見積もりはヒアリング後にご提示します。
-
¥36,000
-
¥12,000
ページ -
¥6,000
ページ -
¥48,000
-
¥22,000
式 -
¥18,000
件 -
¥10,000
-
¥7,000
-
¥4,000
式 -
¥6,000
-
¥6,000
-
合計の10%
-
¥20,000
-
¥7,000
-
¥4,000
-
¥4,000
枚 -
¥5,000
-
¥5,000
-
¥4,000
枚 -
¥5,000
枚 -
¥5,000
枚 -
¥2,000
枚 -
¥12,000
枚 -
¥3,000
個 -
¥2,000
-
¥4,000
枚 -
¥2,000
PRICE / 05
料金目安
一般的な企業サイトを想定した料金の目安です（税別）。アニメーション1式は標準で含み、ブラウザ検証・内部SEO・特急対応はオプション（別途）となります。
料金目安サマリー
一般的な企業サイト想定・税別
| 規模 | 想定ページ構成 | HTML/CSS | WordPress | 納期目安 | ご相談 |
|---|---|---|---|---|---|
| 5P | TOP / 事業内容 / 会社概要 / お問い合わせ / プライバシーポリシー | 10万円〜 | 15万円〜 | 約5〜10日 | |
| 10P | TOP / 会社概要 / 事業紹介TOP / サービスA〜C / お知らせ一覧・詳細 / お問い合わせ / プライバシーポリシー | 16万円〜 | 23万円〜 | 約10〜15日 | |
| 15P | TOP / 会社概要 / 事業紹介TOP / サービスA〜D / 実績一覧・詳細 / お知らせ一覧・詳細 / 採用情報 / FAQ / お問い合わせ / プライバシーポリシー | 22万円〜 | 32万円〜 | 約21日〜 |
5P HTML/CSS 10万円〜 
- 想定ページ構成
- TOP / 事業内容 / 会社概要 / お問い合わせ / プライバシーポリシー
- HTML/CSS
- 10万円〜
- WordPress
- 15万円〜
- 納期目安
- 約5〜10日
10P HTML/CSS 16万円〜
- 想定ページ構成
- TOP / 会社概要 / 事業紹介TOP / サービスA〜C / お知らせ一覧・詳細 / お問い合わせ / プライバシーポリシー
- HTML/CSS
- 16万円〜
- WordPress
- 23万円〜
- 納期目安
- 約10〜15日
15P HTML/CSS 22万円〜
- 想定ページ構成
- TOP / 会社概要 / 事業紹介TOP / サービスA〜D / 実績一覧・詳細 / お知らせ一覧・詳細 / 採用情報 / FAQ / お問い合わせ / プライバシーポリシー
- HTML/CSS
- 22万円〜
- WordPress
- 32万円〜
- 納期目安
- 約21日〜
- ※ WordPressの金額は、HTML/CSSコーディングとWordPress化費用の合計です。
- ※ ページ数が同じでも、デザインの複雑さ・フォーム・投稿機能・カスタムフィールド・アニメーション量により金額は変動します。
- ※ 納期はデザインデータをいただいてからの目安です。ページ数や機能、確認のやり取りによって前後します。
LPコーディング料金の目安
税別
| パターン | 構成 | 料金目安 | 納期目安 | ご相談 |
|---|---|---|---|---|
| ① HTML/CSS・フォームなし | LPコーディングのみ | 48,000円〜 | 約3〜7日（内容による） | |
| ② HTML/CSS・フォームあり | LP＋お問い合わせフォーム | 66,000円〜 | 約3〜7日（内容による） | |
| ③ WordPress・フォームなし | LPコーディング＋WordPress化 | 67,000円〜 | 約3〜7日（内容による） | |
| ④ WordPress・フォームあり | LP＋WordPress化＋フォーム | 97,000円〜 | 約3〜7日（内容による） |
① HTML/CSS・フォームなし 料金目安 48,000円〜
- 構成
- LPコーディングのみ
- 料金目安
- 48,000円〜
- 納期目安
- 約3〜7日（内容による）
② HTML/CSS・フォームあり 料金目安 66,000円〜
- 構成
- LP＋お問い合わせフォーム
- 料金目安
- 66,000円〜
- 納期目安
- 約3〜7日（内容による）
③ WordPress・フォームなし 料金目安 67,000円〜
- 構成
- LPコーディング＋WordPress化
- 料金目安
- 67,000円〜
- 納期目安
- 約3〜7日（内容による）
④ WordPress・フォームあり 料金目安 97,000円〜
- 構成
- LP＋WordPress化＋フォーム
- 料金目安
- 97,000円〜
- 納期目安
- 約3〜7日（内容による）
- ※ アニメーションは別途（1点 4,000円〜）。含める場合は各パターン＋4,000円となります。
- ※ LPの長さが10,000pxを超える場合、10,000pxごとに＋5,000円となります。
FAQ / 06
よくあるご質問
ご依頼前によくいただくご質問をまとめました。ここにない内容もお気軽にお問い合わせください。
デザインデータがなくても依頼できますか？
デザインデータ（Figma・XD・Photoshop）がある場合はスムーズに進められますが、参考サイトやラフをもとにしたご相談も可能です。必要に応じて、デザインの進め方からご提案します。
納期はどのくらいかかりますか？
デザインデータをいただいてから、LPで約3〜7日、5ページ程度のサイトで約5〜10日が目安です。ページ数や機能、確認のやり取りによって前後しますので、ご希望の公開日があればお気軽にご相談ください。
料金はどのように決まりますか？
ページ数をもとに、デザインの複雑さ・フォーム・投稿機能・カスタムフィールド・アニメーション量などを加味してお見積もりします。目安は「料金目安」や「お見積もりシミュレーター」でご確認いただけます。
WordPressの修正や保守だけでも依頼できますか？
はい、対応しております。テキストの差し替えやページ追加、表示崩れの修正、WordPressやプラグインのアップデート確認など、スポットでのご依頼も承ります。
制作中の修正は何回まで対応してもらえますか？
制作中の修正は2回まで対応いたします。修正点はスプレッドシートなどに一覧でまとめてご記入いただけますと、漏れなくスムーズに反映できます。
納品の形式を教えてください。
サーバーへのアップロード・公開作業まで対応いたします。ご希望に応じて、ファイル一式での納品も可能です。
PROCESS / 07
制作の流れ
お問い合わせから公開まで、4つのステップで進めます。
STEP 01 お問い合わせ・ヒアリング
Webサイト制作やLP制作、コーディング代行に関するご相談・お見積もりは、お問い合わせフォームよりお気軽にご連絡ください。目的や納期、ご予算のほか、デザインデータの形式（Figma、XD、Photoshop等）や希望される仕様（WordPress導入、アニメーション実装など）について丁寧にお伺いします。具体的な仕様が決まっていない段階でのご相談も歓迎しております。
-
STEP 02 要件定義・お見積もりのご提示
ヒアリング内容をもとに、必要なページ構成や実装範囲、デザインカンプの仕様を細かく確認します。保守性の高い設計方針や、ターゲットに応じたレスポンシブ対応（スマートフォン・タブレット最適化）の仕様を整理し、作業工数と納期を算出した明確なお見積書をご提示いたします。
-
STEP 03 コーディング実装・テスト環境での
動作検証セマンティックなHTML構造とCSS設計によるマークアップを行い、検索エンジンに評価されやすいSEO内部対策を意識したコーディングを進めます。JavaScriptやGSAPを用いた動きの実装、WordPressの独自テーマ構築・カスタムフィールド設定なども対応可能です。実装後はテストサーバーへアップロードし、主要ブラウザや各種デバイスでの表示崩れ、リンク切れ、フォームの送受信動作を厳密にチェックしていただきます。
-
STEP 04 公開・本番納品・アフターフォロー
お客様による最終確認が完了後、本番サーバーへのアップロード作業や既存ドメインへの反映を行い、サイトを一般公開いたします。ファイル納品（zip形式やGit経由）にも柔軟に対応可能です。公開直後の表示確認はもちろん、WordPressの管理画面の操作方法や更新手順のご案内など、納品後もスムーズに運用いただけるようサポートいたします。
CONTACT / 09
Web制作・
コーディングのご相談
制作内容やご予算、公開スケジュールなど、まずはお気軽にご相談ください。
「まだ要件が固まっていない」「見積もりだけ確認したい」といった段階でのご連絡も歓迎しております。
原則として、2営業日以内に丁寧にご返答いたします。
まずは費用感を知りたい方は
お見積もりシミュレーター