The page moves. I created an audio-activated landing page using Sites.

📌 I created an "audio-synced landing page" using ChatGPT Sites, where the page automatically advances in sync with the audio of a lip-sync video, and ends with a web consultation form. Sol handled the specification consultation, and Astra Medium handled the implementation. I'll write about how I brightened up the initial, rather dark design and the process from a private preview to public release.

Introduction

"Wouldn't it be interesting if the person in the video spoke, and the page automatically moved in accordance with what they were saying?"

This LP production started with that slightly unconventional idea.

In a typical landing page, visitors read from top to bottom on their own. Even when videos are included, they are usually embedded as part of the page.

What I wanted to do this time was to have an experience that went a step further.

Erika's lip-sync video begins to speak. The page advances in sync with what she's saying. The video remains in the upper right corner. When the explanation is finished, the screen stops at a web interview booking form. We've included this lip-sync video as material on our landing page. ↓

Erika's lines

🎀 Erica: "Not only will it have a video, but the page will also move in sync with my speaking. It looks like it's going to be a pretty ambitious landing page."

This is an attempt to combine video ads, presentations, landing pages, and contact forms into a single page.

The completed, publicly available version is here.

https://axelworks-guided-lp.yoiken0626.chatgpt.site

This time, I'll document how this idea evolved into a specification, was implemented, and eventually became a public release.