행사 소개 영상과 히어로 섹션 설계

행사 소개 영상과 히어로 섹션 설계

첫 화면의 목표는 '멋있다'가 아니라 3초 안에 등록 버튼을 누르게 만드는 것입니다.

영상 배경은 잘 쓰면 강력하고 잘못 쓰면 이탈의 원인이 됩니다. 넣을 조건과 넣지 말아야 할 조건을 나눠 정리했습니다.

행사 사이트의 첫 화면은 구성이 거의 정해져 있습니다. 행사명, 일시와 장소, 한 줄 설명, 그리고 등록 버튼입니다. 이 네 가지 외의 것을 넣기 시작하면 첫 화면의 결정력이 떨어집니다.

특히 버튼은 하나만 두세요. '사전등록'과 '참가업체 신청'과 '브로슈어 다운로드'가 나란히 있으면 어느 것도 강조되지 않습니다. 주 대상이 참관객이면 사전등록 하나만 크게 두고 나머지는 아래로 내립니다.

지난 차수 현장 영상이 있다면 영상 배경은 강력합니다. 사람이 북적이는 전시장 모습만큼 '갈 만한 행사'라는 인상을 빠르게 주는 것이 없습니다. 다만 조건이 붙습니다.

조건을 못 맞추면 정지 이미지가 낫습니다. 어설픈 영상 배경은 느리고 산만하기만 합니다.

배경 영상은 자동재생·무음·반복이 기본입니다. 소리가 나면 사용자는 당황하고, 모바일 브라우저는 소리 있는 자동재생을 막습니다. 또 데이터를 쓰는 환경을 고려해 모바일에서는 영상 대신 정지 이미지를 보여주는 편이 안전합니다.

영상 위에 글자를 얹을 때는 반드시 어두운 반투명 레이어를 한 겹 깔아야 합니다. 영상은 프레임마다 밝기가 바뀌기 때문에, 어느 순간 글자가 배경에 묻힙니다.

히어로 섹션 바로 아래는 첫 화면 다음으로 많이 보이는 자리입니다. 여기에 회사 소개식 인사말을 넣으면 스크롤이 거기서 멈춥니다. 방문자가 다음으로 궁금해할 것을 놓아야 합니다.

대개 '이 행사에서 무엇을 볼 수 있는가'입니다. 전시 분야, 주요 프로그램, 참가업체 수 같은 정보를 시각적으로 보여주고 그 아래에 다시 등록 버튼을 두는 구조가 안정적입니다.