히어로 섹션 구성 공식

스크롤 없이 보이는 영역에 들어갈 것은 정해져 있습니다. 무엇을 하는지, 왜 우리인지, 무엇을 하면 되는지, 그리고 시각적 인상입니다.

이 외의 것을 넣으면 결정력이 떨어집니다. 공지사항, 배너, SNS 링크는 아래로 내리세요.

'문의하기'와 '제품 보기'와 '회사 소개'가 나란히 있으면 어느 것도 강조되지 않습니다. 방문자는 선택지가 많으면 아무것도 고르지 않습니다.

가장 원하는 행동 하나만 강조하고, 나머지는 약한 스타일로 두거나 아래로 내리세요.

멋진 이미지를 크게 쓰고 그 위에 글자를 얹는 구성이 흔합니다. 문제는 이미지의 밝기가 균일하지 않아 글자가 묻히는 경우입니다.

글자 뒤에 어두운 반투명 레이어를 깔거나, 이미지와 글자를 좌우로 나누는 방식이 안전합니다.

PC에서 한 화면에 들어가던 네 요소가 모바일에서는 세로로 쌓입니다. 버튼이 화면 아래로 밀려 안 보이는 경우가 흔합니다.

모바일에서 스크롤 없이 헤드라인과 버튼이 함께 보이는지 반드시 확인하세요.

□  헤드라인·보조문구·버튼·시각요소 외의 것이 없는가

□  헤드라인이 무엇을 하는 회사인지 알려주는가

□  강조된 버튼이 하나뿐인가

□  이미지 위 텍스트에 오버레이가 있는가

□  모바일에서 헤드라인과 버튼이 함께 보이는가

□  헤드라인이 모바일에서 세 줄을 넘지 않는가