* 이룸 네트워킹 분들을 위해 해외 아티클을 번역해서 제공해드리고 있습니다.

많은 마케터들이 홈페이지를 제대로 만들지 못합니다.

사실 그 이유는 어렵지 않게 알 수 있는데요.

모든 웹사이트 방문에는 차가운 트래픽(Cold traffic), 따뜻한 트래픽(Warm traffic), 뜨거운 트래픽(Hot traffic)이 발생합니다.

이메일, 소셜 미디어 트래픽은 물론 다양한 검색을 통한 자연 방문자까지 유입됩니다.

하나의 페이지에서 모든 종류의 잠재고객에게 한 번에 말을 걸어야 하는 셈입니다.

하지만 좋은 홈페이지의 요소를 세분화하면 생각만큼 만드는 것이 어렵지 않다는 것을 알게 될 것입니다.

다양한 유형의 고객과 소통하고 비즈니스의 여러 요구 사항을 충족시킬 수 있는 유연한 레이아웃이 필요합니다.

이 글에서는 다음 내용을 살펴보겠습니다:

• 효과적인 홈페이지의 진정한 역할

• 성공적인 홈페이지의 4가지 요소

• 피해야 할 흔한 홈페이지 실수 1가지 (자주 발견되는 실수!)

먼저, 기본부터 시작하겠습니다.

홈페이지의 진정한 목표는 무엇인가요?

홈페이지는 다양한 용도로 사용할 수 있지만, 일반적으로 그 주요 목적은 사이트에 대한 개요나 요약을 제공하는 것입니다.

카테고리와 제품 페이지가 스토어의 판매 현장이라면, 홈페이지는 매장의 쇼윈도라고 생각하면 됩니다.

누구나 매장 쇼윈도를 지나다가 무언가에 시선이 끌려 안으로 들어가 쇼핑하고 싶어진 경험이 있을 것입니다.

이것이 바로 홈페이지의 역할입니다.

홈페이지는 물건을 직접 팔기 위해 존재하는 것이 아닙니다. 대신, 잠재고객이 그 문을 열고 들어와 컬렉션이나 제품 페이지를 방문하도록 유도하는 것만으로도 충분합니다.

그렇다면 어떻게 해야 할까요?

완벽한 홈페이지 레이아웃의 4가지 요소

수년간의 홈페이지 테스트와 최적화를 통해, 완벽한 홈페이지는 일반적으로 4가지 핵심 요소를 갖추고 있다는 사실을 발견했습니다.

#1 훅(Hook)

대부분의 홈페이지는 브랜드, 제품 카탈로그, 또는 고객층을 대표하는 시선을 사로잡는 배너나 히어로 이미지로 시작합니다.

이 이미지는 효과적인 헤드라인과 행동 유도 문구(CTA)와 함께 사용하는 것이 좋습니다. 저는 이 공간을 활용해 헤드라인, 태그라인, 또는 간결한 문구에 브랜드의 포지셔닝을 명확히 드러내는 것을 선호합니다.

대부분의 방문자가 가장 먼저 접하는 영역이기에, 귀사의 경쟁 우위를 강조하기에 이상적인 위치입니다.

BOOM! Beauty는 이 전략을 탁월하게 실행하고 있습니다:

이 이미지는 고객층에 호소력 있는 인상적인 비주얼을 제공하며, 헤드라인은 "세계 최초의 프로에이징 화장품 및 스킨케어 라인"이라는 사실을 강조해 회사의 차별화 요소를 부각시킵니다.

#2 머천다이징의 마법

방문자가 페이지를 아래로 스크롤하도록 유도한 후에는 베스트셀러 제품의 컬렉션 그리드와 캐러셀을 포함하세요.

다양한 방식으로 제품을 그룹화한 그리드를 여러 개 배치할 수 있습니다. 예를 들어, oVertone은 베스트셀러 중 일부를 강조 표시합니다..

그런 다음 상단 카테고리도 일부 호출합니다.

사람들이 제품을 구매하는 방식을 고려하여 홈페이지에서 원하는 제품과 카테고리를 쉽게 찾을 수 있도록 하세요;

예를 들어 의류 매장에서는 판매하는 다양한 종류의 의류(바지, 셔츠 등), 계절(가을, 겨울 등), 색상 구성 등을 강조할 수 있습니다.

#3 스토리텔링으로 엮기

특히 브랜드에 대한 독특하거나 매력적인 점을 강조하는 데 도움이 된다면 홈페이지는 약간의 스토리텔링을 할 수 있는 좋은 장소이기도 합니다.

