# このサイトを、どう作ったかを公開します
> NEXUSのサイトを作った工程の記録。ヒアリングから公開後の改善までの5つの工程を、人が決めた所とAIに任せた所に分けて公開します。
- URL: https://tomorrow-nexus.com/process/
- 公開: 2026-11-04
- タグ: 制作工程
- 発行: ブルーアイズ株式会社
---
このサイトを、どう作ったか。人が決めた所と、AIに任せた所を分けて、制作の中身をそのまま公開します。所要時間は案件によって大きく変わるため、載せていません。

## 工程ごとに、このサイトでやったこと

公開とその後の工程は、まだ予定です。進んだら記録を足していきます。

### 01 HEARING：何を、誰に売るかを決める

- NEXUSが受け持つことを洗い出し、相談の入口を1つにまとめると決めました
- 市場調査・商品開発・実店舗の改善は、受注ではなく「ここまで考えられる」という深さを示すページにすると決めました
- 日本語のサイトにすること、いまのドメインのまま載せ替えることを決めました
- 料金は細かい金額ではなく、目安だけを載せると決めました

- 人: 何を売りたいか、どこまで受け持つか、相談の入口をどう置くかを決めました。
- AI: 対応できるカートやモールの候補を洗い出し、決めるための選択肢を並べました。

### 02 DESIGN：構成と見た目を決める

- 参考にするサイトを集め、取り入れる見せ方と、取り入れない見せ方を分けました
- カートごと・サービスごとにページを分ける構成にしました
- 一度は黒い背景で組み、画面で見たうえで、白い背景で図と写真を中心に見せる形に作り直しました
- 写真は無料の素材から候補を出し、1枚ずつ確認してから使いました

- 人: 参考にするサイトを選び、組んだ画面を見て、方向を決め直しました。
- AI: 決めた方向を画面に起こし、図やモックアップをコードで描きました。

### 03 BUILD：組み上げる

- 1つのファイルが1つのページになる作りにして、ページを増やしやすくしました
- サービスの文章は1か所にまとめ、画面とAI向けのテキスト版の両方をそこから作るようにしました
- パソコンの幅とスマートフォンの幅で、文字のはみ出しや崩れがないかを確かめながら組みました
- 相談フォームは、書かせるより選ばせる形にしました

- 人: 組み上がった画面を1枚ずつ見て、直すところを決めました。
- AI: ページを組み、画面で崩れがないかを確かめ、指摘を受けて直しました。

### 04 LAUNCH：公開して、計測を始める（予定）

- いまのドメインのまま、新しいサイトへ切り替える予定です
- 古いページのアドレスから、新しいページへ転送する予定です
- AIが読むための目次（llms.txt）と、ページごとのテキスト版を用意しました
- 公開したら、ここに記録を足していきます

- 人: 公開の時期と、切り替えの段取りを決めます。
- AI: 転送の設定や、公開後の確認を受け持ちます。

### 05 GROW：数字を見て、直し続ける（予定）

- 公開したあと、広告・SNS・検索で人を呼ぶ予定です
- どこから来て、どこで離れたかを数字で見て、直す順番を決めます
- 直したことと、その結果を、このページに足していきます

- 人: 数字を見て、次に何をするかを決めます。
- AI: 数字をまとめ、直す作業を受け持ちます。

## 人が決めたこと、AIに任せたこと

| 人が決めたこと | AIに任せたこと |
|---|---|
| 何を、誰に売るか | 選択肢の洗い出し |
| 相談の入口をどこに置くか | 決めた方向を画面に起こす |
| 参考にするサイトと、見た目の方向 | 図とモックアップをコードで描く |
| 組んだ画面を見て、直すかどうか | ページを組む |
| 使う写真を1枚ずつ | パソコンとスマートフォンでの見え方の確認 |
| 料金をどこまで載せるか | AI向けのテキスト版の書き出し |

## 作り直したこと

- **2026-11-04 背景を黒から白へ** — 黒い背景で組んだ画面を見て、白い背景で図と写真を中心に見せる形に作り直しました。
- **2026-11-05 料金ページをやめる** — 料金をまとめたページはやめ、料金はサービスごとのページの最後に書くことにしました。
- **2026-11-05 推さないカートを小さく** — 対応はするが前に出さないカートを、図でも一覧でも小さく扱うことにしました。
- **2026-11-09 写真と文章を増やす** — 図だけでは伝わりにくいところに写真を足し、サービスのページの文章を増やしました。

## AIにも読まれる作りにしています

### ページごとのテキスト版

どのページにも、飾りを除いた文章だけの版を用意しています。AIが中身を正しく読み取れるようにするためです。

### サイトの目次（llms.txt）

サイトにどんなページがあるかを、AIが一度に読める目次にまとめています。

### 画面と同じ文章から作る

サービスの文章は1か所にまとめ、画面とテキスト版の両方をそこから作っています。片方だけ古くなることがありません。

テキスト版の目次は [/llms.txt](/llms.txt) にあります。

## よくある質問

### AIで作ったサイトは、品質が心配です

方向を決めることと、組み上がった画面の確認は、人が受け持っています。AIに任せているのは、手を動かす量の多い作業です。

### 従来型の作り方でも頼めますか

頼めます。WordPressなどの従来型と、AIで組む作り方の両方に対応しています。誰がどれくらい更新するかで選びます。

### 自社のサイトも、同じ流れで作ってもらえますか

同じ流れで進めます。何を、誰に売るかを伺うところから始めます。

### 所要時間は、どれくらいかかりますか

ページ数や内容によって大きく変わるため、ここでは載せていません。ご相談のときに、内容を伺ってお伝えします。