새 랜딩 페이지를 만드는 거군요. 잘됐네요! 랜딩 페이지는 웹 사이트의 방문자를 잠재 고객으로 전환할 수 있는 가장 좋은 기회입니다.
전환 속도를 높이려면 랜딩 페이지 설계가 원활한 사용자 환경을 제공해야 합니다. 원활한 사용자 환경을 얻으려면 이 10가지 랜딩 페이지 디자인 팁을 염두에 두십시오.
1. 랜딩 페이지의 목표를 결정합니다.
Toptal에 따르면 전환을 촉진하기 위해 랜딩 페이지가 존재합니다. 그렇다면, 여러분은 어떤 종류의 전환을 추진하고 싶은지 자문해 볼 필요가 있나요? 가장 일반적인 전환 목표는 다음과 같습니다.
브랜드 인지도를 쌓고 있습니다. 여기에는 이메일 가입자 목록을 늘리고 브랜드 및 제품/서비스에 대한 컨텐츠를 통해 이러한 개인과 관계를 구축하여 궁극적으로 충성스러운 추종자와 고객 성장을 이끌어내는 과정이 포함됩니다. 상세페이지제작은 여기를 방문해보세요.
잠재 고객 발굴입니다. 여기에는 제품/서비스에 관심이 있는 잠재 고객의 연락처 정보를 캡처하여 영업 팀원이 후속 조치를 취할 수 있도록 하는 작업이 포함됩니다.
Sales. 이는 특정 제품을 선보이고 사용자에게 랜딩 페이지에서 벗어나지 않고 카트에 추가하거나 구매할 수 있는 기능을 제공함으로써 빠른 구매를 촉진하는 것을 목표로 합니다.
목표를 정의하는 것은 랜딩 페이지 설계에 영향을 미치기 때문에 계획 프로세스에 매우 중요합니다.
2. 레이아웃을 계획합니다.
목표와 상관없이 좋은 랜딩 페이지는 다음과 같은 5가지 요소로 구성되어야 합니다.
헤드라인이요
귀사의 오퍼링에 대한 간략한 설명입니다.
관련 이미지입니다.
리드 캡쳐 형태입니다.
영업 활용 방안입니다.
이제 이러한 요소를 최대한 활용하기 위해 무엇을 할 수 있는지 알아보겠습니다.
3. 사본을 간결하게 유지합니다.
헤드라인과 설명은 간결한 메시징에 중점을 둡니다. 말하기는 쉽지만 사용자 환경에 매우 중요합니다.
2018년 마이크로소프트의 Per Cision 연구는 인간의 평균 주의 지속 시간이 8초라는 것을 발견했습니다. 귀사의 브랜드 또는 오퍼링이 단순하고 쉬운 언어를 통해 사용자에게 어떤 혜택을 제공할 수 있는지 중점적으로 설명해야 합니다. 그런 다음, 원하신다면 접힌 부분 아래 부분을 더 자세히 설명하실 수 있습니다.
접힌 부분 얘기가 나와서 말인데…
4. 접이식 포지셔닝의 우선 순위를 지정합니다.
페이지 상단에 항상 가장 중요한 정보와 영업 활용 방안 정보를 보관하십시오. 이렇게 하면 브라우저 창의 어디에 있든 상관없이 방문자가 제공하는 제품과 조치할 수 있는 위치에 대한 필수 스냅샷을 얻을 수 있습니다.
그렇다고 해서 랜딩 페이지에 폴더 아래에 내용이 없을 수는 없습니다. 접이식 정보의 주요 목표는 방문자들의 관심을 끄는 것이지만, 여러분은 그들이 더 많은 것을 배우기 위해 스크롤을 계속하기를 원합니다.
이러한 이유로, Neil Patel은 아래의 영업 활용 방안을 정기적으로 포함시킬 것을 제안합니다. 이 랜딩 페이지 디자인 팁은 변환 속도를 높이는 데 도움이 될 수 있습니다.
5. 시각 자료를 중요시합니다.
아까 방문자들에게 인상을 남길 시간이 8초밖에 없다고 했던 거 기억나요? 음, 일반적으로 사람들은 이미지를 텍스트보다 더 빨리 처리하므로, 랜딩 페이지에 이미지를 포함시키는 것이 유리합니다.
이미지, 특히 배너 또는 헤더 이미지를 사용하는 경우 주의를 끌어야 하며 제안 사항을 시각적 형태로 보완해야 합니다.
페이지에 비디오를 시각적 요소로 포함시킬 수도 있습니다. 예를 들어, 비디오는 소프트웨어와 같은 복잡한 제품을 시연하는 데 유용합니다.
포함할 시각적 요소의 유형에 관계없이 하나 이상의 요소를 폴더 위에 두는 것이 좋습니다. 귀사는 저렴한 부동산을 활용하여 제품을 보다 효과적으로 선보일 수 있습니다. 그러나 지나친 기대는 금물입니다.
마지막으로, 모바일 장치에서 응답성이 뛰어난지 확인해야 합니다! 현재 웹 트래픽의 53.3%가 모바일이며, 그 수는 계속 증가할 것으로 예상됩니다. 랜딩 페이지를 모바일용으로 최적화하여 보기 좋고, 빠르게 로드되며, 쉽게 탐색할 수 있도록 하려면 약간의 추가 노력이 필요하지만 전환 속도가 크게 향상되면 시간을 내어 주시면 감사하겠습니다.
6. 캠페인별 랜딩 페이지를 생성합니다.
디지털 사용자 앞에서 랜딩 페이지를 얻는 방법을 고려해 보십시오. 이메일 마케팅을 통해서 될까요? 월간 뉴스레터요? 소셜 미디어 포스트요? 어쩌면 구글 광고일까요?
이러한 마케팅 전략 중 하나 이상이 정답이라면 각 채널에 대한 개별 랜딩 페이지를 작성하는 것이 좋습니다. 이를 통해 어떤 트래픽 소스가 성공적이었는지 추적할 수 있습니다.
트래픽별 원본 경로를 지정할 경우 랜딩 페이지 설계를 원본과 유사하게 유지하십시오. 예를 들어, 특정 헤드라인과 이미지를 특징으로 하는 인스타그램 광고를 만드는 경우, 인스타그램 캠페인의 랜딩 페이지에 해당 디자인 요소를 정확하게 포함시키십시오.
7. 주의 산만과 종료 기회를 제한합니다.
랜딩 페이지 설계를 위한 가장 권장되는 방법 중 하나는 종료 기회 제한을 포함합니다.
웹 사이트의 탐색 모음을 제거하고, 내부 또는 외부 링크를 포함하지 않으며, 관련 제안을 언급하지 않습니다. 랜딩 페이지의 방문자는 잠재 고객 확보 양식 작성과 전환 생성에만 집중해야 합니다.
소셜 공유 버튼과 관련하여 일부 마케팅 회사에서는 아래에 포함시킬 것을 권장합니다. 이를 통해 Facebook, Twitter, LinkedIn 등을 통해 컨텐츠를 원활하게 공유할 수 있습니다. 다른 마케팅 회사에서는 종료 기회 제한 규칙을 준수하기 위해 이들을 완전히 제외할 것을 권장합니다. 서로 다른 랜딩 페이지 간에 A/B 테스트를 실행하여 소셜 공유 버튼을 추가하는 것이 적절한 ROI인지 확인해 보십시오.
8. 매력적인 제안을 통해 전환을 장려합니다.
종료 기회를 없애면 웹 사이트 방문자들의 집중력은 유지되지만, 추가 기능으로 그들을 유혹하는 것은 높은 전환률을 보장할 수 있습니다.
웹 사이트 방문자의 이메일 주소를 교환하는 대가로 할인, 전자책과 같은 유용한 리소스 또는 무료 평가판을 제공하십시오. 게이트 콘텐츠 옵션은 무궁무진하지만 콘텐츠 제공이 제품 또는 서비스와 관련이 있는지 확인하십시오.
일단 여러분의 제안이 그만한 가치가 있다고 확신한 후에는, 불필요하게 긴 리드 캡쳐 형식으로 전환하는 것을 단념하지 마십시오.
양식을 짧게 작성해야 합니다. 대부분 이름, 성, 이메일 주소만 물어봅니다. 물론 랜딩 페이지의 목표에 따라 조금 더 많은 정보가 필요할 수도 있지만, 이는 교환할 가치가 있는 오퍼링을 만들어야 함을 의미합니다. 상세페이지 제작은 이곳에서!
9. 끝내주는 영업 활용 방안으로의 전환을 보장합니다.
드디어 랜딩 페이지의 가장 중요한 부분에 도달했습니다! CTA(Call-to-Action)는 웹 사이트 방문자가 잠재 고객 확보 양식을 작성한 후 개인 정보를 제출하기 위해 클릭하는 버튼입니다.
버튼의 복사본을 만들 때는 방문객이 특정한 조치를 취하도록 유도하고 영감을 주는 단어를 사용하십시오. 이는 종종 긴박감을 조성하는 것을 의미합니다. WordStream 조차도 킬러 영업 활용 기준에서 설명된 바와 같이, 강력한 명령 동사, 숫자, 그리고 감정을 자극하는 단어를 사용하고 청중이 행동을 이용할 수 있는 이유를 사용할 것을 권장합니다.
CTA 디자인에 있어 글꼴은 명확히 읽을 수 있어야 하며 페이지에 사용되는 다른 글꼴과 일관성이 있어야 합니다. 그러나 설명 텍스트보다 약간 커야 합니다.
다양한 연구결과 모서리가 둥근 단추는 뾰족한 모서리보다 클릭이 쉽지만 단추의 모양은 그 크기보다 덜 중요한 것으로 나타났습니다. CTA는 한눈에 보기에도 눈에 띄고 복사본을 쉽게 읽을 수 있을 정도로 커야 하지만 랜딩 페이지와 방문자 모두를 압도할 정도로 크지는 않습니다.
색상과 관련하여, 마케팅 업계의 색상 이론은 중요한 역할을 합니다. CTA는 영향을 미치는 부분과 브랜드를 반영하는 부분 사이에 있어야 합니다. 예를 들어, 대비되는 색상이 특히 주황색과 녹색, 그리고 생성된 변환과 같은 보다 활동적인 것으로 나타났습니다. SAP는 Orange CTA가 2017년에 전환율을 32.5% 높인 것으로 확인했습니다.
10. A/B 테스트로 전환 기회를 극대화합니다.
이제 랜딩 페이지에 필수 요소가 모두 포함되었으므로 A/B에서 복사본, 비주얼, 디자인 및 CTA를 테스트해 보십시오. 각 페이지의 성능 메트릭을 검토하여 최적의 변환 속도에 도달하기 위해 조정할 수 있는 항목을 파악합니다. 그러나 한 번에 하나의 랜딩 페이지 요소만 테스트하여 어떤 요소가 차이를 만들었는지 확인하는 것도 잊지 마십시오.
A/B 테스트와 직접 관련되지는 않지만 다른 최적화의 우선 순위를 지정하는 것이 중요합니다. 검색 엔진 카피를 최적화하고 특히 모바일에서 랜딩 페이지의 로드 시간을 단축합니다. 로드 시간이 조금만 지연되어도 변환 속도에 부정적인 영향을 미칠 수 있습니다. 랜딩 페이지를 평가하려면 Google의 편리한 PageSpeed Insights 도구를 확인하십시오.
랜딩 고착 시간(페이지)입니다.
체크리스트를 살펴본 후에는 잠시 앉아서 결과를 분석할 때입니다.
단순 랜딩 페이지를 설계할 때는 이 점을 유념해야 할 부분이 많아 보이지만, 이 잘 설계된 랜딩 페이지의 마케팅 ROI는 이 모든 것을 가치 있게 만듭니다.
마지막으로 저희가 가장 좋아하는 랜딩 페이지 구축업체 목록을 보내드리겠습니다.