「サービス紹介ページがない」を4ページ同時にClaude Codeで解決。制作の裏側を公開

「サービス紹介ページがない」を4ページ同時にClaude Codeで解決。制作の裏側を公開

記事
IT・テクノロジー
コンサルタントのしおかぜです。ちなみにこの記事も私の情報をもとにClaude codeが私のライターとなり制作してくれています。

---

「ホームページ制作をお願いしたいんですが、料金ページってどこですか?」

お客様からこう聞かれて、口頭で説明したり、LINEで個別に資料を送ったり。正直なところ、それで回っていた時期もありました。

ただ、中小企業・個人事業主の経営者や中小企業・個人事業のビジネスの経営者に「ホームページは信頼の入り口ですよ」と提案する立場なのに、自社のサービス紹介ページがない——これは説得力に欠けます。

そこで今回、美容室ホームページ制作・ECサイト制作・求人サポート・LINE公式アカウント構築の4サービスを、一気にLP(ランディングページ)として公開しました。

---

## なぜ「4ページ同時」にこだわったのか


私がこの課題に取り組む際に活用しているのが **Claude Code** です。日々の作業ログや設定ファイルの確認、記事の構成案まで、Claude Codeに相談しながら進めることで、一人でも高速に質の高いアウトプットを出せるようになりました。

理由はシンプルです。**1ページだけ作って残りを後回しにすると、結局いつまでも揃わないから**です。

中小企業・個人事業主の経営者なら、「メニュー表を1つだけ作って、残りは来月ね」と言われたら不安になりますよね。同じことです。

サービスの全体像が見えてこそ、お客様は安心して相談できます。

もう一つの理由は、**商談の場面で「見せるページ」がなかった**こと。過去の制作実績をスマホで見せたり、口頭で料金感を伝えたりしていましたが、これだとお客様が後からスタッフ間で共有しづらい。

ページがあれば「これ見てください」の一言で済みます。

---

## Claude(AIツール)は「下書き役」として活用

今回、デザインの初期段階でAIデザインツールを使いました。サービスの特徴やターゲットを入力すると、ページの構成案やビジュアルの方向性を出してくれる仕組みです。

ただし、**AIが出してきたデザインをそのまま使うわけではありません**。

色味やフォントサイズ、セクションの順序をブランドに合わせて調整する。ここが「AIに丸投げ」と「AIを道具として使う」の分かれ目です。

わかりやすく言えば、**「AIが下書きを作ってくれて、プロが仕上げる」という流れ**。メニュー開発でレシピサイトを参考にしつつ、最終的には自分の技術で仕上げるのと似ています。

---

## 美容室向けLPで意識した「3つの判断基準」

4ページの中で最も力を入れたのが、美容室ホームページ制作のLPです。ご相談いただく中小企業・個人事業のビジネスの中で、中小企業・個人事業主が最も多いからです。

デザインで意識したのは、この3点。

**1. 余白を広くとる**
情報を詰め込みすぎると、それだけで「この人に頼んで大丈夫かな」と不安になります。余白は高級感を生む、一番コストのかからない手段です。

**2. 「見た目」より「お客さんが来るかどうか」を伝える**
「こんなサイトを作りました」と画像を並べるだけでなく、「このホームページからどう集客につながるか」というストーリーを添えました。経営者が本当に知りたいのは、デザインの良し悪しではなく成果です。

**3. お問い合わせボタンは1種類に絞る**
「無料相談」「資料請求」「電話する」と選択肢を増やすと、逆に迷って離脱されます。中小企業・個人事業主の経営者はLINEでのやりとりに慣れている方が多いので、「LINEで相談する」に一本化しました。

---

## 公開前のチェックリスト——これは外注時にも使えます

ページを公開する前に、必ず確認したポイントがあります。

- スマートフォン実機での表示チェック(中小企業・個人事業主の経営者の多くはスマホで閲覧します)
- お問い合わせ導線がちゃんと動くか
- SNSでシェアしたときのサムネイル画像は設定済みか
- ページタイトルや説明文は各ページごとに固有か

このチェックリストは、**ホームページ制作を外注するときにも使えます**。「納品時にここを確認してください」と制作会社に伝えるだけで、公開後のトラブルがかなり減ります。

---

## まとめ:提案する側が「まずやってみせる」ことの大切さ

今回、4ページのサービスLPを同時に公開したのは、**「自分たちが提案していることを、自分たちでもちゃんとやる」**ためでした。

ホームページ制作の仕事をしているのに、自社のサービス紹介が整っていない。これは中小企業・個人事業主がヘアカタログを用意していないのと同じです。

Claude(AIツール)で初速を上げつつ、最終的な判断と仕上げは人の手で丁寧に。この**「道具は使い倒すが、判断は人がやる」**というスタンスは、お客様のホームページ制作でも大切にしている考え方です。

「うちもそろそろホームページをちゃんとしたい」
「LINEを活用した集客を考えている」

そんなタイミングが来たら、お気軽にプロフィールからご相談ください。今回作ったLPそのものが、私の提案力の一端をお見せできるはずです。

---

WEBサイト制作・広告運用・業務自動化など、Claude Codeを活用した仕組みづくりをご支援しています。「何から始めればいいか分からない」という方も、お気軽にプロフィールからご相談ください。
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら