Die Seite bewegt sich. Ich habe mit Sites eine audioaktivierte Landingpage erstellt.

📌 Ich habe mit ChatGPT Sites eine „audiosynchronisierte Landingpage“ erstellt, die automatisch synchron zum Ton eines Lippensynchronisationsvideos weiterläuft und mit einem Online-Beratungsformular endet. Sol übernahm die Spezifikationsberatung, Astra Medium die Implementierung. Ich werde beschreiben, wie ich das anfänglich eher dunkle Design aufgehellt habe und wie der Prozess von der privaten Vorschau bis zur öffentlichen Veröffentlichung verlief.

Einführung

„Wäre es nicht interessant, wenn die Person im Video sprechen würde und sich die Seite automatisch entsprechend dem bewegen würde, was sie sagt?“

Die Produktion dieser LP begann mit dieser etwas ungewöhnlichen Idee.

Auf einer typischen Landingpage lesen Besucher selbstständig von oben nach unten. Selbst wenn Videos eingebunden sind, werden diese üblicherweise als Teil der Seite eingebettet.

Dieses Mal wollte ich eine Erfahrung machen, die noch einen Schritt weiter ging.

Erikas Lippensynchronisationsvideo beginnt zu sprechen. Die Seite blättert synchron zu ihren Worten weiter. Das Video bleibt in der oberen rechten Ecke. Nach der Erklärung erscheint ein Buchungsformular für ein Online-Interview. Wir haben dieses Lippensynchronisationsvideo auf unserer Landingpage eingebunden. ↓

Erikas Zeilen

🎀 Erica: „Es wird nicht nur ein Video geben, sondern die Seite wird sich auch synchron zu meinem Vortrag bewegen. Es sieht so aus, als ob es eine ziemlich ambitionierte Landingpage wird.“

Hierbei handelt es sich um den Versuch, Videoanzeigen, Präsentationen, Landingpages und Kontaktformulare auf einer einzigen Seite zu kombinieren.

Die vollständige, öffentlich verfügbare Version finden Sie hier.

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

Dieses Mal werde ich dokumentieren, wie sich diese Idee zu einer Spezifikation weiterentwickelte, implementiert wurde und schließlich öffentlich zugänglich gemacht wurde.