the N creative のサイトをリニューアルしました。
トップページでは、スクロールに合わせて映像が進み、その先のコンテンツが横に流れていく構成にしました。スマートフォンとタブレットでは、縦に読み進めやすいレイアウトに切り替わります。iPhone の Safari でも見出しや説明文が単語の途中で折り返さないよう、日本語の改行も調整しています。
2つの AI によるデュアルコーディング
今回のリニューアルは、2つの AI に役割を分けて制作しました。
- 実装と検証: Claude Opus 5.5（Anthropic）
- レビュー: GPT-6 Sol（OpenAI の Codex）
進め方はシンプルなループです。
- 計画を書く
- もう一方の AI が計画をレビューし、指摘があれば直す（判定が「OK」になるまで繰り返す）
- 実装し、自動の検証（表示崩れ・リンク・スマホ幅・フォームなど）を通す
- もう一方の AI が実装をレビューし、指摘があれば直す（ここも「OK」まで繰り返す）
トップページの計画だけでも、レビューは18回行いました。1つの AI だけでは見落としやすい点を、別の AI がもう一度確かめる形です。
デザインの方向、文言、本番への反映はすべて人が判断し、公開前に実際の画面で確認しています。
あわせて整えたこと
- 検索と AI の回答に向けて、事業者情報・対応地域・サービスの内容を構造化データでそろえました
- 各ページの説明文を見直しました
- 英語のページとお問い合わせフォームも用意しました
この進め方を、お客様の制作にも
AI を使うと早く作れますが、確かめる仕組みがないと品質はそろいません。the N creative では、AI の速さと、レビュー・検証を繰り返す仕組みを組み合わせて、ホームページ制作や AI 導入支援を行っています。「自社でも AI をこう使いたい」というご相談も歓迎しています。