이는 '회사 소개' 섹션, 교육 리소스 또는 BOOM의 이 스크린샷과 같이 브랜드 가치를 강조하는 섹션의 형태로 제공될 수 있습니다:

그리고 oVertone의 이 스크린샷:

스토리텔링에 지나치게 많은 공간을 할애하지 마세요. 홈페이지의 주된 목적은 여전히 사용자를 제품 및 카테고리 페이지로 유도하는 것입니다.

#4 안전망 (Safety Net)

홈페이지에는 브랜드에 관심은 있지만 아직 구매나 탐색할 준비가 되지 않은 사용자가 유입될 수밖에 없습니다.

이러한 방문자를 위해 홈페이지 하단에 리드 마그넷과 함께 뉴스레터 구독 옵션을 제공하세요. 이를 통해 잠재 고객이 최소한 새로운 콘텐츠와 프로모션 정보를 받아볼 수 있게 됩니다.

스마트 마케터는 홈페이지 하단에서 이 전략을 효과적으로 활용합니다:

홈페이지에 다양성 도입하기

이 이 구조는 효과적인 홈페이지를 만들기 위한 탁월한 기본 틀이며, 각 브랜드의 특성에 맞게 유연하게 조정할 수 있습니다.

모든 홈페이지는 고유합니다. 각 브랜드마다 제품, 고객층, 그리고 특정 요구사항이 다르기 때문입니다.

예를 들어:

• 일부 기업은 방대한 제품 카탈로그를 보유하고 있습니다(아마존과 같은). 이러한 브랜드들은 홈페이지에 다양한 제품 그리드와 슬라이더를 표시할 것입니다.

• 반면, 제품 종류(SKU)가 적은 스토어는 1~2개의 베스트셀러에 집중할 수 있습니다. oVertone의 홈페이지가 좋은 예시입니다. 다른 업종에서는 보기 힘들지만, 헤어 컬러 브랜드에 완벽하게 어울리는 "원하는 색상별 쇼핑" 섹션을 제공합니다.

그리고 원하는 헤어 컬러가 무엇인지 잘 모르는 방문자를 위해 oVertone은 해당 섹션에 퀴즈를 추가하여 완벽한 컬러를 찾을 수 있도록 도와줍니다:

여기서 얻을 수 있는 메시지는 사용자가 귀사의 제품을 어떻게 쇼핑하는지에 대해 생각하고, 홈페이지에서 바로 필요한 카테고리를 제공해야 한다는 것입니다.

흔한 홈페이지 실수 피하기

때때로 사람들은 화려한 이미지와 약간의 텍스트만 있는 초미니 홈페이지를 만들어 멋지게 보이려고 합니다. Dior와 같은 명품 브랜드에서 흔히 볼 수 있는 방식입니다:

사람들은 눈에 띄고 관심을 끌 수 있다고 생각하기 때문에 이렇게 하는 것 같습니다. 하지만 안타깝게도 정반대의 결과를 가져옵니다.

(이런 홈페이지가 고객의 기대에 부합하는) 명품 브랜드가 아니라면, 이런 홈페이지는 일반적으로 방문자의 참여를 유도하는 데 실패하며, 특히 이런 홈페이지는 탐색이 더 어려운 모바일에서는 더욱 그렇습니다.

대신 방문자의 관심을 끌고 제품에 관심을 가질 수 있는 실질적인 내용을 담은 홈페이지를 구축하는 것이 좋습니다.

홈페이지 제작에 관한 마지막 조언

마지막으로 몇 가지 팁을 더 드리겠습니다:

1. 많은 방문자에게 홈페이지는 웹사이트의 첫 페이지입니다. 하지만 이는 반드시 첫 번째로 만들어야 한다는 의미는 아닙니다. 실제로 홈페이지는 전체 사이트의 개요이므로 다른 페이지를 먼저 만들고 마지막에 홈페이지를 만드는 것이 도움이 될 수 있습니다. 이 방식을 따르면 홈페이지 제작이 훨씬 수월해집니다.

2. 마지막으로, 홈페이지의 중요성은 아무리 강조해도 지나치지 않습니다. 트래픽이 많은 모든 페이지가 그렇듯 홈페이지도 중요하지만, 이 페이지를 제대로 만드는 것은 생각보다 어렵지 않습니다. 이 글에서 배운 레이아웃을 따르고, 베스트셀러 제품을 소개하며, 브랜드의 독특하고 매력적인 점을 전달하려 노력한다면 효과적인 홈페이지를 만들 수 있을 것입니다.