# Web制作サービス — 企業サイト・採用ページ・ECサイト

Source: https://harudev.com/web-production/
Last updated: 2026-11-13
Site: HARU (https://harudev.com/)

## 1. 結論 — HARU が作る Webサイト / ECサイト

HARU は、**小規模事業者・個人事業主** のお客様を中心に、Webサイト / 採用ページ / ECサイト / ランディングページの企画から制作、納品後の内製更新支援までを提供します。

- **企業サイト / サービスサイト**: 5〜30 ページ規模の中小企業サイト、クリニック・教室・サロンサイト
- **採用ページ / 採用サイト**: 中小企業の人材採用向け。1 ページ完結型から 5〜10 ページ規模まで
- **ランディングページ(LP)**: 1 商品 / 1 サービスにフォーカスした縦長ページ。広告流入向け
- **ECサイト**: Shopify / カラーミーショップ / 独自カート(Django + Stripe 等)の構築
- **ポートフォリオ / プロフィールサイト**: 個人事業主・フリーランスの方の発信ページ

納品後に **「自分たちで更新できる」状態にする** ことを、最重視しています。**外注先に依存し続けるサイト** ではなく、**御社で運用できるサイト** をお渡しします。

[お問い合わせ → お問い合わせフォーム](https://harudev.com/contact/?service=web-production)
[選ばれる理由を見る → 選ばれる理由](https://harudev.com/reason/)

---

## 2. どんなご依頼が多いか

### 2-1. 中小企業のコーポレートサイト

5〜30 ページ規模の企業サイトを作ります。**会社概要 / サービス紹介 / 採用情報 / アクセス / お問い合わせ** といった standard な構成をベースに、御社の事業内容と顧客像に合わせて設計します。

既存のサイトを **「スマホ対応にしたい」「古くなったので刷新したい」** というリニューアル案件も多くご依頼いただきます。

### 2-2. 採用ページ / 採用サイト

中小企業の採用活動向けに、**1 ページ完結の採用ページ** を作ります。新卒採用 / 中途採用 / アルバイト採用、それぞれに合わせた構成をご提案します。

**「求人広告を出すほどではないが、採用ページだけは整えたい」** というスモールスタートのご相談にも対応します。

### 2-3. ECサイト

Shopify / カラーミーショップ / 独自カートのいずれかで構築します。**商品数 50 以下 / 月商 100 万円以下** のフェーズの小規模 EC を得意とします。

**「実店舗は持っているが、ネット販売はまだ」** という初めての方向けに、**商品登録 / 決済 / 配送設定まで一通り整えた状態** でお渡しします。

### 2-4. ランディングページ(LP)

1 つのサービス / 1 つの商品にフォーカスした縦長ページです。**広告からの流入を最大化** するための構成を、**ファーストビュー / 特徴 / ベネフィット / 信頼性 / CTA** の流れで設計します。

### 2-5. ポートフォリオ / プロフィールサイト

個人事業主 / フリーランスの方向けに、**「自分自身を売る」** ためのプロフィールサイトを作ります。**「自分のサービス内容 / 実績 / 想い / 連絡先」が一目で伝わる** 構成が standard です。

---

## 3. 使用技術

| 領域 | 技術 |
|------|------|
| フロントエンド | HTML / CSS / JavaScript / Tailwind CSS |
| バックエンド(PHP 系) | PHP / WordPress(既存カスタマイズ) |
| バックエンド(Python 系) | Python / Django / Flask |
| データベース | MySQL / SQLite |
| インフラ | AWS / Nginx / uWSGI |
| 外部サービス | Shopify / カラーミーショップ / Stripe / Square / PayPal |

**「ノーコードで完結する案件」** も対応可能です。**WordPress + 既存テーマ + カスタマイズ** のような standard な構成から、**Django で 1 からスクラッチ開発する案件** まで、**御社の規模と運用体制に合わせて** 技術選定します。

---

## 4. 制作の進め方 — STEP 5 つ

### STEP 01 — お問合せ

[お問い合わせフォーム](https://harudev.com/contact/) から、「サイト種別」「ページ数の目安」「ご希望の納期」をお知らせください。

### STEP 02 — ヒアリング(60 分 / オンライン or 対面)

御社の事業内容 / ターゲット顧客 / 既存サイトの有無 / 競合 / ブランドイメージ / 内製更新のご担当者 / ご予算感を伺います。**「作りたいサイトはあるが、言語化がまだ」** という段階でも、**60 分のヒアリングで方向性を一緒に整理** します。

### STEP 03 — 企画・構成案の提示

**ページ構成案 / デザインの方向性 / 機能一覧 / スケジュール / お見積り** を、**1〜2 週間以内** にお出しします。**企画段階で「やめる / 範囲を絞る / 機能を変える」を判断していただく** のが、HARU のやり方です。

### STEP 04 — デザイン → 実装 → テスト

**ワイヤーフレーム → デザインカンプ → 実装 → テスト環境での確認 → 本番公開** の順で進めます。**途中で 2〜3 回、レビューとフィードバックの機会** を設けます。

### STEP 05 — 納品 + 内製更新マニュアル

本番公開後、**更新マニュアルをお渡し** します。**WordPress の投稿方法 / Shopify の商品登録方法 / HTML/CSS の基本 / サーバーに画像を上げる手順** など、**御社の運用担当者の方が独り立ちできる粒度** でドキュメント化します。

### STEP 06(任意) — 運用サポート

公開後の **3 ヶ月 / 6 ヶ月のスポットサポート契約** も承ります。**小さな修正 / 機能追加 / アクセス解析のサポート** をお任せください。

[ご利用の流れページで詳細を見る →](https://harudev.com/flow/)

---

## 5. 既存サイトのリニューアルについて

既存のサイトがある場合、**リニューアル** も承っています。

- **デザインだけ刷新したい** → CSS のリファクタリングで対応
- **機能を追加したい**(例: ブログ / 求人フォーム / カレンダー予約) → 既存システムへの追加開発で対応
- **CMS を WordPress に移行したい** → 既存ページを取り込みつつ、管理画面を整えます
- **サーバーを移転したい** → AWS / さくら / エックスサーバーへの移転を伴走します

**「今のサイトは残しつつ、部分的に刷新したい」** というご要望にも応じます。

---

## 6. 内製更新の支援 — 「外注先に頼り続ける」をやめる

HARU の Web制作は、**納品して終わり** ではなく、**納品後に御社で運用できる状態** をお渡しすることを重視しています。

- **更新マニュアル**: WordPress / Shopify / HTML / CSS の基礎を、**御社の運用担当者の方が独り立ちできる粒度** でドキュメント化
- **30 分の操作レクチャー**: 納品時に **30 分のハンズオンセッション** をお付けします
- **3 ヶ月スポットサポート**: 納品後 3 ヶ月間、**「ちょっと分からない」をチャットで相談できる** スポット契約

**「外注先に依存し続けるサイト」** ではなく、**「自分たちで運用できるサイト」** をお渡しします。

---

## 7. SEO / ライティング / 画像素材の扱い

### 7-1. SEO 初期設定

納品時に、**SEO 初期設定** を済ませた状態でお渡しします。

- title / meta description / h1 / canonical / OGP の整備
- 構造化データ(JSON-LD)の埋め込み
- サイトマップ / robots.txt の生成
- Google Search Console / Google Analytics の初期設定

### 7-2. ライティング

サイト内の文章(Hero / About / サービス紹介 / 採用ページ)は、**ライターの方へ外注する / HARU が直接書く / 御社で書かれたものを HARU が整える** の 3 パターンから選べます。

### 7-3. 画像素材

画像素材は、**フリー素材 / 御社ご提供の写真 / イラスト / 撮影** の 4 パターンから選べます。撮影が必要な場合は、**カメラマンを紹介することも可能** です。

---

## 8. 料金について

セキュリティ対策を丁寧に行ったうえで、**SEO / LLMO / AIO / GEO / MEO** まで作り込んだコーポレートサイト・サービスサイトを制作します。料金の目安は次のとおりです(税別)。

| 種別 | 料金の目安 | 内容 |
|---|---|---|
| コーポレートサイト | **500,000 円〜** | 10〜15 ページ程度。セキュリティ対策・SEO / LLMO / AIO / GEO / MEO 設計込み |
| サービスサイト | **800,000 円〜** | サービス訴求・導線設計・各種最適化まで作り込み |
| 平均的なご予算 | **約 850,000 円** | 上記の組み合わせ・機能追加を含めた平均的な金額 |

ページ数 / 機能 / 納期 / デザイン要件によって金額は変わります。**「企業サイト 10 ページ」「EC サイト 50 商品」「LP 1 ページ」** のようなボリューム感が分かれば、正式なお見積りをご提示できます。[お問い合わせフォーム](https://harudev.com/contact/) から 2〜3 行でお知らせください。

---

## 9. よくあるご質問(抜粋)

### Q1. 既存サイトのリニューアルだけでもお願いできますか?

はい、可能です。**「デザインだけ刷新」「機能だけ追加」「CMS だけ移行」** など、部分的なご依頼も承っています。

### Q2. サーバーの契約やドメイン取得もお願いできますか?

はい、**AWS / さくら / エックスサーバー / お名前.com / ムームードメイン** などの手配を、**お客様に代わって行います**。**ご契約名義は御社** で、HARU は代理購入のみを行います。

### Q3. 制作中のデザイン修正は何回までできますか?

**2〜3 回** のフィードバック機会を設けるのが standard です。**「途中で方向性が大きく変わる」「当初スコープにない機能を追加する」** 場合は、追加費用 / 追加納期のご相談をさせていただくことがあります。

### Q4. 納品後の運用もお願いできますか?

はい、**3 ヶ月 / 6 ヶ月のスポットサポート契約** を承っています。**月 1 回の定期ミーティング + チャットでのスポット相談** が standard です。

### Q5. 撮影や取材もお願いできますか?

撮影は **カメラマン / ビデオグラマーをご紹介** できます。取材・インタビューは、**ライターをご紹介** できます。

### Q6. EC サイトの場合、商品登録までお願いできますか?

はい、**初期 50 商品程度の登録** までは HARU 側で対応します。**100 商品を超える大量登録** は、**運用担当者の方が手順を学ぶ形** でお渡しします。

[すべてのよくある質問を見る →](https://harudev.com/faq/)

---

## 10. さいごに — 「作れる」と「運用できる」の間にあるもの

Webサイトは、**作って終わり** ではなく、**運用しながら育てていくもの** です。

作って 1 年放置されたサイトは、**情報が古くなり、検索結果でも順位を落とし、求職者からも見向きされなくなります**。逆に、**月 1 回更新されるサイトは、鮮度が保たれ、少しずつアクセスが伸びていきます**。

HARU は、**作って終わりではなく、作った後を御社で運用できる状態を作る** 仕事をしています。**外注先に依存し続ける関係** ではなく、**御社の中で運用が回る状態** をお渡しします。

企業サイト、採用ページ、ECサイト、ランディングページ。何から手をつけるか迷ったら、[お問い合わせフォーム](https://harudev.com/contact/) で 2〜3 行ご相談ください。

[お問い合わせ → お問い合わせフォーム](https://harudev.com/contact/?service=web-production)
[IT研修も見る → IT研修サービス](https://harudev.com/it-training/)
[選ばれる理由を読む → 選ばれる理由](https://harudev.com/reason/)
[ご利用の流れを確認 → ご利用の流れ](https://harudev.com/flow/)
[プロフィールを読む → プロフィール・経歴](https://harudev.com/profile/)
[会社概要を見る → 会社概要](https://harudev.com/company/)
[よくある質問も見る → よくある質問](https://harudev.com/faq/)
