페이지가 움직인다. 음성 연동 LP를 Sites로 만든

📌 립싱크 동영상의 음성에 맞추어 페이지가 자동으로 진행해, 마지막은 Web면담의 상담 폼으로 멈추는 「음성 연동 LP」를 ChatGPT의 Sites로 만들었습니다. 사양 상담은 Sol, 구현은 Astra Medium. 어두운 초기 디자인을 밝게 고치고 비공개 미리보기에서 일반 공개까지의 전말을 적어 보겠습니다.

소개

「동영상의 인물이 이야기하고, 그 내용에 맞추어 페이지까지 마음대로 움직이면 재미있는 것은 아닐까?」

그런 조금 바뀐 발상에서 이번 LP 제작은 시작되었습니다.

일반 LP는 방문자가 스스로 위에서 아래로 읽습니다. 동영상을 넣을 때도 페이지의 일부에 포함하는 모양이 일반적입니다.

이번에 하고 싶었던 것은, 또 한 걸음 밟은 체험이었습니다.

에리카의 립싱크 동영상이 말하기 시작한다. 말하는 내용에 따라 페이지가 진행된다. 동영상은 오른쪽 상단에 남아 있습니다. 그리고 설명이 끝날 때, 화면은 웹 면담 예약 양식에서 멈춘다. 여기 립싱크 동영상을 LP에 소재로 넣었습니다. ↓

에리카 세리프

🎀 Erica 「동영상을 둘 뿐만이 아니라, 내가 말하는 것에 맞추어 페이지까지 움직이는군. 좀처럼 욕심 많은 LP가 될 것 같다.」

동영상 광고, 프레젠테이션, LP, 문의 도선을 하나의 페이지로 정리하려는 시도입니다.

완성된 공개판은 이쪽입니다.

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

이번은, 이 아이디어가 어떻게 사양이 되어, 실장되어, 공개판에 자라 갔는지를 써 남깁니다.