좋은 히어로 섹션이 하는 일

좋은 히어로 섹션의 할 일은 하나예요

히어로 섹션은 맞는 사람이 계속 스크롤하게 만들어요. 누군가 들어와서 몇 초를 주고, 이 페이지가 자기 문제에 관한 건지 판단해요. 첫 화면의 모든 요소는 그 판단 하나를 위해 일해요. 그걸 떠받치는 건 네 가지예요. 제품이 뭔지, 누구를 위한 건지, 그 사람에게 뭐가 달라지는지, 그리고 또렷한 행동 하나요. 슬로건, 수상 배지, 움직이는 배경은 그 네 가지의 자리를 뺏어요.

이게 뭔지부터 말하세요

헤드라인은 제품 대신 느낌을 묘사할 때 실패해요. '팀이 만드는 방식을 다시 생각하다'는 CRM일 수도, 채용 도구일 수도, 요가 앱일 수도 있어요. '현장 사진 중심으로 만든 건설 팀용 프로젝트 관리'는 남을지 말지를 한 줄로 알려줘요. 구매자가 통화에서 쓸 법한 카테고리 단어를 쓰세요. 헤드라인이 서브헤드가 있어야 말이 된다면, 헤드라인이 일을 덜 하고 있는 거예요.

원하는 사람을 이름으로 부르세요

대상을 좁히는 한 줄은 디자이너들이 생각하는 것보다 훨씬 많은 일을 해요. '월 5만 달러 이상 파는 Shopify 브랜드를 위한'은 엉뚱한 방문자를 돌려보내고, 맞는 사람에게는 제대로 찾아왔다고 알려줘요. 창업자들은 시장이 좁아진다고 걱정해요. 실제로는 대상을 지목할수록 문의 품질이 올라가요. 예약까지 하는 사람은 이미 절반쯤 설득된 상태거든요. 이 한 줄은 서브헤드나 헤드라인 위 작은 문구에 넣으세요.

약속 하나, 행동 하나

무게가 같은 버튼 두 개는 주의를 갈라놓고 둘 다 클릭을 떨어뜨려요. 가장 원하는 행동을 하나 골라 꽉 찬 버튼을 주고, 두 번째 선택지는 조용한 텍스트 링크로 두세요. 버튼 문구는 다음에 무슨 일이 생기는지 말해야 해요. '제출'보다 '내 페이지 기획안 받기'가 낫고, '더 알아보기'보다 '가격 보기'가 나아요. 클릭 너머에 뭐가 기다리는지 읽는 사람이 아니까요. 버튼 문구는 페이지 어디서나 같은 말로 쓰세요.

제품이 일하는 모습을 보여주세요

손으로 헤드라인을 가리고 히어로 이미지만 보세요. 뭘 파는지 알 수 없다면 그 이미지는 장식이에요. 실제 화면 스크린샷, 진짜 환경에 놓인 제품 사진, 결과를 담은 짧은 영상 모두 노트북 앞에서 웃는 스톡 모델보다 나아요. 서비스를 판다면 결과물을 보여주세요. 직접 디자인한 페이지, 대시보드, 완성된 리포트요.

버튼 옆에 증거를 두세요

CTA 근처의 증거 한 줄은 첫 의심이 생기기 전에 없애줘요. 사람들이 알아보는 고객사 로고 다섯 개, 후기 개수가 붙은 평점, 진짜 숫자가 들어간 결과 하나. 어느 쪽이든 통해요. 히어로에는 증거를 하나만 두고, 사례는 아래 섹션에 남겨두세요. 출처 없이 뭉뚱그린 신뢰 배지는 대개 빈칸 메우기로 읽혀요.

히어로 섹션 5분 점검법

회사 밖의 누군가에게 히어로를 5초만 보여주세요. 화면을 가린 다음 세 가지를 물어보세요. 이건 뭘 파나요? 누구를 위한 건가요? 버튼을 누르면 무슨 일이 생기나요? 셋 중 둘이 틀리면 그 아래 내용은 의미가 없고 히어로부터 다시 써야 해요. 휴대폰 화면에서도 똑같이 해보세요. 트래픽 대부분이 거기서 읽고, 첫 화면 경계선도 훨씬 위에 있으니까요.