メインコンテンツへスキップ
AXelWorks

ナビ付きLP

動画や音声が案内してくれる、「ナビ付き」のLPです。AIと一緒に作った、2つのバリエーションを紹介します。

ナビ付きLPとは

ふつうのLPは、読む人が自分で、上から下へ読み進めます。ナビ付きLPは、音声や動画の案内役が話しかけ、ページを一緒に進めてくれます。読む人は、案内に身をまかせるだけで、内容が伝わります。

2つのバリエーション

音声ガイドLP

動画の人物が話しかけ、その声に合わせて、ページが動き出します。最後は、面談の相談フォームで止まります。

音声ガイドLPで、動画の案内役がページを進めている画面
  • 動画、音声、ページの動きが、ひとつにつながります。
  • 話が進むと、その内容のセクションが現れます。
  • 最後は、相談フォームへ。候補日時を選んで送れます。すぐに予約が確定するのではなく、メールの返信で日程を決めます。
  • 今は日本語版です。今後、12か国語に広げる予定です。

向いている場面:ひとつのストーリーを、順番に伝えて、相談につなげたいとき。

【AIとLPづくり】GPT-5.6 Solで仕様を固め、GPT-6 Astraで実装したら「動画が話し、ページが動くLP」ができた (新しいタブで開く) (記事は日本語です)

LPNotes

記事のように書き足して育てるLP

note記事のように書くと、1つのアイデアが1つのページになる、自分専用のLPの実験サイトです。

LPNotesで、記事のように書かれたページが表示された画面
  • 記事のように書き足せます。画像、見出し、相談フォームを入れられます。
  • 12か国語に対応しています。地球儀で言語を切り替えられます。
  • エリカと一緒に、音声で読み進められます。口の動きも付いています。
  • 詳しい制作の記録は、noteの記事(一部有料)にまとめています。

向いている場面:たくさんのLPを次々に書いて、反応を試したいとき。

GPT-6 Astraで自分専用LPサイトを作った――8言語の翻訳・読み上げから一般公開まで (新しいタブで開く) (記事は日本語です)

選び方の目安

  • 決まった流れで伝えたい:音声ガイドLP
  • アイデアを次々と試したい:LPNotes