오늘은 모든 방문자가 무조건 보는 유일한 부분인 Hero 섹션 부분의 레이아웃 3가지에 대해서 알아 보겠습니다.
1) 좌측 텍스트 + 우측 이미지/목업
가장 클래식하고 안정적인 2분할 구조입니다. 시선이 왼쪽에서 오른쪽으로 자연스럽게 흐릅니다.
(Z자형 패턴 형식입니다.)
- 특징: 왼쪽에 핵심 카피와 CTA 버튼을 몰아주고, 오른쪽에 제품이나 서비스를 보여주는 맞춤형 그래픽 또는 사진을 배치합니다.
- 매우 많이 사용하는 레이아웃 방식입니다.
2) 중앙 정렬형 레이아웃
시선을 한곳으로 집중시키는 구조입니다. 여백을 넓게 써서 세련된 느낌을 줍니다.
- 특징: 헤드카피, 서브카피, CTA 버튼을 모두 가운데로 정렬하고, 배경은 깔끔한 단색이나 또는 이미지나 은은한 그라데이션을 활용합니다.
- 이런 레이아웃은 판매를 위해 많은 이미지를 사용하는 분야에서 많이 쓰입니다.
3) 풀 스크린 미디어 배경 레이아웃
시각적인 임팩트를 극대화하는 구조입니다. 감성이나 몰입감이 중요할 때 씁니다.
- 특징: 화면 전체에 고화질 이미지나 반복 재생되는 동영상을 깔고, 그 위에 반투명 오버레이를 얹어 카피를 띄웁니다.
- 대형 이미지나 영상을 화면 전체에 배치해 사용자의 시선을 즉각적으로 사로잡습니다.
다음에는 방문자를 붙잡는 히어로 섹션 카피라이팅 공식에 대해 알아보겠습니다.