【ひとり企業】Vol.2 ChatGPTのSitesで作るマイクロ法人サイト ～noteのコンテンツ資産を活かすソロプレナーサイト～

📌この記事1枚でわかること

・外注せず、ChatGPT Sitesで自分の手でコーポレートサイトを作った話
・今まで書いてきたnote記事が、そのままサイトのコンテンツ資産になったこと
・「問い合わせフォーム」ではなく「面談アポイントを取る仕組み」にした理由と、その汎用性

はじめに

🎀 Erica「前回の記事の最後、覚えてる？『続きが気になるなら、コメントで教えてね』って言ったやつ。実はあれから、本当にサイトを作り始めちゃったの。今回作ったコーポレートサイトはこちら。実際に担当者と相談アポイントもとれるわよ。↓」

前回の記事では、AIエージェントを"社員"に見立てた「ひとり企業」の構想をお話ししました。あのときはまだ、連載にするかどうかも決めていませんでした。

でも、あれから実際に動き出しました。今回はその続報として、ChatGPT Sitesを使って会社のコーポレートサイトを作った話をお伝えします。

ただのサイト制作記ではありません。この記事では、他のコーポレートサイトとは違う、2つの工夫についてお話しします。

📝 なぜChatGPT Sitesを選んだか

🔹 外注しない理由

コーポレートサイトを作るとなると、普通はWeb制作会社に依頼するのが一般的です。ただ、ひとり企業にとって、外注には時間とコストという2つのハードルがあります。

ChatGPT Sitesは、チャットで要望を伝えるだけでサイトを作り、そのままURLで公開までできる機能です。デザイナーやエンジニアを挟まずに、会話だけで形にできるスピード感が、ひとり企業のスタイルにちょうど合っていました。

🔹 会話→プレビュー→修正→公開、というシンプルな流れ

作り方はいたってシンプルです。作りたいものを文章で伝え、プレビューで確認し、気になるところを会話で直し、最後にURLで公開する。この4ステップの繰り返しだけで、サイトが少しずつ形になっていきます。

📝 差別化ポイント①：note記事が、そのままサイトのコンテンツになる

サイトを作り始めて最初に気づいたのは、「コンテンツに困らない」ということでした。

🔹 プロダクト紹介・実績ページの中身は、すべて過去のnote記事がベース

自社プロダクトの紹介ページも、開発実績（WORKS）ページも、ゼロから文章を書き起こす必要がありませんでした。noter-reportのSaaS開発、AI対話型のサイト構築、ChatGPT SitesでのLP制作、ナレッジマネジメント、ゲーム開発、Flutter×Supabaseでの予約管理システム、タッチタイピングアプリ——これまでnoteに書いてきた開発記録が、そのままサイトの中身になりました。

🔹 予約カレンダーのUI仕様も、過去の記事の設計をそのまま転用できた

後述する「面談アポイントを取る仕組み」のカレンダーUIも、実は以前note記事のためにFlutterで設計していた1on1予約管理システムの仕様がベースになっています。記事を書くために考えたロジックが、そのまま自社サイトの機能として生きました。

🔹 なぜリンクを多く並べているのか

WORKSページには、あえて過去記事へのリンクを数多く並べています。狙いは単なる実績紹介ではありません。訪問者がサイトに長く滞在し、数ある記事の中から「これは自分に関係がありそうだ」と思える1本を見つけてもらうための設計です。

興味を持った入口が増えるほど、会社への理解が深まり、後述する「相談アポイント」への導線も太くなっていきます。

毎日書いてきた記事が、後から会社の資産に変わる。これはnoteを日々運営してきた人間だからこそ実感できる、他にはない強みだと思っています。

📝 差別化ポイント②：「問い合わせフォーム」ではなく「面談アポイントを取る仕組み」

🔹 課題：コーポレートサイトは、行動までの手順が多い

AmazonやRakutenのようなECサイトなら、気に入った商品をその場でカートに入れて購入まで完結できます。しかし一般的なコーポレートサイトは、「問い合わせフォームを送る→メールが返ってくる→日程を相談する→ようやく面談」という何段階もの往復が必要です。この手順の多さが、途中での離脱を生みます。

🔹 解決策：予約カレンダー付きフォームで、アポイントまで一気に完結させる

そこで今回のサイトでは、通常の問い合わせフォームに加えて、候補日時をその場で選べるWeb相談アポイントの予約カレンダーを組み込みました。訪問者は「相談したい」と思ったその場で、直近の営業日の中から候補日時を最大3つ選び、送信するだけで面談のアポイントが取れます。メールの往復は必要ありません。

🔹 仕組みの具体例

カレンダーは、直近の営業日3日分×9時・13時・16時の3枠、計9マスのシンプルなチェックボックス形式です。3つ選ぶとそれ以外は自動でグレーアウトし、開始2時間前を過ぎた枠も自動的に選択できなくなります。凝った見た目のカレンダーUIではなく、テキストベースの表だけで完結する設計にしたことで、実装もシンプルに保てました。

🔹 汎用性：アポイントを取りたい、あらゆるサイトに応用できる

この仕組みは、問い合わせフォームに限った話ではありません。士業、コンサルティング、コーチング、整体やサロンなど、「まず話を聞きたい」「まず会ってみたい」という性質のビジネスであれば、業種を問わず応用できます。もし同じような課題を抱えているサイトがあれば、ぜひ取り入れてみてほしい仕組みです。

受信したメールには「候補日時」にお客様の都合の良い日時が入っています。WebルームURLと担当者の都合の良い日をメールで返信するだけでアポイントに進めます。

📝 これから

サイトは形になりましたが、まだ運用面で調整中の部分も残っています。落ち着いたら、その顛末もまた記事にしようと思います。

おわりに

🎀 Erica「note記事が資産になるって、地味だけどすごく実感があるのよね。書いてきたことが、無駄になってなかったんだなって」

最後までお読みくださり、ありがとうございます！ 私は京都生まれ大阪育ちなので、記事では結構ボケているつもりです。お好きな記事のコメント欄にツッコミ、お待ちしています😊

【追記１】
この記事は、以前多くの方に読んでいただいた「ひとり企業、始めます」の続編です。まだお読みでない方は、先にこちらを読むとより楽しめます。

【追記２】
noteをマネして多言語対応機能を追加してみました。（日英のみ）
地球儀クリックで国旗アイコンが出てきてクリックすると翻訳されます。